垂直类购物APP的界面设计个性化研究

杨雨晴+李志榕

摘 要：目前移动网络购物已成为人们主要的消费模式之一，而综合类电商市场基本上饱和，垂直购物成为新的发展方向。文章通过分析垂直購物模式特征、界面设计发展趋势，以及对比分析与综合类购物APP界面设计的异同点，探索垂直类购物APP的界面个性化设计要点，为垂直购物APP 界面设计提供参考。

关键词：垂直购物；界面设计；用户体验设计

互联网的普及带动了电子商务的发展，移动网络购物的兴起让许多电子商务APP应运而生。淘宝、京东等大型综合类电商APP已经在市场上占有稳定的地位，其他企业走综合电商之路很难占有一席之地，“垂直化”的概念逐渐成为了新时代移动购物平台探索的方向。垂直类的购物APP在设计上大多千篇一律，缺乏特色，界面追求个性化成为垂直购物APP一条重要出路，独特的界面设计能给用户留下深刻的印象。

一、垂直购物概述

垂直电子商务是指在某一个行业或细分市场深化运营的电子商务模式。相比于综合类购物平台它的优势在于更专更深，提供更加符合特定人群的消费产品，满足某一特定领域的用户的需求，更容易取得用户的认同感和归属感，形成品牌和独特的品牌价值。从发展趋势来看，购物类APP定位会不断聚焦细化，垂直化发展的趋势也将越来越明显。

二、界面设计

界面设计的风格主要有拟物化风格和扁平化风格两种，拟物化风格能让用户快速理解应用并且具有亲切感，但其效果的陈旧感容易造成视觉疲劳。扁平化风格是目前盛行的一种风格，它的界面看起来更加简洁、清晰，使交互流程更专注于功能本身，但容易给用户造成认知障碍。因此扁平化加适当的拟物手法会是界面设计未来的一种发展趋势。优秀的界面设计不但具有简洁美观的整体风格，简单易懂的操作引导，还可以提供良好的情感体验，满足用户的不同层次的需求，并让用户得到有效的信息服务。

用户希望自己使用的产品符合自己的操作习惯和审美，展示自己的个性。所以设计师要从共性中寻找个性，或者从个性中寻找共性化的体现。在垂直购物模式中，用户的范围缩小，因此产品体现个性化就更容易实现，也更加有必要。个性化设计首先是人性化设计，以用户为中心的设计，站在用户的角度，从用户的实际需要出发来进行设计。设计师只有在充分了解用户背景的情况下才能做出人性化和个性化的设计。

小红书是一款垂直类海淘购物APP，这个产品是围绕着“有奢侈品或高品质商品购买需求”的用户群体来设计的。产品logo以及APP的界面都采用了扁平化的风格，界面色彩以红色为主白色为辅，视觉效果更加简单清晰，符合核心用户的视觉品味。在商品展示上非常关注图片的品质，体现了对用户的一种尊重的态度，也符合了目标用户较高层次的审美需求。小红书APP将目标用户群体特征作为界面设计的前提来塑造产品的个性，并很好地顺应了当下界面设计流行趋势。

三、垂直类购物APP与综合类购物APP界面设计比较

综合类电商平台的用户来自各个层次，因此这类APP只能满足用户的基本需求，不能做到有针对性的服务，在设计的时候也会尽量避免去考虑某些人群的固有特征，从宏观的方向上去考虑用户的共性。而垂直类购物APP因用户定位更加精准，通常就可以做到更加深入，更全面地满足目标消费者的需求，其中就包括基本的功能需求以及更高层次的精神需求。

下面笔者就拿唯品会APP和淘宝APP来做一个对比，分析垂直类和综合类购物APP的交互界面设计特点，探索垂直购物APP界面个性化塑造的要点。

（一）界面风格的比较

风格就是一个界面的灵魂，是一款APP给用户的一个整体的印象。淘宝APP上面的商品分类特点就是大而全，在界面风格上色彩活泼，内容充实，页面分类较为复杂，有着琳琅满目的商品和铺天盖地的折扣信息，这也符合了大多数用户的心理期待。而唯品会APP界面风格则要简单、轻松很多，大片的留白保证视觉效果的聚焦，不容易造成视觉疲劳。各个活动的图片都是经过专门设计，商品的图片和信息也都是经过认真的修饰和编辑，保证了视觉效果的协调性。

（二）界面布局的比较

布局指的是在限定面积范围内以最适合浏览的方式安排图形、图像和文字的位置，使浏览者有一个流畅的视觉体验过程。淘宝APP在界面设计的框架上基本沿袭了PC端网站的布局，顶部为搜索框、折扣促销banner，然后就是多功能入口和产品推荐区域。因其所涉及的商品种类较多，故在页面布局上都比较规整，也便于用户能够快速找到自己想要的信息。相对来说，垂直类购物APP商品种类就少很多，因此在它的页面布局上就显得更加的灵活，轻便。唯品会APP首页以活动专场为主，以单排卡片式的形式呈现。每个专场的各个商品布局都是经过专门的排版，商品页面也没有过多花哨的设计，都是以产品本身为主体，为其增加了视觉冲击力。

（三）页面色彩的比较

在一个APP的使用过程中色彩是最重要的视觉冲击元素。手机淘宝APP页面采用鲜艳、丰富明亮的色彩组合，营造了一种热闹、活跃的氛围，给人一种实惠、促销的整体印象，这也符合用户的心理模型。唯品会APP采用的是单一主色调的设计手法，突出其产品的特色。主色调为玫红色，带有一些高贵、典雅的气质，同时也很好地区别了同类产品。其中，玫红色的主色调还起到了很好的用户行为引导、召唤的作用，比如在商品详情页底部就有一个“加入购物车”的玫红色色块，格外醒目，引导用户进入购物车查看商品。目前垂直类购物APP大多采用的单一主色调设计，这种简洁的配色风格让产品更加轻量化，同时也能减少冗余信息的干扰，让用户专注于主要信息的提取。

（四）交互细节设计的比较

产品和用户互动就是建立信任的过程。好的交互设计会让用户产生安全感甚至依赖感。综合类购物APP在信息筛选方面容易使用户感到疲劳，因此在交互设计上要充分照顾消费者的感受。淘宝APP在交互反馈设计从用户心理预期出发，在用户对“下单”“购买”等重要节点操作时及时对用户进行反馈，减少用户的操作失误，且反馈时信息提示不会影响用户接下来的操作。唯品会APP在交互设计的小细节上也有许多吸引人的地方，当用户进入到加载等待界面时，唯品会的图标便出现在了用户的视野当中呈动态颜色画笔填充，直至加载完成。这样的动画在宣传了自身品牌的同时又显得可爱有趣，从心理上减少用户的等待时间。因此可以看出，手机淘宝的交互细节更偏向用户关爱来取悦它庞大的消费群体，而垂直类购物APP的偏向于采用更加个性化的交互来吸引用户并给用户留下深刻印象。

通过以上分析我们可以看出，综合类购物APP的特点是大而全，在APP的设计上更多地注重信息的合理分层、恰当的操作引导以及良好的界面交互体验。而垂直类购物APP的特点是小而精，在APP的设计上除了要做到以上几个方面，还要根据目标用户人群的审美、情感以及他们的社交欲望等等，从界面风格、界面布局、界面色彩、交互细节等方面塑造产品的个性，提高对目标用户的吸引力。

四、结语

在这个信息爆炸的时代，人们已无更多的时间精力去筛选多余的信息。由于是具有针对性的产品定位和细分市场，垂直类购物APP本身就具有更强的可塑性和竞争力。笔者认为垂直类购物APP想要在市场上占据一席之地，就要针对目标用户的特点塑造出与用户气质相符合的产品格调，在界面设计上追求个性化的体现，以独特的界面风格，赏心悦目的色彩搭配，灵活多变的界面布局，以及充分考虑到用户体验的一些交互细节，让用户在基本购物需求得以满足的同时，还能享受到一场视觉盛宴和完美的人机交互体验。

参考文献：

[1]Judy Strauss，Raymond Forost.网络营销.[M]时启亮译.北京：中国人民大学出版社，2004.

[2]Jesse James Garrett.用户体验的要素.[M]范晓燕译.北京：机械工业出版社，2007.

[3]Donald Arthur Norman.情感化设计.[M]何笑梅，欧阳杏译.北京：中信出版社，2015.

[4]高楠楠.移动端垂直购物APP的界面设计研究[D].天津美术学院，2015.

[5]杨少宸.垂直化电商导购网站服饰类用户界面视觉设计研究[D].东华大学，2016.

[6]马文彬，徐延章.购物APP交互设计的用户体验艺术——以淘宝为例[J].美与时代，2016，（04）.

作者简介：

杨雨晴，中南大学硕士在读。研究方向：产品设计；

李志榕，博士，中南大学建筑与艺术学院硕士生导师。