电子商务网站页面设计宝典 (一)

资料来源：网络整理时间：2023/3/21 5:47:40 共计：3584 浏览

　　电子商务平台经营成功的要素，除了要有好的商业模式外，页面设计也相当重要。优异的使用者页面需有高度的网站转换率(conversion rate) 且好用易上手。

　　1. 单栏排版取代多栏排版

　　单栏排版让你更能掌握内容的呈现样貌。对使用者来说，上而下的方式阅读更直觉。相对的，多栏排版可能增加使用者阅读时分心的风险，而不能专注于重点上。

　　2. 尝试先给使用者好处，不要马上进行销售

　　可以利用友善的活动或方案让顾客买单，例如送些小礼物。而给与顾客礼物的方式要以互惠的角度，这样对他们而言才是有效且具说服力的销售战术。

　　3. 在页面上整合相似的功能，避免版面破碎化

　　设计师常因无心而设计出多栏位却又相似的元素或功能，在页面上就会显得多余甚至混淆影响使用者的操作。

　　4. 让社群来证明您的价值，而非老王卖瓜

　　利用社群的力量来帮助你说服客户是相当聪明的策略，且可有效的提高转换率。用户看到别人的认可，或是讨论你的产品服务时，会加强他们想要了解或使用的动机，所以试着把使用者的推荐文或是数据证明放在网站上吧!

　　5. 希望使用者进行某项动作，你可在不同位置放入引导的指示

　　在长页面或多分页的网页中，重复出现你希望使用者进行操作的元件，是一个好的经营策略。不过你千万不要卯起来放这些元件，这么做肯定会让使用者感到愤怒或挫折的。然而,长页面的网站设计模式已经相当的普及，不像过去尽量将可视范围压缩在一个萤幕大小内。所以在长页面的最上方及最下方各放置一个可操作的元件，这样的作法显得合理且符合人性。就使用者的习惯而言，通常他们会将网页阅读(或扫视)至最底，此时看到可操作的元件，可以激发他们思考接下去该做什么，如此你就有机会完成一笔交易。

　　6. 让可点击和可选择之元件的样式有所差异，避免混淆

　　应用视觉元素之手法可以帮助使用者了解页面上的功能与结构，例如颜色、深度与对比度等。同时为了与你的使用者精准的沟通，需点击的行为(如连结或按钮)与需选择的元件(如选单)设计上要有所区别，同时上方的文字必须描述清楚，才有利使用者辨别。在底下的例子中，作者选择了蓝色做为网站上使用者可点击元件的主色，而黑色为标示已选择的项目或是现在页面的名称，简单明显的颜色应用，让使用者藉由颜色的线索更轻易的学习和使用网站功能。最后请记得，千万别使用难以辨识或过多的颜色混淆使用者。

　　7. 强调推荐的主打产品或服务

　　当页面上有多项可选择的产品或服务时，强调主打品会是一个好想法，因为有些使用者需要多一点刺激物才会注意到。但心理学的研究指出，若提供使用者越多项的选择时，他们从中挑选的机率就越低。为了解决这个困境，我们需要利用设计来强调最推荐的主要产品或服务。

　　8. 让使用者有复原(undo)的机会，而非跳出确认视窗一次定生死

　　按下按钮或连结，系统可能会出现两种讯息，第一种为在页面的底部滑出可让你回复至上个状态的功能，另一种则是跳出视窗询问你是否要进行操作，确认后无法复原。而这两种有什么差异呢?

　　可"复原(undo)"的设计对使用者是友善且尊敬的，因为它提供使用者就算操作错误也可以回复到上一步的功能，而不是像"跳出提示视窗"般，似乎质疑使用者的意图。另外，使用者若需要重复的进行某项工作，系统又以跳出提示视窗为操作的方式，可能让使用者操作效率低落，甚至产生不好的体验。

版权说明：
本网站凡注明“广州京杭原创”的皆为本站原创文章，如需转载请注明出处！
本网转载皆注明出处，遵循行业规范，如发现作品内容版权或其它问题的，请与我们联系处理！
欢迎扫描右侧微信二维码与我们联系。

·上一条：6个小技巧，让用户体验马上好！ | ·下一条：电子商务网站页面设计宝典 (二)

电子商务网站页面 设计宝典 (一)

电子商务网站页面 设计宝典 (一)

电子商务网站页面设计宝典 (一)

电子商务网站页面设计宝典 (一)