前几天内部就近期的商城专题进行了一些评估,讨论了一些常见的问题。跟大家分享一下。
1入口banner和专题头部要相呼应,不应有太大出入,可以选取相同的元素、背景等,保持视觉的延续性,以符合用户心理预期。
2避免使用涉及到版权的字体,主标题如需使用,要对字体变形改造。
3专题头部图片尽量控制在550px以内,以便保证在第一屏能显示出一部分商品,否则用户很可能误以为下面没有内容。腾讯刚刚推出的一个“QQ旋风离线下载”的专题(点击查看)就犯了这样的错误:

这个专题从创意到执行都做得很不错,可是它的首屏高度为644px,在1280×768的分辨率下几乎很难发现下面还有其它内容。另外在第一屏最重要的出口“闪电加入”做的也不明显,这里我大胆预测一下:这个专题的转化率会低于预期目标。(ps:纯粹个人见解,腾讯的同学可以拿数据过来拍砖^^)
4主题中的和“钱”相关的信号一定要突出,比如:价格、折扣等.
5在同一个专题中,价格小数点后保留的位数应相同(例如:同时保留小数点后两位),货币符号统一使用
。宋体状态下货币符号不能正常显示,可以做成图片。

小数点后位数没有统一
6描述性文字不要做成按钮样式,否则会误导用户点击,增加用户挫折感。(即便是全图用热区,也不建议做成按钮样式。)

7 商品陈列
我们注意到有些专题里面的商品排列很随意,没有按照一定的逻辑来排列,这就对用户快速浏览照成障碍,如果用户浏览到页面底部,想再返回寻找刚才看中的商品,就比较麻烦。和设计师沟通后发现,原来有些专题需求在提交时只有一个商品列表,没有进行细致的分类,也没有主推商品。这就给设计师照成一定困扰,如果这部分工作由设计师来做的话不仅会延长专题设计时间,而且可能由于设计师对活动本身不理解照成分类不准确甚至错误,从而影响活动效果。所以设计师遇到专题需求不明确时应该及时和相关人员沟通,良好的沟通是成功的一半。
另外,如果只有部分商品具有更低的优惠或者其他优秀属性,那么可以做一个标签,帮助用户快速区分。比如这样:


8当一个专题中有多个分区,并且页面超过3屏时,应该在右侧添加“分类导航”(建议放在屏幕中间位置),以方便用户快速浏览。

9 “购买”按钮
是否应该在列表页放“购买”按钮?我的理解是:如果是快速消费品,且价格不高(像零食、小百货)可以加上“购买”/“放入购物车”按钮,服饰、数码等用户需要了解更多信息的商品,给个“查看详情”出口即可(不一定是按钮)。
另外如果是“限时、限量抢购”类商品,也建议加上“购买”按钮。

10底部添加其它专题入口(以关联程度高低排序),提高转化率。
情非得已
21个Sketch实用高频小技巧2019-02-15
25款值得收藏的优秀网站模板免费下载2015-09-16
20套高质量的免费网页模版PSD素材2013-09-02
20款国外时尚大气的按钮开关PSD素材下载2013-07-31
CSS实例教程:十步学会用CSS建站2011-10-05
网页设计师:浅淡网页BANNER设计2010-09-27
网页细节教程:WEB设计精确点滴2010-09-13
网页设计中的点滴细节把握2010-09-01
总结交互组件创新的四种方式2010-06-28
最全的国外电子商务CSS模板下载2010-06-18
实例解析3种文档大屏适配方法
相关文章2632020-03-09
详细解析UI设计中搜索栏设计的技巧
相关文章6092019-03-31
UI设计师如何设计最常见的关闭按钮
相关文章4042019-02-24
设计师解读如何让扁平的网页更出彩
相关文章10302018-12-07
UI设计师需要学习的保存功能设计总结
相关文章3422018-12-07
7招表单设计设计师方法提升表单体验
相关文章5672018-12-07
UI设计师必学栅格设计原理和技巧
相关文章4992018-11-29
5个网站设计实例解析网页设计趋势
相关文章4452018-11-29
