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

2022-02-09    分类: 电子商务

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

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




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.提供键盘热键

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

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

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

广告

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

成都网页设计公司