电子商务网站页面 设计宝典 (三)

电子商务网站页面设计宝典第三集报到!!

我相信前两集的内容若能融会贯通，在武林界已非泛泛之辈!但第三集有更多密技可以提升内力，让你功力更上一层楼!! 马上阅读~

31.好的视觉阶层，阅读压力少一半
设定好的视觉阶层(visual hierarchy)，可以帮助使用者辨识页面上资讯的重要程度。视觉阶层要怎么呈现呢?我们可以透过"对齐"、"相近"、"颜色"、"色调"、"缩排"、"字体大小"、"元素大小"、"边距"及"留白"等手法来完成。
当正确的使用上述的视觉手法时，我们就可以有效的控制使用者的注意力，并改善阅读性。某种程度上，视觉阶层也可被视为阅读动线的摩擦力，避免使用者一下就扫视完页面，而忽略我们想要他们注意的资讯。
虽然设计视觉阶层会增加实做的时间，但结果会是好的，因为可以借此安排或布局更多增加行销、注册或购买的机会。

32.群组相关项目，避免无逻辑的摆放
将相关的项目群组化是增加页面使用性的基本方式之一，因为遵守着大部分使用者的分类逻辑可减少页面对他们的认知缺口。譬如很容易联想"开启"与"储存"是放在同一区块内，若还有其它相关功能，使用者也会在这区进行寻找。
SO，别让使用者浪费时间在找寻功能的位置吧!!

33.即时告知"值"的正确性，不要提交后再说
当使用者填写错误的资讯于栏位时(例如密码不符合规则或格式错误)，试着在页面上即时告知，并提示错误的原因!相对的，我们要避免他们填完并提交后，才告知因某几项资讯填错而执行失败，这样会浪费使用者来回确认的时间。

34.弹性的输入格式，不要严格的限制
尝试让系统更人性化、能理解人们输入的资料吧!
因使用者差异甚大，要求他们填写的资讯，可能因习惯而出现不同的格式。若开发团队能预先思考各种可能格式，并让系统自动判断与转换它。就页面的友善性而言，绝对优于霸道的限制使用者只能填写唯一的格式。
这里有个好的例子:当我们要求使用者填写电话号码时，栏位能判定与接纳各种填写的格式，再转换为资料库记录的格式(如示意图)。虽然会增加开发的难度，但想追求卓越的使用者体验，请坚持这个理念吧。

35.限时限量
要让顾客马上行动或购买，常使用的策略就是限时限量。因为让产品或服务备有稀有性，就可替使用者产生"当下做出决定"的价值。
同样的，"把握机会"这件事情也有这样的特性，当大家都讨厌"错过机会"时，我们就可以利用"紧迫性"做为刺激使用者行动的策略。但使用这样的手段，我们还是要保持诚信，不然它会像两面刃般伤了自己。

36.利用"资源缺乏"的行销策略，唤起使用者注意力
当资源缺乏 (scarcity) 时，我们就会更加珍惜，这就是人性!
我们来比较一下量贩店与精品店订价的差异，肯定是精品店较高，且顾客的认知亦同。主要就是量贩店的商品源源不绝，顾客并没有感受到"资源缺乏"可提升的价值感。若今天发生战争，货源断绝，价格定会提高。知悉人性就可以找到创造价值的机会，例如有一些量贩店利用"售完就不补充"的策略来吸引顾客购买。
然而，软体业长期忽视"缺乏"的行销策略，因为对程式码而言，复制贴上是一件容易且习惯的事情。但网路普及后，多种电子商务模式兴起，我们可以透过页面来传达产品的"稀少"、"缺乏"与"限制"。例如强调票劵的数量、仅能接待几组客户、此批货源数量等。

这些"稀少"、"缺乏"与"限制"的行销手法，可以唤起使用者更多的注意 !!尝试着使用这样的方式吧!! Think less is more.

37.填表单时，提供线索帮助使用者唤起回忆
在页面上提供一些线索可协助使用者唤起过去的经验，进而提供我们更多回馈；若毫无提示，使用者则需更多的时间深入回想，反而耗时或遗漏更多资讯，就如同选择题较填充题更快完成般。

综上所述，想得到使用者回馈时，与其期待他们记得所有的事项，不如提供若干线索，来刺激他们的记忆，其效果肯定大于你的预期。

38.为什么不让”点击区域”更大一点
为求更佳的使用者体验，网页上的连结、表单及按钮的尺寸设定应该以让使用者更好点击为主要考量因素。
根据费茨法则 (Fitts’ Law)，我们了解到目标越小、距离越远，要达到目标定位点的时间就越长；且移动速度越快或目标尺寸越小时，引发错误的机率越高。
因此，我们可以试着增加栏位、关键行为按钮(calls to action)或连结的尺寸；或是维持外观，但增加可点击的范围。

39.想尽办法降低载入或上传的时间
速度就是王道!!
“网页载入"与"操作后的反应"速度皆会影响使用者体验，甚至还可能降低网站的流量与转换率。

我们该如何改善呢?其中一个方法即是透过技术减少载入时间，例如 spriter、再压缩图片大小或优化程式码。另外，也可以利用心理学的技巧，来降低使用者对载入的感知时间，让他们觉得等待其实没那么久。例如，在画面上提供进度条，让使用者可设定预期完成的时间；或系统正在上传或载入时，提供另外一件事情让使用者做。 (有些app会让使用者选择上传的照片后，再让他们输入资讯或微调，系统便于这两个行为间将图片上传完成)

40.提供键盘热键

使用者肯定希望需重复操作的任务能快速方便，特别是专业用户，而提供热键功能就是一个好的解决方案。因为相较于图形页面上的按钮操作，热键能让使用者提高执行任务的效率。

本文名称：电子商务网站页面 设计宝典 (三)
本文地址：https://www.cdcxhl.com/news/143687.html

网站建设、网络推广公司-创新互联，是专注品牌与效果的网站制作，网络营销seo公司；服务项目有电子商务等

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联