问答文章1 问答文章501 问答文章1001 问答文章1501 问答文章2001 问答文章2501 问答文章3001 问答文章3501 问答文章4001 问答文章4501 问答文章5001 问答文章5501 问答文章6001 问答文章6501 问答文章7001 问答文章7501 问答文章8001 问答文章8501 问答文章9001 问答文章9501

电商优惠券产品设计逻辑是怎么样的

发布网友 发布时间:2022-05-05 14:44

我来回答

1个回答

热心网友 时间:2022-06-27 15:33

  商品详情页是电子商务网站中最容易与用户产生交集共鸣的页面,详情页的设计极有可能会对用户的购买行为产生直接的影响。因此,商品详情页面的设计会涉及到运营层面,在美观实用的基础上,将要表达的信息尽可能用直观的视角展现出来,再有意识的避免设计与运营之间的冲突。   一、商品展示图不宜过大,鼠标悬停展示细节   商品详情页中的图片展示是用户进入该页面后的第一个视觉点,有设计师可能会因此认为这张图片的尺寸应该尽可能放大,让用户对商品概况一目了然。但作为设计师也应该考虑到右侧文字信息对于用户的重要性,两者之间的比例要避免很大的偏差,减轻用户在视觉上产生的不适。   IKEA的网站就因为图片与文字之间的比例问题,让整体看起来轻重不明确,图片周围的留白更是与右边拥挤的文字形成了鲜明的对比。   鼠标在图片上悬停时,图片右侧会出现关于商品的细节展示,这是一个在商品详情页中很常见的功能。但使用过程中会发现,就算用户的鼠标无意识的划过图片,细节展示依然会马上呈现,这或多或少会影响到用户体验,而IKEA的网站则很自然地解决了这一问题。   IKEA的细节展示在点击后才会体现,不让“说来就来”的图片打扰用户的浏览体验。   二、满足用户的比价心理   “价比三家”是网络购物群体的消费习惯,因此,商品详情页的设计中也应该融入并满足用户选价的心理状态。在消费心理学中会提到,顾客买东西大多基于个人感受,可能并不是真正价格上的便宜,而是商家能让顾客觉得便宜。   折扣或是优惠额度的显示能让消费者心理产生微妙变化,正如当当网的做法,让原价和折后价产生对比,再直接表明折扣,这种重复表达能加深用户对优惠的力度的感受。   三、增加分享按钮   社交媒体的力量在如今的营销中绝对不容小觑,所以分享按钮就变得必不可少。在大多数电子商务网站中我们可以看到:   分享按钮被设置在展示图片或文字的下方,主要分享当前页面的商品。但其实,真正用于营销推广的分享并不应该仅限于商品本身。   比如成功购买的记录,又或是买家和卖家之间的有趣互动评价,这些都可以成为分享的内容,这也许比商品本身更有吸引力。   四、Call To Action   Call To Action可以解释为用户行为召唤,也就是我们常说的用户引导。Call To Action一般从色彩和文案两个角度着手,而色彩是最直观的表现形式。用区别于页面大环境的色彩来强调突出,在吸引用户视线的同时让他们更乐于点击。   价格、标签,以及“加入购物袋”按钮都使用了鲜亮的玫红色;“购物袋”相较于“购物车”也更加生活化。   五、评价意见是必需板块   对网络缺乏信任感是大多数用户存在的问题,而他人的评价和建议能对当时的购买行为产生很大的影响。因此,顾客在电子商务中不是可选项,而是必选项。   天猫将顾客的进行了自动汇总统计,让用户在查看的时候更直观便捷。   无印良品网站的商品详情页在这方面做得有所欠缺,也许是对自家的产品自信心爆棚?根本不用让用户听取其他顾客的评价!但身为一个网站,还是尽量不要如此高冷了。   六、导航跟随   商品详情页的内容比较多,所以跟随性的导航设计很有必要。跟随导航在商品详情页的出现能为用户提供很大的便利,但在大小上还需要设计师来掌握,*全面的导航才是用户真正喜欢的导航。   京东的商品详情页无论在导航的颜色还是大小上都比较符合用户体验,既让用户在浏览时更方便,也不影响用户的视觉体验。   美丽说的跟随导航以两种形式出现,一开始是网站的主导航,翻阅到一定区域,导航自动变更为商品详情导航。这样的做法其实显得有些多余。当用户已经在翻阅一个页面的时候其实很少会出现跳转的需求。另外,在跟随导航中设计二级导航也没有什么必要,这样只会让用户的视线范围变狭窄。   七、优先功能用途的描述   很多商品详情页的品牌情节过于明显,这会让用户觉得商业色彩太过浓重,缺乏亲切感。商品详情页的描述第一屏通常会有新品或热门推荐,这种做法与商户最应该注重的用户体验完全背道而驰,这类行为会让用户产生反感。   GAP的商品详情页几乎没有任何多余的部分,页面中的内容都围绕着一个商品而,为用户营造出良好舒适的购物环境。   八、减少文案,善于显示关键词   有研究表明,互联网上60%的文字信息用户是不会阅读的,我们由此可以得出,互联网上出现的文案必须达到最精简,应该善于抓取关键字。   国美在线在商品详情页上首先列出一系列用户真正需要了解的关键点,再在接下来的部分中一一详细介绍。   九、保持页面连贯性   关于商品详情页,站在用户角度来说,他们需要清晰地认识到商品的全部信息,或者说该如何为自己带来好处,因此,商品描述的逻辑顺序变得格外重要,设计师可以基于商品描述的认知规律去考虑这一点。   苏宁易购的网站在页面连贯性上表现得很顺畅,条理十分清晰,让用户能顺着线索找到自己需要的那一部分。   十、页面不宜过长   页面长度的掌握在商品详情页的设计中是一个很常见的待解决问题,页面长度过长不仅会导致网页加载速度变慢,也会让用户产生视觉疲劳。一般来说,PC显示在20屏以内,移动端控制在10屏,也就是4页以内。   一号店商品详情页的页面长度控制比较恰当,尽量把相关事项交代清楚,不加入其他可有可无的成分。   总结:   商品详情页的设计体现的不仅仅是单纯的视觉效果而已,无论构思还是排版都是一个引导用户的过程。打动用户、刺激购买,设计师应该抱着这样的理念为用户传播一种幻想,而不只是设计一个页面而已。
声明声明:本网页内容为用户发布,旨在传播知识,不代表本网认同其观点,若有侵权等问题请及时与本网联系,我们将在第一时间删除处理。E-MAIL:11247931@qq.com
女生多大后可以不在长身高? 如何不用软件把手机投屏到电脑上手机屏幕怎样投放到电脑上 战时拒绝、故意延误军事订货罪既遂的处罚? 战时故意延误军事订货罪处罚标准 名师1+1导读方案:汤姆·索亚历险记目录 三星sm-g7200打开微信慢,无法正常收看,网速不慢。 笔记本电脑如何调亮屏幕亮度 大伙说说洗衣机要不要带烘干好 热烘干洗衣机怎么样 ef英语哪个好 机械设计 如何体现设计逻辑呢,怎么体现呢? 如果想分析一个产品,那么分析的逻辑框架大概是应该是什么样的? 平面设计中,如何能保证作品逻辑流畅的设计原则 设计师应该如何培养产品思维? 产品设计应该遵循怎样的逻辑 电脑系统崩溃恢复出厂设置有用吗 华为mate10pru是曲屏的吗 mate10 pro 的全面屏是曲屏吗 centos中怎么安装theano python3.6中如何安装sknn模块 在离线环境下怎么通过Anaconda安装theano 铁路12306中验证码被广告占用,下不了订单怎么办 如何在windows7系统中成功安装theano包 铁路12306为什么明明有票却提交不了订单,按了也没反应,求指导! 12306我为什么提交不了订单,怎么解决? 安装theano出现问题,求大神救啊!!! 为什么12306买票不显示提交订单 前几天华为蓝牙耳机在房间里弄丢的找不到了怎么办 就是我在铁路那个12306那个订单下不下? 为什么最新版铁路12306软件提交不了订单.一直提示说网络有问题,我手机是vivo,谢谢! 原型设计遇到逻辑混乱时,如何捋清?有哪些思路 迅雷极速版能不能QQ登陆? 迅雷会员可以用qq登陆吗,跟微信一样吗 上不去QQ 迅雷不能登陆帐号 但是能开网页能下东西 toad for oracle 导出数据特别慢,谁有解决方法? 我的怎么登不上去了微信验证码都显示不正确? 在PS 里怎么实现把JPG转成TIFF,请有实践操作经验的人回答! JPG格式的矢量图请问可以在PS里面改为TIF格式吗? ps 批量处理图片为什么不可能直接保存为tif 格式? 凯洛夫在《教育学》中提出的教学原则有哪 用ps批处理,是图片格式有jpg换为tif,文件名不变 凯洛夫的五步教学法主要存在哪些问题 Photoshop CS里把jpg文件另存为TIF格式,文件名改变,怎么解决? 凯洛夫把教育学归纳成哪六个个环节? 凯洛夫在《教育学》中提出的教学原则有哪些 凯洛夫的个人简介 凯洛夫的五步教学法为什么会在我国长期流行 哪里可以找到 凯洛夫的《教育学》? 15.凯洛夫提出的教学过程的几个基本环节是: —;—; 凯洛夫教学思想为什么对中国影响那么大