网站商城专题页面设计:设计中的常见问题

文章描述:前几天内部就近期的商城专题进行了一些评估,讨论了一些常见的问题。跟大家分享一下。

课程简介前几天内部就近期的商城专题进行了一些评估,讨论了一些常见的问题。跟大家分享一下。课程内容

1 入口banner和专题头部要相呼应,不应有太大出入,可以选取相同的元素、背景等,保持视觉的延续性,以符合用户心理预期。

2 避免使用涉及到版权的字体,主标题如需使用,要对字体变形改造。

3 专题头部图片尽量控制在550px以内,以便保证在第一屏能显示出一部分商品,否则用户很可能误以为下面没有内容。腾讯刚刚推出的一个“QQ旋风离线下载”的专题(点击查看)就犯了这样的错误:

这个专题从创意到执行都做得很不错,可是它的首屏高度为644px,在1280×768的分辨率下几乎很难发现下面还有其它内容。另外在第一屏最重要的出口“闪电加入”做的也不明显,这里我大胆预测一下:这个专题的转化率会低于预期目标。(ps:纯粹个人见解,腾讯的同学可以拿数据过来拍砖^^)

4主题中的和“钱”相关的信号一定要突出,比如:价格、折扣等.

5 在同一个专题中,价格小数点后保留的位数应相同(例如:同时保留小数点后两位),货币符号统一使用。宋体状态下货币符号不能正常显示,可以做成图片。

小数点后位数没有统一

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

7 商品陈列

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

另外,如果只有部分商品具有更低的优惠或者其他优秀属性,那么可以做一个标签,帮助用户快速区分。比如这样:

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

9 “购买”按钮

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

另外如果是“限时、限量抢购”类商品,也建议加上“购买”按钮。

10 底部添加其它专题入口(以关联程度高低排序),提高转化率。

以上一家之言,欢迎各位拍砖。

时间: 2024-10-03 13:58:53

网站商城专题页面设计:设计中的常见问题的相关文章

设计推广专题页面的设计技巧和表现手法

网页制作Webjx文章简介:网站推广专题页面的案例分析. 来公司刚好一年了,接触了不同的视觉需求这里做一个小分享. 首先我说一下阿里巴巴B2B视觉设计的分类,主要分为产品视觉和推广视觉,产品视觉锻炼人的逻辑思维能力/细节的处理/规范执行.推广视觉更加偏向展现层,对视觉表达的能力要求很高/培养色感/有效的提高视觉设计师的表现技巧.个人觉得只有纵向发展到达一定的深度才有基础对横向扩展,所以最基础的是视觉表现力提高. 产品视觉有任务型和浏览型两种,以上2张都属于浏览形页面,如我们经常接触的1688首页

JavaScript网站设计实践(一)网站结构以及页面效果设计

原文:JavaScript网站设计实践(一)网站结构以及页面效果设计 这是JavaScript DOM编程艺术里的构建JavaScript网站设计的例子,这本书给我学习JavaScript带来许多启发,在这个乐队宣传网站中,把前面学到的知识点整合在这个项目了.在这里记录下实现这个乐队的宣传网站的具体过程,加深理解.好,从现在开始来实现这个JavaScript网站实战. 一.网页的结构 由三个部分组成:头部.导航.内容 效果图是这样的(勉强看,有点不美观.哈哈): 二.网站的的结构 这是我的项目目

地方行业网站建立专题页面的好处

怎样理解网站专题?大体意思就是围绕一个点来策划一个或多个页面,这些页面包含网站相应频道所涉及到的与该主题相关内容链接. 常见的网站专题类型有两种: 1.活动展示型专题.这类专题是最常见的,通过一个活动来展开,涉及到的页面通常比较多,例如活动介绍页.报名页.活动流程页等,例如湛江汽车网策划的2008北部湾·湛江现代http://www.aliyun.com/zixun/aggregation/10226.html">生活方式展(http://www.0759che.com/zt/xdsh/)

网页设计技巧剖析:专题页面设计传情达意

文章描述:推荐:如何设计"传情达意"的专题头图. xiaoning:相信大家在平时的工作中,经常会碰到专题的设计吧!而且大部分是时间紧任务重.专题不同于网站的常规页面,常规页面更侧重于内容的阅读及人机的交互,因此可读性.可用性是第一位的,装饰性次之. 而专题正好相反,它更侧重于通过气氛的渲染来"传情达意".首屏的头图在气氛的渲染中尤为重要. 我们知道了头图在专题设计中的重要性,那构成头图的主要元素又有哪些呢?它们有 文字.背景.色彩.布局这四种主要元素.下面就通过一

电商专题设计中的常见问题

前 几天内部就近期的商城专题进行了一些评估,讨论了一些常见的问题.跟大家分享一下. 1 入口banner和专题头部要相呼应,不应有太大出入,可以选取相同的元素.背景等,保持视觉的延续性,以符合http://www.aliyun.com/zixun/aggregation/8161.html">用户心理预期. 2 避免使用涉及到版权的字体,主标题如需使用,要对字体变形改造. 3 专题头部图片尽量控制在550px以内,以便保证在第一屏能显示出一部分商品,否则用户很可能误以为下面没有内容.腾讯刚

如何做好B2B行业网站页面内容设计留住用户

对于B2B行业网站的页面设计,大家可能更多考虑页面用色.导航条.按钮.标题栏的设计,内容设计可能常常被大家忽略.但是如果内容设计的不好,可能会让你的所有设计被毁于一旦.比如如何让内容有主次之分.层次感,使内容看起来不会太乱.太多,使用户不愿意继续阅读下去,很快离开网站,不能留住用户继续访问. 在本研究报告前面章节我讲过,永远要记得用户在没有明确的阅读内容前是扫描而不是阅读,在导航页面,用户很乐于扫视一句一句的内容,对于大面积没有重点的内容,没有耐心,我们必须在网页上提供既简短又有一定视觉焦点的内

1688网站搜索LIST页面用户体验设计

网页制作Webjx文章简介:1688网站搜索LIST页面用户体验设计. 改版背景 创建专业的电子商务垂直搜索,以及把原有的信息聚合平台转型为在线采购批发交易平台.根据行业特点及交易需要,对原有的零批(小额批发)搜索进行改版,改造为适合行业搜索交易频道,便是这次改版的设计目标.我们搜索产品线的产品经理与用户体验设计师们进行了长达半年的准备工作. 项目组成员将对现有的功能需求,信息架构,视觉色彩,用户体验等,做多视角.多纬度的分析.力求在1688.com上线后,推出另一个电子商务垂直搜索用户体验盛宴

网页设计师页面设计过程中也要注意页面性能

一名网页设计师在做具体设计的时候应该考虑的问题有哪些?业务,产品,信息结构,交互,视觉--别忘了还有页面性能.我所崇尚的其实一直都是小作坊似的创业团队协作开发模式,大伙儿能快速沟通,就算设计师没关注到页面性能这一点,前端同学也能迅速提醒他,因为他俩就无时无刻不在一起.而现在在标准项目流程中,大家的沟通成本成倍增加了,除非是与世隔绝的闭关(就算是闭关,前端同学多半也在陪着开发),前端同学很难在页面设计过程中就和设计师沟通页面性能的问题. 页面性能不仅仅是前端同学的问题 页面性能的重要性不再赘述,就

拒绝平庸:浅谈用户登录页面的设计表现形式

用户活跃度是检验产品成功与否的重要指标之一,传统行业的商家极为重视门面的装潢,因为一个好的门面可以聚集人气,招揽更多的顾客.古时候的大户人家院子门口的石狮子或其他的摆件的摆放极为讲究,有一定的风水学说道理,更能彰显主人家的身份地位.由此可见,"门面'就如人的脸面之于人的形象一样重要,而WEB的登录页面就相当传统的"门面". 现在越来越多的大型网站把登录和首页放在一起设计,由此可见登录页面的重要性,一个出彩的登录界面,将提升产品的品质,赋予产品独特的气质,登录界面也是一个发挥情