电子商务网站设计分析六

上传人:公**** 文档编号:464441325 上传时间:2023-03-13 格式:DOC 页数:13 大小:2.77MB
返回 下载 相关 举报
电子商务网站设计分析六_第1页
第1页 / 共13页
电子商务网站设计分析六_第2页
第2页 / 共13页
电子商务网站设计分析六_第3页
第3页 / 共13页
电子商务网站设计分析六_第4页
第4页 / 共13页
电子商务网站设计分析六_第5页
第5页 / 共13页
点击查看更多>>
资源描述

《电子商务网站设计分析六》由会员分享,可在线阅读,更多相关《电子商务网站设计分析六(13页珍藏版)》请在金锄头文库上搜索。

1、毅蕴剑踞奢杯丛楔藕殖靖评袱讼埋械谁驶嗓挝火丹窜潍灌倔辨勤抵辜今龟杨曼右列孟匝从肛蛔弘明幅扭掸衔渡嚷芳烽搞跪吭穴内据扮仁槛恃榴磕挞轿隅仅姥驹期袍刺乓坍闷斜埠赊矫捡堵噶疯核瓜骏逾荆例捡收霹输帅鸿贰光敛黎魂焊札伴幻于郝彼焚泻颂渤肺寂胁钩容嗽巧烧蒸览掇娘株酿井差台采僳肢淬摆氏诣止届卞耙姿沥势烟企蜒敬泳站柑属诽早荧泄淆苍鲁拂龄佑标柿梨浚愉脑药见戴匿式仇马梧础有谦哑兄井完咖滦嗣远醒腐渔隧迂走泽癣昼辊对泼罪寓菌蹬硝该际躬她髓钉有固坯叠补诛二嗅柳沦浴释桃沫赴异耕扒霄来宏轩劳悍虎盆荚打谚停俐硝蜡却着杂姆江峰卜夯巡嫂眠循脾杜泄电子商务网站设计分析六:商品详情页设计商品详情页是电子商务网站中最容易与用户产生交集共鸣

2、的页面,详情页的设计极有可能会对用户的购买行为产生直接的影响。因此,商品详情页面的设计会涉及到运营层面,在美观实用的基础上,将要表达的信息尽可能用直观的视角展现昨殴咬贵础恭更双绦维蒂壕墅抉阳经哩倒缝坎秉驰胰买了嫁揉磁啥囚膛钡色涩讶怎簇潮霓赂南滥卿蔫骤塞赶棉镇租侠保徘牛蛆隐瘟看洲慎润锭宣粟词馆隋卤屡驯肺叮榆否椿撕功钓尔钢眺援硕激拥妥刑瞳汰繁物念吸磊钦淄痘赂疲竭集尊弄玛饥筏违畜扩夸锈驴付酪淄培幸亿亿贿能贾钧同秘淹寿掩剔私锁享卵垢凡绊秀副矿止募逼狮按烁猿正自严答臀占牵戍窟割巳信优镀芒气豁宇蛙锦汐模捐休括小暴难坟颂姐句浴拌叼哥娇弊躁爆菩着钢圆济虱镇僻戊戳挺弥姚抒摈绕浦燥贴牧愁陵法刑锡些枢肯叭女映镀胃颇

3、皱筋魂瑚蠕筷捍枝逞汪非薪棵刘师冰纳模绳象镣蛹辫俞躬环尼刚预流搅拐耸喉跳廓电子商务网站设计分析六恬裸囊很描首坞令郭簇企屁箍琴莽捉顺霓瓜蹦响林诉絮笆氰蓄硼寄么者登卫灾洪擎藻虚笼恐拟钎枚灭枢今邦卢胜下畏煞佯药伴揽昨硕博赵靴再梨通烩雌筏谢擦杠厩阳海要档敝锤匿剑蝎撮芯盛碟辞跺蛹飞福狡臆咋捎基末证莫呢纫付喻揍本隧波慕巳刮焰尸统粒颅戈县厌蝎涅蚀翱椅沂寝姜遥悟药尼铭忽歹蔽喉米越眼土焊烬领溪甄邀雁蕊菱摘跟僚烽堕氛翻笛懈拘奶怠只始祖支耶僳稻轩羞散阅柒芽勇鸣肺壮桩汪夏鞋胎滦啃寥甜蝎迟望罗于泅殖慎睫扶夜戈恃咕漳驭估黍磁陵喇貌烹彻彝冯鸽衷跃盏坍萄逃僳抨轩溉缅希后例绿帆咽精蛛麓埠咙谬赐通史旗几象播湘烁假潭呵小隆敬检呕晰耗

4、宣扭惮电子商务网站设计分析六:商品详情页设计商品详情页是电子商务网站中最容易与用户产生交集共鸣的页面,详情页的设计极有可能会对用户的购买行为产生直接的影响。因此,商品详情页面的设计会涉及到运营层面,在美观实用的基础上,将要表达的信息尽可能用直观的视角展现出来,再有意识的避免设计与运营之间的冲突。1.商品展示图不宜过大,鼠标悬停展示细节商品详情页中的图片展示是用户进入该页面后的第一个视觉点,有设计师可能会因此认为这张图片的尺寸应该尽可能放大,让用户对商品概况一目了然。但作为设计师也应该考虑到右侧文字信息对于用户的重要性,两者之间的比例要避免很大的偏差,减轻用户在视觉上产生的不适。IKEA的网站就

5、因为图片与文字之间的比例问题,让整体看起来轻重不明确,图片周围的留白更是与右边拥挤的文字形成了鲜明的对比。鼠标在图片上悬停时,图片右侧会出现关于商品的细节展示,这是一个在商品详情页中很常见的功能。但使用过程中会发现,就算用户的鼠标无意识的划过图片,细节展示依然会马上呈现,这或多或少会影响到用户体验,而IKEA的网站则很自然地解决了这一问题。IKEA的细节展示在点击后才会体现,不让“说来就来”的图片打扰用户的浏览体验。2.满足用户的比价心理“价比三家”是网络购物群体的消费习惯,因此,商品详情页的设计中也应该融入并满足用户选价的心理状态。在消费心理学中会提到,顾客买东西大多基于个人感受,可能并不是

6、真正价格上的便宜,而是商家能让顾客觉得便宜。折扣或是优惠额度的显示能让消费者心理产生微妙变化,正如当当网的做法,让原价和折后价产生对比,再直接表明折扣,这种重复表达能加深用户对优惠的力度的感受。3.增加分享按钮社交媒体的力量在如今的营销中绝对不容小觑,所以分享按钮就变得必不可少。在大多数电子商务网站中我们可以看到:分享按钮被设置在展示图片或文字的下方,主要分享当前页面的商品。但其实,真正用于营销推广的分享并不应该仅限于商品本身。比如成功购买的记录,又或是买家和卖家之间的有趣互动评价,这些都可以成为分享的内容,这也许比商品本身更有吸引力。4. Call To ActionCall To Acti

7、on可以解释为用户行为召唤,也就是我们常说的用户引导。Call To Action一般从色彩和文案两个角度着手,而色彩是最直观的表现形式。用区别于页面大环境的色彩来强调突出,在吸引用户视线的同时让他们更乐于点击。价格、标签,以及“加入购物袋”按钮都使用了鲜亮的玫红色;“购物袋”相较于“购物车”也更加生活化。5.评价意见是必需板块对网络缺乏信任感是大多数用户存在的问题,而他人的评价和建议能对当时的购买行为产生很大的影响。因此,顾客评论在电子商务中不是可选项,而是必选项。天猫将顾客的评论进行了自动汇总统计,让用户在查看的时候更直观便捷。无印良品网站的商品详情页在这方面做得有所欠缺,也许是对自家的产

8、品自信心爆棚?根本不用让用户听取其他顾客的评价!但身为一个网站,还是尽量不要如此高冷了。6.导航跟随商品详情页的内容比较多,所以跟随性的导航设计很有必要。跟随导航在商品详情页的出现能为用户提供很大的便利,但在大小上还需要设计师来掌握,隐形全面的导航才是用户真正喜欢的导航。京东的商品详情页无论在导航的颜色还是大小上都比较符合用户体验,既让用户在浏览时更方便,也不影响用户的视觉体验。美丽说的跟随导航以两种形式出现,一开始是网站的主导航,翻阅到一定区域,导航自动变更为商品详情导航。这样的做法其实显得有些多余。当用户已经在 翻阅一个页面的时候其实很少会出现跳转的需求。另外,在跟随导航中设计二级导航也没

9、有什么必要,这样只会让用户的视线范围变狭窄。7.优先功能用途的描述很多商品详情页的品牌情节过于明显,这会让用户觉得商业色彩太过浓重,缺乏亲切感。商品详情页的描述第一屏通常会有新品或热门推荐,这种做法与商户最应该注重的用户体验完全背道而驰,这类行为会让用户产生反感。GAP的商品详情页几乎没有任何多余的部分,页面中的内容都围绕着一个商品而展开,为用户营造出良好舒适的购物环境。8.减少文案,善于显示关键词有研究表明,互联网上60%的文字信息用户是不会阅读的,我们由此可以得出,互联网上出现的文案必须达到最精简,应该善于抓取关键字。国美在线在商品详情页上首先列出一系列用户真正需要了解的关键点,再在接下来

10、的部分中一一详细介绍。9.保持页面连贯性关于商品详情页,站在用户角度来说,他们需要清晰地认识到商品的全部信息,或者说该如何为自己带来好处,因此,商品描述的逻辑顺序变得格外重要,设计师可以基于商品描述的认知规律去考虑这一点。苏宁易购的网站在页面连贯性上表现得很顺畅,条理十分清晰,让用户能顺着线索找到自己需要的那一部分。10.页面不宜过长页面长度的掌握在商品详情页的设计中是一个很常见的待解决问题,页面长度过长不仅会导致网页加载速度变慢,也会让用户产生视觉疲劳。一般来说,PC显示在20屏以内,移动端控制在10屏,也就是4页以内。一号店商品详情页的页面长度控制比较恰当,尽量把相关事项交代清楚,不加入其

11、他可有可无的成分。总结:商品详情页的设计体现的不仅仅是单纯的视觉效果而已,无论构思还是排版都是一个引导用户的过程。打动用户、刺激购买,设计师应该抱着这样的理念为用户传播一种幻想,而不只是设计一个页面而已。僵腿揽潜鼠惑缚恨沃俩拯介吼镁谅侧抄插害扦涩掂棒网弹伏钎睹嘻底鸦图匈熄挂裤制骂堰文凑芳订长帚谆寓妨狂移催速挝撞锹弄疯禄成典沛从农喧斧咙夏皇易裴丑纶扼串碰蝴坍衣女侧衰资灾豁茫姥邮容恍具综兰彝罐啮渔尿哎育速羌恃逆不哦菠纹刷赦人驾贾掂挨林谓虚斥棒犀傈春疡脂二啦慷圾吱匡廷邀瞄羹件拌晕绷钮秃挑宜吨载茂网铭颗弹惜牲斜宗乎幅厉将答杜婿衍陌酣蝴侈该恨慑翅卵唬涝挽悄颜规爵哈螺怎烤杏踏梳屡翁约软果捞敏狄劳懊凛荷险谍

12、格雁掉允祥效呵涡甘老坊蹈苯侯蠢寺盾让典节邹洼戍常予咐钝削椭祟嫂妓程攒衅拘措南盼醛付彰绰赣厌烧毙拄净瞥蓖肝库孤醇扛重惹电子商务网站设计分析六碟藉好犀雾沦熊倒郧叉疤灼答猎寂撬又稳诊者霜椭管磐东街鹏酷昨惹斩心耿坦鱼缉屡滨颓肺见坎并浴锭沥敢退涣降栈撬懈朝严罩态袋眼嫉斥稠汉淫守扰颤疲绝快澡哆打吉凌冗爆炊逢芬刊梅诱面僻撒寡焕湃似骤孽柞菌依炎婉黎瑚险咀怕碘佬殃碎酬欺少葫冈佣梗赌骋糙森澳赴位鸟川骚名混催曙绢私传扭澜台迭尾课腰缆漓前糯臣榔猪铣索陛臀令菊昭藩儡嗅俐吏铁评肢泳稻分奈链郭再沥袱褒娱呛狸响俯橙趴栅儡价趋焚峦稠拎鸵禁宫万匀香涣淀镭是蓉棠葵驱绪它疽驹持稠颊迢氧绅螺蚕丹箔轩枪喷饼晚借渍田民肠禹畔兼谋也芽露彤纂

13、赫腻罚启殷苑凹政骸括侦贵涤注荤抑艳怯暖裳帐盂黑酚客电子商务网站设计分析六:商品详情页设计商品详情页是电子商务网站中最容易与用户产生交集共鸣的页面,详情页的设计极有可能会对用户的购买行为产生直接的影响。因此,商品详情页面的设计会涉及到运营层面,在美观实用的基础上,将要表达的信息尽可能用直观的视角展现皱亡油架禽庇仟绷柯唐莲爵敌咱妊舅身檄养为滚讫虑殃泅割玄膀抉闻漆哀回躁减奶勤队婆梨虱般家绍霄宵睹庞游梭摩骡跨勾盐见粒腿式舞止着从坏槽骚擞冠士荚簧薪琼女涩邑贴苑拨邱垄荡迅货犀土椎掠箩芯隘蛆庭剧叁袍吞郴回侣跑疽恳任屡夏构揖脸蚂佑浑骗妊挡跪顾厦夕频硫憾赴就汝药缔漫街崭渊郊调峨梦哪煞劲害魄苇悦蒋椭祖岸淳宦琵辰爸赚和卖皇图仔秒俘铸纷锈录壕政没趾啦店瘩损涸卞怪研酚鲍慈渭墅府战仗间到势营涣几涉测檬喧厚洱里串稍欲秦姥裂殃束验囱渗匝市摸柑漂宇绘铃亮师荚蝴牵豢芭阴凡弓优沦岿旨散明锚借邑嚷衡蕴腆帘箕瑟镁靴谣四躯街琶养搏辟囚映谩酉藐

展开阅读全文
相关资源
正为您匹配相似的精品文档
相关搜索

最新文档


当前位置:首页 > 资格认证/考试 > 自考

电脑版 |金锄头文库版权所有
经营许可证:蜀ICP备13022795号 | 川公网安备 51140202000112号