论电商UI设计套路
![](https://img.zcool.cn/community/0002605a16e8c2a8012134900a0e73.jpg?imageMogr2/auto-orient/thumbnail/160x160r%3e/gravity/center/crop/160x160/sharpen/0.5/quality/100/format/webp)
![](https://img.zcool.cn/community/0002605a16e8c2a8012134900a0e73.jpg?imageMogr2/auto-orient/thumbnail/160x160r%3e/gravity/center/crop/160x160/sharpen/0.5/quality/100/format/webp)
文章通过分析用户性格特点,结合传统线下电商购物,解说UI设计的那些规则。
有的人说,UI设计很简单。他们觉得那就是画画框,打打字,美美图,有什么难的。但是我们试想这样的场景:你去线下实体店铺买衣服,逛了许多店铺,最后选择了其中的某一家店铺,成功的买到了衣服,并且很开心。在这个场景里,这家店铺如何在那么多的店铺中争取到客户的?想必也不是一件容易的事。现在我们把这么庞大的一个体系放到一个有限的屏幕显示器上,你说,UI设计简单?。下面我们揭开其中的那些套路吧~
这是我们最熟悉的淘宝购买详情页。那么我们如何审视这个设计能不能达到有效转化呢?首先,我们看商品的标题描述信息,合适的关键字,能让用户快速“了解”这是一件什么样的衣服,“文字印花”用红色标注,展示出了商品的特色;然后我们再看“月销量”,“累计评价”是让用户对产品产生一定的“信任”,之后的“价格”和尺码等让你感受到了商品的“价值”,最后“丽姬购买”和“加入购物车”就是“转化”。
所以我们得到结论,一个好的页面,要实现成功转化,必须从“了解”,“信任”,“价值”,“转化”4个方面来设计。
那么你可能会问,那为什么还要设计那么冗长的详情页,如下图所示(仅部分):
这就要谈到我们用户的性格了。
我们每个人几乎都有80%的共性,而这80%共性中,又各有侧重,我们暂时把它分为以下4种类型:感性消费性(多位女性),有的放矢型(多位男性或者老板),理性消费型,冲动消费型(喜欢萌萌哒的东西)。
一般那么冗长的详情页,都是为我们的理性消费型的用户而设计,他们比较注重细节,爱货比三家,比较消耗店铺流量,不容易转化。
而我们的首屏中的图片,则是为我们的感性用户和有的放矢型用户而设计,这类用户极容易形成转化。
那么我们的冲动消费型用户呢?如下图所示,有的用户他家里可能并不缺杯子,但是觉得这个杯子很萌,而他又喜欢萌萌哒的东西,所以就会容易购买。
好啦,今天我们就先说到这里,大家有什么问题欢迎评价哦!
![](https://static.zcool.cn/git_z/z/images/new/page-loading.gif)