中西方电商网站设计有哪些差异?以下3个尤为突出。

作为一名交互设计师,我经历过国内零售电商产品,后又从进口转战出口。用户群从国内用户变成欧美用户,一开始固执地保留着很多"中式"设计方式,导致我屡屡碰壁。

其实中西方电商网站在体验设计上有很多显著差异,而造成这些差异的原因是非常值得讨论的。下面从几个区别点展开讨论,希望可以给大家带来更多思考。

一、新页面打开方式不同

1. 中西差异

国内电商网站:点击后直接在新标签中打开页面,尤其是打开详情页(Product Detial)。

西方电商网站:在当前页打开。

[案例 1]:亚马逊 (Amazon)在做中国站的时候特意将打开详情页设置成在新标签页中打开,而美国站却是在当前页打开。

[案例 2]:非电商产品也有类似差异,国内的 QQ 浏览器、360 浏览器、搜狗浏览器等均为默认在新标签页中打开新页面,而海外浏览器谷歌则是默认在当前页打新页面。

中西方电商网站设计有哪些差异?以下3个尤为突出!

2. 优缺点对比

在新标签页打开:优点是不容易彻底跳出(即关闭了所有与该网站相关的页面),但缺点是会打开很多页面,用户容易迷失。

在当前页打开:优点是路径清晰,更专注,但缺点是容易彻底跳出,特别是在网速慢加载困难的时候。

3. 差异原因探究

中国用户已熟悉默认新标签页打开的形式,所以更习惯关闭当前页而非后退的操作,而美国用户更习惯使用后退。这种习惯可能会被归类为先发大站的特定设计对用户及后来者的影响,可是这不仅仅是设计者的喜好,根源是不同群体思维方式的不同。

精通语言的哲学家张东荪先生曾从语言的角度出发将中西方的思维做比较,提出不同的语言结构会产生不同的思维方式的观点。

中西方电商网站设计有哪些差异?以下3个尤为突出!

所以在打开一个新页面的时候,象形语言造就的相关律思维更能接受在一条操作主线上新开出一个相关的页面,因为他们是相关的;而拼写式语言造就的同一律思维更希望这条操作主线不要被打乱,要逻辑性更强,要穷尽。

二、购物车的定义不同

1. 中西差异

国内的购物车定义是模糊的,购物车中的商品是可选择性结算的,比如这次结算其中 5 件下次再结算另 5 件,所以购物车更像"购物车和收藏的结合体"。

中西方电商网站设计有哪些差异?以下3个尤为突出!

「国内电商网站」

美国的购物车定义是明确的,购物车中全部是需要结算的商品,不想结算的商品要么移除,要么移到收藏。

中西方电商网站设计有哪些差异?以下3个尤为突出!

「国外电商网站」

用"二分"法来理顺一下这个逻辑:

中西方电商网站设计有哪些差异?以下3个尤为突出!

他们做事更喜欢定义明确,逻辑清晰,即使是文学也可以做得像科学一样。

三、搜索筛选导航不同

1. 中西差异

很容易发现,国内喜欢将筛选放在上面(上下结构),美国喜欢放在左面(左右结构),这不仅仅是淘宝和 Amazon 的区别,而是普遍性的存在。

国内除淘宝外比如京东、当当、唯品会等,西方的除 Amazon 外比如 Ebay、Macys 等(近年来西方也会有一些选择将筛选做上下结构摆放的,但依旧为极少数),都有相似的中西差异。

中西方电商网站设计有哪些差异?以下3个尤为突出!

「淘宝-国内」

中西方电商网站设计有哪些差异?以下3个尤为突出!

「京东-国内」

中西方电商网站设计有哪些差异?以下3个尤为突出!

「亚马逊-国外」

中国朋友在开始用到西方国家的电商物网站时可能特别不习惯,总感觉左右结构的筛选特别难用,这也是习惯上的问题。

2. 差异原因探究

左右结构诞生的根本可能是英文的文字特性和阅读习惯造成的,因为英文的长度十分不可控,所以横向排列会显得十分混乱,设计上很难处理,遇到换行就更尴尬了。竖向排列英文相对中文也更有优势,因为英文的字母本身就有很规范的顺序,所以竖向排列时的整齐感会更强,用户找起来也更方便。

除了搜索中的筛选,在电商网站的设计中,西方也会更多的使用左右结构,比如购物车页、结算页、详情页等等。

总结

中西方电商网站在设计上的差异还有很多,比如在使用优惠时中国喜欢用优惠券,而西方喜欢用 Promo Code(兑换码),对折扣的表现中国喜欢把打折信息放在图上,而西方更习惯放在图以外的地方等等。

造成这些习惯的原因有很多,有些可能是民族性的逻辑和习俗习惯的不同,有些可能是语言等元素造成的限制,有些也可能是一些龙头企业的固有思想对后来者的影响等等。

我们在设计中一定要注意甄别,不仅是注意到这些差异,更应该理解这些差异背后的根源,尊重用户的逻辑和习惯,也要敢于打破固有思想,让设计在尊重习惯的基础上更加美好。

作者:ASAK设计

本文来自投稿,不代表科技代码立场,如若转载,请注明出处https://www.cwhello.com/238620.html

如有侵犯您的合法权益请发邮件951076433@qq.com联系删除

(0)
上一篇 2023年3月7日 12:12
下一篇 2023年3月7日 12:12

相关推荐

  • 用6大章节,帮你完整掌握界面中的小红点设计。

    UI设计中最常见的小红点该如何设计?本文从小红点的前世今生、设计要素、应用场景、提升价值的技巧等6个方面,帮你完整掌握。前言你是否在打开 QQ、微信后,看到满屏的小红点,在强迫症的趋势下必须把它们全部消...

    2023年3月2日 SEO操作
    00
  • 6个让动效更高级、更耐看的设计技巧,超多案例参考。

    动效是设计师的一个主要发力点,界面里加入动效,可以增加趣味性和引导性。从业务层面来看,设计师首先要积累这方面的技能经验,到了实际项目中才有发挥的空间,较大程度地给业务赋能。所以,我结合常用的界面动...

    2023年3月1日 SEO操作
    02
  • 教你哪些因素直接影响网站设计的效果。

    十全十美的网页确实是非常难办到的,优秀的网页不仅要设计精美,吸引眼球,而且还应该给用户一种流畅的操作体验,这样网页设计效果才会被大家称颂,然而要有这样的设计效果是可遇不可求的,在实际设计中,我们往...

    2023年6月16日
    07
  • 鼓舞人心的网站设计案例研究。

    网站设计的实际情况是,一旦您完成了一个项目,您就有希望直接进入下一个网站设计项目。然而,您交付的每个网站都是展示您的技能和能力的重要组合部分。与其简单地抓取一个登录页面和链接的截图,然后将其添加到...

    2023年2月19日 SEO操作
    00
  • 如何做好信息发布功能设计?来看高手的分析。

    自媒体正在深刻地影响着每个人的生活,刷抖音、看资讯、看视频成为了大众生活中必不缺少的内容。地铁上、吃饭时、睡觉前,甚至上厕所都会不由自主地打开各种 App。 各大平台都在绞尽脑汁争夺用户的时间,不仅要满...

    2023年3月2日 SEO操作
    01
  • 从浏览器进入网站设计过程。

    在大多数情况下,设计师仍然使用传统的设计工具在网站设计过程中创建静态屏幕模型。但有些设计师却正在进行一场巨大的飞跃,绕过它们,直接编写代码,在浏览器中构建和调整设计,并测试他们的设计,就像它们在实...

    2023年2月19日 SEO操作
    00
  • 网站设计开发的基本技巧

    网站设计,如今应用越来越广泛,我们身边的各行各业都有与之相关的网站。网站设计也变成一个比较热门的行业。那么,网站设计开发过程中怎样才能给浏览者一个好的印象,得到好的网站流量,从而推动公司和企业的销...

    2019年11月12日
    0302
  • B端产品如何巧用动效?来看腾讯的实战案例复盘。

    腾讯企点产品线,包括客服、电话营销、商通等 SaaS 产品,产品受众角色多,业务场景复杂,由于角色与场景的复杂性,在产品设计中也遇到了一些问题: 腾讯企点往期实战案例复盘: 1. 产品界面信息量大,操作繁琐 ...

    2023年3月1日 SEO操作
    03

联系我们

QQ:951076433

在线咨询:点击这里给我发消息邮件:951076433@qq.com工作时间:周一至周五,9:30-18:30,节假日休息