电信运营商APP产品详情页面视觉设计研究

陈冬旭 梁琳

摘  要： 研究发现，目前每个省的电信运营商均在布局APP建设和运营，APP中虚拟产品的详情页面以枯燥文字为主，版面设计仍处于初级阶段有待互联网化改造。文章通过对标先进互联网企业，探究详情页面的设计原则和价值，从用户体验感知角度总结详情页面的构成、设计要点和设计要素，以真实案例阐述电信运营商APP产品详情页的设计，并对某省电信运营商APP进行了页面改版，更有效地帮助用户完成购买决策。

关键词： APP产品详情页; 互联网化; 布局设计; 购买决策

中图分类号：TP399;TP37          文献标志码：A     文章编号：1006-8228（2019）07-43-03

Abstract： It is found that the telecom operators in each province are currently building and operating APP now， but the details pages of virtual product in APP is dull text-based， and the layout design is still in the initial stage，which needs to be reformed by the Internet. This paper， by contrasting to advanced Internet enterprises，explores the design principles and values of details page， following the user's experience and feelings， summarizes the composition， design points and design elements of details page， and with real case analysis， elaborates the design method of the product details page in telecom operator APP. A page modification has been carried out in one telecom operator to help users making purchase decision more effectively.

Key words： product details page in APP; Internet; layout design; purchase decision

0 引言

移动互联网深刻地改变着人们的消费方式，人们越来越习惯于使用手机及移动终端“逛店”和“浏览商品”，所以电商化的产品营销只有更加关注用户体验，把销售过程也当成产品，以用户为中心让销售页面符合用户选购行为，满足用户选购心理，才能增加每一层页面的转化率，减少流失，从而增加用户中购买人数占比。“这是一个以用户为中心的时代，用户的体验和价值是互联网两个主要命题”[1]，本文将从用户体验角度，研究具有符合互联网用户风格的产品销售详细页面布局用于传统的电信运营商APP运营。

1 产品页面設计原则

互联网的每个页面均可称为用户界面，英文为User Interface，通常缩写成UI，是指用户的操作界面，包含移动APP，网页，智能穿戴设备等。简洁、自然、达意、友好和实用的界面不仅为产品销售服务，而且会给人带来舒适的视觉享受，拉近人与终端设备的距离，为产品创造卖点。用户界面设计有三大原则：置界面于用户的控制之下;减少用户的记忆负担;保持界面的一致性[2]。

“好的页面会说话”，好的页面设计会吸引用户的注意力，以提高用户的交互能力[3];合理的操作度会让用户拥有较高的体验感;风格化、人性化的设计会使用户获得前所未有的新鲜感，从某种层面上提高产品销售服务的同时增加用户对企业品牌的友好感知度，所以好的页面可为企业带来商业价值和文化价值。

2 对标互联网BAT企业的产品详情页面框架

互联网企业与用户的营销接触过程可简单分为搜索页、导航目录页、产品详情页、物流支付页等四个环节（四大页面），因无实体店，企业更关注这些互联网页面的用户体验，页面的任何元素都精益求精，任何流程都更力争符合用户浏览、选择产品习惯。

如图1、图2，本文选取了BAT企业中天猫、京东的产品销售详情页进行框架研究对标，归纳共性，提炼优点，为电信运营商产品详细页改造提供基础思路和详细样式。

通过从框架板块和板块布局的对标，归纳两者在产品详细页面上的框架共性为：均包括产品介绍、评价、图文详情和推荐四大板块，产品介绍板块突出价格、优惠和人气;评价板块突出评价数和好评率;图文详情板块突出图文美化;推荐板块关联大数据分析的同类产品推荐。基础功能店铺/客服/收藏/加入购物车/立即购买等动态固定于页面底部。两者在产品详细页面上的框架不同之处为：天猫板块展示方式以瀑布型从上往下浏览，京东以瀑布型从下往下浏览的同时增加横向板块灵活布局。

3 电信运营商产品展示设计目标、思路和实现

电信运营商产品展示设计的核心目标其实与任何互联网产品的目标是一致的，就是要创造一个舒适合宜的购物流程，让用户无障碍地浏览各类信息，容易选择所需要的商品，并且获得足够好的服务与体验，同时随时提供最有效的工具以帮助用户顺利进入预定购买环节[4]。所以一个优秀的产品详情页应围绕两个方面来构建整体详情页服务。一是商品交易决策相关内容的有效展示，从信息的排版、展示的效果、阅读的舒适性等方面都要给用户带来良好的感受;二是与用户之间的互动体验设计，商品详情页是一个关键的人机互动场景，与用户产生互动性是设计人员设计商品详情页的终极目标。