您当前的位置:首页 > 电脑百科 > 软件技术 > PS/设计

中西方电商网站设计差异之谜

时间:2022-10-28 14:50:59  来源:今日头条  作者:闪念基因

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

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

新页面打开方式不同

中西差异

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

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

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

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

 

优缺点对比

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

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

 

差异原因探究

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

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

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

 

购物车的定义不同

中西差异

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

「国内电商网站」

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

「国外电商网站」

用“二分”发来理顺一下这个逻辑:

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

 

搜索筛选导航不同

中西差异

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

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

「淘宝-国内」

「京东-国内」

「亚马逊-国外」

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

 

差异原因探究

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

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

 

总结

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

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

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

 

要站在用户的角度思考

而不是替用户着想

——

铃木敏文《零售的哲学》

作者:Lambert

来源:微信公众号:ASAK设计

出处
:https://mp.weixin.qq.com/s/ElVCvVrIT2e_fFR6oPbNbQ



Tags:网站设计   点击:()  评论:()
声明:本站部分内容及图片来自互联网,转载是出于传递更多信息之目的,内容观点仅代表作者本人,不构成投资建议。投资者据此操作,风险自担。如有任何标注错误或版权侵犯请与我们联系,我们将及时更正、删除。
▌相关推荐
网站设计和网页设计之间有何区别
对于网站设计和网页设计来说,二者之间网站设计是一个更加广泛的属于,涵盖了整个网站的过程,主要包括用户体验,用户界面,网站结构,布局等全部内容,网页设计是网站设计中的一部分,主要...【详细内容】
2023-12-19  Search: 网站设计  点击:(85)  评论:(0)  加入收藏
中西方电商网站设计差异之谜
作为一名交互设计师,我经历过国内零售电商产品,后又从进口转战出口。用户群从国内用户变成欧美用户,一开始固执地保留着很多“中式”设计方式,导致我屡屡碰壁。其实中西方电商网...【详细内容】
2022-10-28  Search: 网站设计  点击:(329)  评论:(0)  加入收藏
网站设计:7大设计元素终极指南
一个伟大的设计通常是创造力和元素的良好安排的结合。这些设计元素是设计师用来可视化想法,传达品牌信息和唤起情感的基本工具。它们的工作方式都与食品配方中的成分一样。但...【详细内容】
2022-10-27  Search: 网站设计  点击:(362)  评论:(0)  加入收藏
响应式网站设计,弹出框如何设计更友好?
在网站建设中,是否增加弹出框应该是很多站长犹豫的问题。一方面,弹出框会在一定程度上降低用户体验;另一方面,在很多情况下,弹出框会提高网站的转化率。您想在您的网站上添加弹出...【详细内容】
2020-08-28  Search: 网站设计  点击:(368)  评论:(0)  加入收藏
网站设计四大要素 网站建设需了解
网站建设中,一个重要的模块,便是网站设计!网站建设想要更成功,实现最大的价值,就需要重点了解一下设计因素。一、网站banner在网页设计中,网站banner占就网页界面一大部分,当用户打...【详细内容】
2020-04-19  Search: 网站设计  点击:(356)  评论:(0)  加入收藏
响应式网站设计的基本原理?
随着技术的发展和移动网站的普及,同时也推动着网站设计师要去重新思考他们的工作成果将如何在不同设备上呈现。想一想,你每天在手机和电脑上浏览网页的时间哪个更长?什么是响应...【详细内容】
2019-07-24  Search: 网站设计  点击:(1013)  评论:(0)  加入收藏
响应式网站设计的基本原理?
随着技术的发展和移动网站的普及,同时也推动着网站设计师要去重新思考他们的工作成果将如何在不同设备上呈现。想一想,你每天在手机和电脑上浏览网页的时间哪个更长?什么是响应...【详细内容】
2019-07-16  Search: 网站设计  点击:(975)  评论:(0)  加入收藏
▌简易百科推荐
AI绘画是一种新型艺术形式
图①:法国艺术团体Obvious在2018年创作的AI绘画作品《贝拉米伯爵》。图②:普通用户通过发布文本指令生成的AI作品。 图③:普通用户通过发布文本指令生成的AI作品。【学术争...【详细内容】
2024-03-29    光明日报  Tags:AI绘画   点击:(10)  评论:(0)  加入收藏
原画男女人体比例绘画方法
在绘画男女人体比例时,首先需要注意人体的基本比例和构造。以下是一些关于原画男女人体比例绘画方法的基本步骤和要点: 确定基本比例:人体比例分为纵向的头身比和横向的肩宽比...【详细内容】
2024-03-22  山复尔尔已    Tags:原画   点击:(13)  评论:(0)  加入收藏
白纱轻舞,精灵般女友的梦幻瞬间
身为摄影师的我,拥有着一个如精灵般的女友,她钟爱白纱裙,每当她身着那轻盈的白色纱裙时,便仿佛化身为飘渺的仙子,让我忍不住想用镜头捕捉下她每一个动人的瞬间。那一日,阳光透过落...【详细内容】
2024-03-19  钦麟AI绘图社    Tags:Ai美图   点击:(10)  评论:(0)  加入收藏
ai绘画在线的方法有哪些?一分钟分享5款软件
ai绘画在线的方法有哪些?随着人工智能技术的飞速发展,AI绘画在线软件逐渐成为创意领域的热门话题。这些软件利用先进的算法和机器学习技术,让用户可以轻松地创作出独具特色的艺...【详细内容】
2024-02-07  灰姑娘生活    Tags:ai绘画   点击:(74)  评论:(0)  加入收藏
四个技巧:无损放大图片,保持清晰度!
如果你有一张低分辨率的图片,但是想要无损将放大成高分辨率的图片,那么这篇文章就可以帮助到你了!今天小编给大家整理了四个支持无损放大图片的工具,这些软件都具有高分辨率转换...【详细内容】
2024-01-30  酷雀图像    Tags:图片   点击:(67)  评论:(0)  加入收藏
海报设计软件推荐:从初学者到专业设计师必备!
龙年新年即将到来,你是否也在为新年海报的设计而犯愁呢?毕竟大家都期待着以焕然一新的海报,迎接新年的到来。不过别担心,现在的海报制作软件可谓是方便又实用,让你能轻松设计出令...【详细内容】
2024-01-26      Tags:设计软件   点击:(81)  评论:(0)  加入收藏
新手喜欢的免费的p图软件有哪些?
在数字时代,P图软件已经深入人心,成为人们生活中不可或缺的一部分。无论是为了美化人物或风景照片,还是进行美颜自拍,P图软件都能满足。它不仅能够帮助改善照片的视觉效果,更激发...【详细内容】
2024-01-16  老林爱分享生活    Tags:软件   点击:(77)  评论:(0)  加入收藏
如何实现AI绘画?这里将分享四种不同的方法
如何实现AI绘画?随着人工智能技术的飞速发展,AI绘画已成为艺术领域的新宠。AI绘画是指使用人工智能技术来创作艺术作品。通过结合深度学习、计算机视觉和自然语言处理等技术,AI...【详细内容】
2024-01-11  阳仔问文    Tags:AI绘画   点击:(69)  评论:(0)  加入收藏
Photoshop 闪退是怎么回事
Photoshop 是 Adobe 公司开发的一款图像处理软件,广泛应用于平面设计、摄影后期、网页设计等多个领域。然而,许多用户在使用过程中可能会遇到 Photoshop 闪退的问题,这不仅会导...【详细内容】
2024-01-08    简易百科  Tags:Photoshop   点击:(182)  评论:(0)  加入收藏
2023年值得推荐的免费AI艺术生成器
译者 | 布加迪在过去的几个月里,生成式AI取得了突破性的进展。由于DALLE-2、Imagen和ChatGPT等模型唾手可得,生成式AI模型已普遍流行起来。这种先进AI技术最受欢迎的应用之一...【详细内容】
2023-12-19  布加迪  51CTO  Tags:AI艺术   点击:(104)  评论:(0)  加入收藏
站内最新
站内热门
站内头条