电子商务网站的8个设计技巧

本文概述

• 讲一个故事
• 减少选择
• 颜色激发情感
• 一致性很重要
• 紧急试验
• 清晰美丽的照片
• 成为客户
• 经常使用A / B测试

网站设计在创建成功的电子商务网站中起着至关重要的作用。如果没有设计来支持演示文稿, 那么世界上最好的产品很容易被忽略。

关于网页设计和技巧的最好的部分是很多设计建议是基于数据和案例研究的。尽管总有创造力和鼓舞性表达的余地, 但以数据为依据的建议可确保取得切实的成果。

目标是销售更多你的品牌产品。无论是通过狡猾的设计元素还是大胆的表述, 都会使客户好奇地了解更多。

出色的网页设计可以激励用户采取行动, 同时也可以增强用户对你品牌的信任。行动是推动销售的动力, 那里的设计有助于鼓励用户执行购买或伸出手之类的行动。

本文适用于希望完善其电子商务网站设计的任何人。使用WordPress, Wix, BigCommerce或自定义电子商务平台都没有关系。下面概述的课程和技巧普遍用作现代设计原则。

讲一个故事

Tens讲故事的例子

优质的产品背后蕴藏着伟大的故事。任何人都可以拍拍电子商务网站, 然后出售他们想要的任何东西。但是, 没有人能在他们的产品周围建立成功的品牌形象。

你能够讲述一个有关品牌的引人入胜的故事的能力将有助于建立强大的品牌形象。此外, 讲故事可以培养忠诚度。如果客户觉得你真诚而个性化, 那么他们就更容易记住你的品牌。取得个性的最好方法是讲一个故事。

• 是什么使你创建产品的？
• 你的产品如何影响你的生活？
• 你未来的愿景是什么？
• 谁是你的目标客户？

一旦开始回答这些问题, 就可以对如何构建电子商务设计有一个更清晰的认识。让用户觉得自己是特殊事物的一部分。

你是否不希望客户因为受到启发而回到你的商店？

减少选择

Walden对产品促销大胆。

没有什么比草率的商店导航体验令人讨厌的了。销售的目标是使用户将商品添加到他们的购物车中。但是, 如果你的导航提供了数百种选择, 则用户将很快失去耐心并完全离开该网站。

沃尔玛是一个很好的例子, 除非你希望扩大长尾销售规模, 否则不要做什么。他们的导航提供了过多的导航选项列表, 使你在找到所需内容时感到头晕。

//简单的导航商贸值得

客户越容易找到特定的产品, 他们就越需要花更多的时间阅读有关该产品的信息, 最后进行购买。

有用的：尝试使用Sketch, Photoshop或任何其他线框图工具绘制导航结构。分析用户访问主页, 浏览目录并最终访问产品页面的过程。

可以说, 这是电子商务网站最重要的设计技巧之一。

颜色激发情感

简单明了的色彩带来愉悦的用户体验。

在数字革命之前很久, 色彩就已经对销售产生了心理影响。了解颜色可以激发的不同类型的情绪, 你可以设计自己的电子商务网站以匹配特定的感觉和共鸣。

这是一张图表, 展示了通常与不同颜色相关的情绪：

根据你的产品和目标受众, 你可以使用颜色来唤起某些感觉。例如, 如果你的商店销售的是环保产品或农产品, 那么绿色将补充自然感。

根据研究, 客户花费大约90秒钟来正式确定他们对产品的意见。大部分交互时间(大约70％)专门设置在颜色上。

一致性很重要

用户记住你的品牌设计, 不是因为醒目的名称, 而是因为你呈现的整体品牌形象。关于网页设计, 这主要与页面结构有关。

你是否在所有页面上使用相同的字体和颜色？强大的印刷图案可以在用户的​​脑海中注入难忘的体验。

此外, 如果你在多个页面上使用各种不同的颜色, 则有可能会因为一个多元品牌而脱落。

因此, 如果你希望被认可和记住, 就必须着重在设计模式中使用相似性。即使你的产品有很多分支机构, 设计具有相似性的页面也仅有助于建立更强大的品牌形象。那就是增加销售的门票。

紧急试验

紧急程度主要基于要约和独家交易。如上图所示, Bestbuy使用其主页的上部突出了不可抗拒的交易。但是, 还有其他方法可以增强紧迫感吗？

顾客放弃购物车的最大原因之一是高昂的运费。因此, 这为通过提供运输成本的特殊交易创造了一个资本化的机会。

Bestbuy等品牌也采用了这种策略。亚马逊以其优质服务而闻名。初级用户几乎可以免费享受几乎所有产品的免费送货服务。你还可以鼓励用户在你的商店上花费一定数量, 以换取免费送货费。

另一种紧急形式是限制某种产品的可用库存。

这是一件漂亮的基于假日的圆领运动衫。这项优惠附带美国免费送货服务, 但仅在一定时期内有效。这是设计电子商务商店时使用的紧迫性的一个典型例子。

你能想到其他提高紧迫感的方法吗？我们很想听听你的想法和成功案例。

清晰美丽的照片

有大量数据可以证明高质量, 相关且具有视觉吸引力的图像有助于提高转换率。而且, 我们并不是仅在谈论产品图片。

你在整体设计中使用的图像可能会对吸引用户的注意力产生巨大影响。

一张精美的照片可以灌输情感, 营造一种认同感, 并且易于记忆。一个普通的人可以以近乎完美的精度调用多达2, 000张图像。

话虽如此, 除非有照片支持产品设计, 否则产品将不会销售。作为电子商务商店的老板, 尽最大努力通过高质量的照片吸引你的产品本质至关重要。

最重要的是, 你无需雇用昂贵的照相设备即可完成工作。除了使用手机或廉价相机外, 没有很多使用其他方法制作出色产品照片的教程和操作指南。

诸如Pexels和Unsplash之类的网站以提供令人惊叹且专业的免许可证摄影而闻名。

成为客户

网页设计有两个方面, 专业和主观。在设计结构时, 专业方面与遵循UX和UI趋势有关。

主观方面要求你退后一步, 从客户的角度看待你的设计。网站访问者(如果愿意)。

• 你对总体设计布局有何看法？
• 你能够快速找到所需的信息吗？
• 导航有意义吗？
• 产品说明是否清晰明了？
• 你能多快到达结帐页面？

通过回答这些问题, 你可以注意到任何需要解决的不一致之处。

经常使用A / B测试

当我们到达电子商务网站设计技巧的最后部分时, 让我们通过讨论A / B测试来结束列表。

A / B测试必然是同时使用两个不同网站布局的方法。 A是一个版本, B是另一个版本。

然后, 经过一段时间后, 你可以分别比较每个版本的指标。你可以监视的指标包括版式不同部分的转化率, 可用性和整体交互。

即使是很小的设计更改, 也可以极大地改善用户参与度。同样, 尝试不同的颜色变化以及更多其他颜色可以使你对未来的设计重点更加清晰。

你可以在Nexus目录中找到许多用于网站优化和A / B测试的工具。

包起来

设计是一个不断变化的景观。了解模式, 用户行为和最新趋势可为你带来提升销售的优势。

我们的设计提示针对任何希望改善其电子商务网站用户体验的人。

因此, 不要浪费时间开始工作！我们很想听听这些提示如何帮助你在电子商务商店上塑造更好的设计。如果你需要一些专业的设计师, 那么你可以随时查看99designs。