1.5 如何创建成功的电商网站
电商网站是一种复杂且交互性很强的网站,电商UI就是一张在线名片,它能够帮助电商平台从海量信息中脱颖而出,并且反映出平台的可信度。当用户初次访问你创建的电商平台时,如果没有找到自己喜欢的商品,大部分人会选择离开。这就是为什么在构建和设计电商网站时,永远不要低估用户满意度带来的影响。
1.5.1 为用户群体设计
在浩瀚的网络海洋中,可以找到我们能够想象到的任何商品和内容,那么是什么使用户能够在网络中光顾你的网站,而不是去身边的实体店或商场购物呢?
这需要电商网站为用户提供良好的用户体验,使用户有信赖感和依赖感。
在网站设计之初,需要通过细致的调研分析确定网站的目标用户群体,从而在网站设计中有针对性地进行UI设计。设计师需要认清所设计的电商网站的闪光点,并且能够在设计过程中将其突出放大,从而赢得用户的尊重和信任。
图1-23所示为“有货”网站,该网站主要销售年轻人的时尚潮牌服饰,我们在其他的网站或实体店也能够买到一些时尚潮牌服饰,但是目前还没有几家电商网站能够将年轻人时尚潮版服饰如此集中,因此该网站的定位和目标人群有很强的目标性。该电商网站的UI设计采用简约的设计风格,大面积留白,使用无彩色作为主色调,重点突出各品牌服饰,简约时尚。
图1-24所示为“苏宁红孩子母婴商城”网站,该网站专注于为年轻妈妈提供全系列母婴用品。该电商网站的UI设计着力营造一种舒适、温馨的氛围,使目标用户感到安心和放心。
图1-23
图1-24
1.5.2 采用常规的导航
对一些企业或个人网站来说,在UI设计过程中,为了体现企业的特点或个性化特征,经常会做一些打破常规的个性化设计,而对电商网站来说,必须严格遵守“形式遵循功能”的设计理念,使不同层次的用户都能够很自然和便捷地使用该网站。
电商网站的UI设计应该遵守如下基本设计理念。
●导航栏应该采用基本形式,水平放置在页面的顶部或垂直放置在页面的左侧。
●在页面中提供清晰、方便的商品搜索栏。
●页面顶部的面包屑导航是不可缺少的。
●导航中的菜单名称应该采用通俗易懂的文字描述。
●页面底部应该提供清晰的联系信息和客服信息。
●页面中的交互元素应该具有一致性,包括外观和交互效果的一致性。
图1-25所示为“天猫商城”网站,该网站页面提供了顶部水平导航和左侧垂直商品总分类导航,使用不同的颜色区分,使用户能够更便捷、快速地找到自己感兴趣的商品。当用户将鼠标指针移至左侧某个商品总分类选项上时,在该选项右侧会以弹层的方式显示该商品总分类中的详细分类,便于用户快速查找所需的商品。
图1-25
1.5.3 设计一个令人惊艳的主页
研究表明,只需0.05秒,一个用户就能判断出你的网站是否能够满足他们的需求。而且,如果不能让用户相信你的网站是可靠、安全或有价值的,他们就会立刻抛弃你的网站。图1-26所示为简约精美的电商网站主页设计。
图1-26
那么,一个令人惊艳的主页包含哪些要素呢?
一个可靠的商品价值定义并非一句简单的口号,它可以向用户表明选择你的主要原因。它由强有力的标题、子标题、功能列表和视觉要素组成,简洁易懂,可以传达你的品牌优势,并且展示用户可以得到的收获。
展示你的可信度。在主页底部可以展示用户评价、合作伙伴、核心商品的特点和优势,以及一些最新动向。
让用户与网站的沟通畅通无阻。无论用户是想购买商品,还是只想了解更多,他们都会和网站进行直接交流,因此需要在主页中添加在线客服、电子邮件地址和社交媒体链接,以便潜在客户更容易联系到你。
1.5.4 让商品详情页面更易转化
设计师通常非常注重网站首页的设计,而在电商网站中,首页设计固然重要,但是商品详情页面也是设计师需要关注的重点。设计师需要花更多的心思使商品详情页面的视觉效果更加赏心悦目,并且让用户更容易获得需要的商品信息。常用的方法包括在商品详情页面中放置多角度拍摄的商品图片、分类清晰的商品信息等。
图1-27所示为“京东商城”网站的商品详情页面,该页面提供了多幅不同角度的商品图片预览,并且在将鼠标指针移至商品图片上时能够在右侧显示该商品的细节大图,商品的价格等重要信息则使用红色突出显示。
图1-27