马桶与拉粑粑-内容页的内容与设计
我们谈的是电子商务类网站的单个产品内容页。关于内容是说UE,设计是UI;对于一般视觉设计师来讲对专业的UE不能很好的去建造,但是不会不怕, 怕的就是不会还不去问会的人。至少要学会去理解与比较;理解有不对的地方经由专业的人予以指点,那么就会变的好起来了;就象不要求你会造马桶,也没有人要求你会拉粑粑一样结果不是你也会用马桶了吗。这样才有助于视觉表现的有效性;
俺的理解,这个页面上才是进行交易并产生结果的重要一步,如淘宝、有阿单个商品页,这里面会出现较为重要的信息,以促成交易的成功(在有需求的前提下);
- 产品图片
- 价格
- 运费
- 销售情况: 售出 4 件(查看0条评价),还剩 46 件
- 商品类型: 全新
- 所 在 地: 北京市
- 浏 览 量: 3156
在产生了较多产品相关信息以后,时候必然存在先后、重次要之分;这里就要看我们要对用户强调什么,因此就要在布局,颜色,文本排版与连接样式做一个协调性的配合设计;信息大部分也就是文本排版与设计。
通 常的设计是把展示图片放在左边(整体两拦布局的情况下)产品相关信息放在右边,在价格表述以后位置出现“立即购买”或者“立即预订”的按钮,在按钮下面是 交易情况。。。而是在整个销售信息下面才是产品相关的描述。为什么,其实到达这个页面的人已经有了购买的需求了,一旦有了冲动,选择购买的机会就会在瞬间 产生,这样的话,我们是有效的利用了冲动和抓住了时机,所以在这里,我们就想办法尽量缩短给用户传达购买理由信息的时间。那就是突出理由,理由的第一位就 是价格,然后是运费、销售情况等。
在视觉设计上我们是强调价格、运费、销售情况这些关键词本身呢?从书写习惯的逻辑上,如,价格:290 元,我们如果做强调示意的话会可能会这样做,价格:290元,其实在视觉浏览上的信息接受效果可能还不如没有加粗放大的效果好,因为它已经占据首要的位置了;而对 价格:290元,就不一样,哪怕我们没有写价格两个字大家也会知道,哦,这个是价格。以次效果为引导的情况下,下面的相关信息都会节约一定的阅览时间,也就是加速了点击立即购买、立即预订按钮的进程。
我 们要把用户阅览用的描述性文字的颜色尽量灰一些,这样可以给单纯的文本样式提供更好的强调空间,如:我么的描述性文本用#000的黑(大面积得黑色文本与 白色背景会产生强对比,特别是液晶显示器尤其刺眼。),那么在不改变颜色、 字号、背景样式的情况下只有加粗火加大字号两种选择。而如果是#666就不一样了,我们会多出至少4种有效的样式,会获得具有节奏感也就是美感的权利。
此时,我们还要留意到另外几个问题,产品相关描述信息分类怎么处理?要不要给分类标题加背景?信息分类标题//。。。先睡觉。
顺便带几句,关于ucdchina对“装与不装用户”的论战,一时间剑拔弩张、硝烟四起;我的理解四这样滴:为什么会提到 “装”这个词,是因为它把自己定 位再 不是用户而是位用户提供产品的专业人士了;其实专业的也是从不专业的过来的,本身还四具有用户意识的,没有用户意识怎么去做新的产品呢;这个不是先有鸡先 有蛋的问题,必然要先是蛋后是鸡,然后鸡下蛋;为了更专业还是要装一装的;就象齐白石在老年的时候还向小孩子学画呢,目的就是为了取得艺术的真谛博得更加 专业的需要。要理解用户的需求,做出合适得产品,能怎么装就怎么装,自己不够要找大伙一起装。

