原型图设计解析——《网易严选》的“极简分类”法如何引导用户马上买买买!

《网易严选》的“极简分类”法如何引导用户马上买买买!


我们这次以电商网站为专题,推出了网易严选(网页版)的原型图资源下载和产品特点解析!

网易严选的slogan是“好生活,没那么贵。”,从这句话中,我们可以看出严选的产品定位是:性价比最高的品质生活商品。所以区别于天猫和京东产品类别丰富、包罗万象的超级卖场风格,严选更偏向类似MUJI 这类简约自然、富有质感的品质生活馆气质。

所以严选在设计上采用了性冷淡的风格设计,使用了低饱和度的色彩以及大面积的留白;在产品形态上采用“极简分类”的方式、结合克制的功能设计和信息展示突出展示产品本身,让它与淘宝京东所营造的热闹的购物氛围不同,给人一种安静、简单和高级的感觉。并且,“极简分类”为用户提供了清晰明确的快速索引,让用户不用在纷繁复杂的类别中做选择,尽快定位找到他们想要的产品,引导用户马上买买买!

今天,我们就以新鲜出炉的《网易严选》原型图设计为例,来好好分析一下,《网易严选》是如何使用“极简分类”法来打造这样一种简约、安静的购物氛围,让用户快速找到目标商品,提升购物体验的。

准备工作:

《网易严选》流程页:6张(原型图及组件)

原型图设计工具:www.xiaopiu.com

相关对比分析截图:9

先来看首页的《网易严选》的顶部导航:

布局:虽然它设计了导航,却很克制地没有设计侧边栏,但最终效果却非常的聚焦,可读性非常的高。

字数:顶栏单词的字数基本限制在两个字以内。

行距:行距的间隔大,清晰明了,可读性很高。

类目:产品的类目都聚焦在了生活类,找到了一个主要侧重点,没有很贪心的眉毛胡子一把抓。前段分类的维度和后段的分段维度不同的时候,它会做一个区隔。

其他家:



布局:侧边栏有些复杂,提取关键信息时有些费时。

字数:顶栏的字数较多。

行距:行距的间隔小,阅读时有拥挤感。

类目:产品的侧重点不明显,产品的涵盖范围比较广。

首页专题栏目延伸:

网易严选:

数量上:图片数量和文案极为克制。

统一性:图片风格。

文字:统一不杂乱。

排版:图片排版有层次。

入口:只有一个二级入口,设置不混乱。

其他家:


数量上:图片数量和文案较为杂乱。

统一性:风格的统一性并不强,产品类别千差万别。

排版:图片排版没有层次混乱。

入口:二级入口混乱。

总结:严选这样设计的好处就是极为清爽不给人压迫感,同时又很有辨识度,减少了购物时候的焦虑感。

二级专题栏目:

严选:

配图:用图考究,风格布局统一,没有很花哨的配图。

文案:简单明了,突出要点。

排序:逻辑分明。

其他家:


文案:文字过多,有太多的无效信息。

配图:产品的类目和风格不统一。

总结:抛弃冗杂信息,让目光都集中在产品的本身,用产品的视觉质感突出品质与价值。

严选:

产品结算页:更加简洁,清晰,有条理,产品信息明确。

页面更加的极简,不必要的信息全部简化掉了。

图片的信息更加明确,购买的产品一目了然。


其他家:


产品结算页:产品信息并不明确,文字信息过于杂乱。

图片过小,对于所购买的商品并不一目了然。

我们针对网易严选的这种优质极简和素雅大气的风格,给大家准备了满满的资源干货,这次的《网易严选》产品原型内容的整体项目主体内容有:6个主要流程页面,6个页面布局,20个内容组件。

如果刚好你有做精选电商的打算的话,那这套模版你就可以用起来了。如果不是也没有关系,那里面近10种不同的列表模板和图文展示模板也一定可以用在你的各类网站设计中!赶紧抓紧时间试试吧!

高保真:


低保真:


资源链接

网易严选网页版高保真

网易严选网页版低保真

网易严选高保真页面库

网易严选低保真页面库

网易严选组件库

0条评论 添加新讨论

登录后参与讨论
Ctrl+Enter 发表