基于感性工学的电子商务APP交互设计的研究

    刘欣悦 刘永翔

    

    

    摘要：随着电子商务迅速发展，在技术趋同化的背景下，提高用户体验满意度成为行业发展的重要因素。文章通过分析感性工学与交互设计理论及方法的共同目标，以感性工学结合交互设计诠释优化电商App的用户体验，提高电商APP与用户之间的黏性。

    关键词：感性工学电子商务 APP 交互设计 情感

    一、研究背景

    当代设计的精髓是以用户为中心。在技术趋同化的时代，如何提高用户体验度已经成为各大互联网产品之间竞争的重要课题。据中国互联网信息中心2016年发布的统计，截止至2015年12月，我国手机网络购物用户规模达3.40亿，达到总网购用户数量的82.32%，同时手机网购市场将继续保持快速增长的趋势。以相对用户量较大的安卓淘宝为例，根据网站AS0100的数据统计，截止至2017年7月，来自各大应用市场的下载量已经达到72.73亿次，相对于2016年7月的33.32亿次增长了近四亿次的下载量（如图1）。因此充分考虑用户体验设计在电子商务APP交互设计中的重要性并且以科学的方法提高用户体验满意度，将人的感性因素融入电子商务APP（以下简称电商APP）的交互设计研究中，将能够更好地增加用户黏性，成为推动我国手机网购高速、快速发展的重要驱动力。

    二、感性工学与以人为中心的交互设计

    随着互联网行业的高速发展，良好的用户体验被视为产品成功的关键因素。交互设计作为用户体验上设计的中间枢纽，起着举足轻重的作用。在电商APP的设计中，交互设计是通过系统的设计方法使人与移动设备的互动过程更符合人的心理期望、既定目标，使用有效的交互方式来让整个过程达到可用性高、用戶体验好的设计方式。设计实际上是一个沟通行为。那么通过感性工学相关方法将人的感情因素融入交互设计中的方法正是了解用户的方法和手段之一。

    交互设计原则之一的目标导向设计原则，提出了面向用户行为设计的需求，旨在处理并满足用户的目标和动机。在设计展开的伊始便需要理解用户的期望、需要、动机和使用情境，其中如何快速准确地识别用户目标的关键在于区分用户目标与用户要完成的任务，目标是结论而任务是得出结论的过程。举例来说，用户想要在网上购物是目标而通过下载电商APP来完成是任务。目标导向设计要求设计者通过研究找到用户目标以及用户的真实需求。

    在互联网产品的设计和使用中的不同角色分别对应三种模型，即实现模型、表现模型和用户心理模型（如图2）。其中实现模型反映计算机研发的科学技术水平，软件如何帮助用户完成操作是心理模型，设计者将软件的运行机制展示给用户的方式称为表现模型。设计者的重要目标之一就是要使表现模型和用户心理模型尽可能地接近。

    决定用户心理里模型的大部分因素是用户情感，在电商APP中是用户对产品的体量大小、配色风格、功能、效率、易操作性等的主观印象。这些正是感性工学研究的范畴。感性工学是感性与工学相结合的技术，主要通过分析人的感性来设计产品，依据人的喜好来制造产品。感性工学作为一种产品研究方法，主要着眼于探讨人与物之间的相互关系，将消费者对已经存在的或自己心里的产品或概念的意向、情感和要求转译为设计方案和具体的参数。因此，感性工学是以人为中心的交互设计理念的重要研究方法。

    感性工学以理性客观的策略将用户的情感进行数学量化。经过研究探索出哪种设计要素符合何种情感，作为设计研发过程中的重要参考依据。这是感性工学以用户目标为导向的研究方法，能够把用户复杂多样且具有不定因素的情感转化为设计中可以量化的设计语言进而指导设计方向，同时作为—种设计评价方法参与在设计的多个环节之中。

    在以用户为中心的互联网产品设计用户体验要素中分为战略层、范围层、结构层、框架层、表现层五个层次，这是一个自下而上的系统。”其中战略层是产品设计最前沿的也是最重要的要素，这个层面需要研究清楚两个目标，即企业内部目标和企业外部目标，也就是研究用户需求。这个层面研究的对象是用户及用户情感，即可应用感性工学的研究方法进行研究。

    三、电商APP交互设计的研究

    在将感性工学的研究方法与电商APP交互设计相结合之前，首先需要研究用户的购买习惯。用户在电商APP上的购买行为基于传统模式的线下购买经验，同时由于电商APP是基于互联网环境下的交易模式，又区别于线下购买。

    电商APP区别于线下购买的重要因素之一是安全性与真实性。由于购买场景的局限，用户无法在决定购买的同时收到商品，因此用户往往会慎重购买。

    （如图3、4）分别是在超市购买日用品和在商场购买服装的流程图，是两个常见的线下购物场景，可见不同的购物场景购物流程有一定的区别。因此要考虑到产品是垂直产品和水平产品的异同，水平产品需要研究不同的商品所对应的不同购物场景，进而针对不同场景设计不同的购买行为方案，从而满足用户在达到更优交互体验和效率的前提下，在多个场景中完成既定目标和的心理及生理需求。

    移动互联网网购相对于传统线下购买在购买体验上有着便捷的优势，从设计的角度电商APP的特点有展示空间有限、商品种类和数量多、人机交互的可发掘空间大等。设计者需要思考如何在有限的展示空间合理且满足用户的查看及操作习惯的同时，展示有效的商品信息。同时随着科技的发展，人机交互不断发掘新的可能性。例如随着AR技术的出现和发展，其在电商行业也有着一定范围的应用，有一些电商就在其APP中应用AR技术设计了3D试衣功能，尽量提升用户在使用电商APP购物时的真实感。当然随着AR技术不断的提升，在电商APP中的相对应功能还可以不断的优化。

    四、感性工学在电子商务APP交互设计中应用的探索

    基于感性工学的设计理念以人为核心，目标是为了提高人机交互效率和用户体验度。用户情感的三个层次分别是行为、本能和反思。因此，基于感性工学的交互设计方法需要全面研究用户这三个层次的情感。

    （一）电商APP交互设计中的感性因素

    1信息架构要素：电商APP的信息架构设计是通过分析用户想要达成目标时候的心情以及状态，达到满足用户需求和满足产品内部需求的目的。用户对信息架构的感知来源于视觉、触觉相结合的感知，信息架构反映给用户的是一种或愉悦或烦恼的情绪。

    用户在使用电商APP进行购物时的心理需求是准确购买到目标商品，系统地研究用户在不同场景下需要解决的问题，从而挖掘用户的真实需求，将用户的目标和需求整理分析，进而将产品的功能进行归纳、分类，最终搭建一套便于用户操作，提高交互效率同时能给用户带来愉悦感的信息架构。这对于提升用户体验、增加用户黏性起到很大的积极作用。

    2.布局要素：布局是交互设计的另一重要因素，其来源于用户视觉感知。良好的页面布局能够起到正确的引导作用，提高交互效率。

    （1）导航：导航是依据信息架构的设计，将产品的主要功能提炼和排列，能够帮助用户快速锁定目标。清晰合理的导航可以传达产品核心功能，便于用户直观判断产品能否满足心理目标。同时根据产品自身的市场定位以及目标用户的特点，不同的产品其信恩架构表现在导航上的特点也不同。（如图5）手机淘宝的导航栏正中的重要位置放置了“问大家”功能，源于其重要的社交功能。而（图6）的京东的导航栏正中的位置则是资讯类的内容。

    （2）图文：页面的图文是重要的内容信息之一，传达商品重要内容的同时，涵盖产品想要传达的风格和定位。不同的布局风格传达给用户不同的感受，代表了产品想要着重表现的内容。例如图片分享类APP突出展示圖片而弱化文字内容，新闻类APP则更多强调传达文字信息而图片作为辅助信息不会突出展示。因而通过研究在具体页面用户需要获取的图文信息比例，设计出符合浏览习惯的图文布局，可以帮助用户准确地接收信息。

    3.视觉：视觉元素作为用户使用产品时最先定义产品风格的入口，对用户是否对产品有良好的认知的重要元素，良好的视觉体验会决定用户的忠诚度。

    （1）品牌形象：品牌形象包括Logo、标语、图标等，统一的品牌形象帮助用户建立整体的品牌意识。由于用户对于品牌的识别来源于短时记忆，适当地突出展示品牌形象有助于在用户心里实现长期记忆。例如在天猫6.2.1版本中，在首页顶部明显突出天猫的品牌标识，配合静态和动态两种方式展现，可以吸引用户的关注度，从而达到提升品牌形象的目的（如图7）。

    （2）色彩：不同的颜色可以在视觉上带给用户不一样的心理感受，白色往往象征纯洁和高雅，黑色象征权威和力量，红色和黄色这样靓丽的色彩代表热情，蓝色和绿色给人以舒服的感觉等。色彩能影响用户对产品的认知，所以明确产品想要传达给用户的感觉至关重要。（如图8）寺库首页所示，采用黑色和白色作为主色调和辅助色，金色作为突出色，体现了整个产品的简洁高端的特点，凸显其主要销售奢侈品这样的产品定位。

    （二）关于电商APP的设计思路

    综合以上的研究分析，就电商APP提出下面几个方面的设计思路。

    1首页：首页作为打FFAPP的第一个页面，集合了产品重要的功能，从结构设计和色彩运用上需要尽可能符合用户的心理模型。

    由于首页信息量相对较大且属于非单一功能的页面，同时基于手机APP展示空间有限的特点，需要将功能和信息加以归纳和整理，根据信息结构以分类的方法将内容区分主次关系，最终以简洁明了的形式展示给用户，便于用户高效查找和获取有效信息。

    在色彩的运用上根据结构的特点，用不同的色彩区分首页上复杂多样的功能且色彩数量不宜过多以免干扰用户做出正确的判断。色彩通常分为主色、辅色和突出色，需要给结构上的不同层次赋予不同层次的颜色。

    2.商品详情页：商品详情页承载着商品的大部分信息，在电商APP中是用户与产品直接接触的重要页面。用户在快速获取商品信息之后对比所展示商品与预期商品的同时，由于电商APP自身的安全性与真实性的局限，详情页所展示的风格及效果对用户的购买行为产生了很大的影响。因此设计详情页首先要关注采用合理的布局将商品信息尽可能展示全面，其次设计风格需要给用户可信赖感。

    3购物车：购物车页面是电商APP的重要页面，承担着用户核查和修改即将购买商品的需求，同时也是结算之前的重要步骤之一。购物车页面的设计需要根据用户在线下购买商品积累的用户习惯，分析用户在将商品加入购物车和查看购物车商品步骤中的用户心理，设置便捷直观的功能，提高用户在这个功能之上的转化效率。

    （三）优化感性电商APP交互设计的研究方向

    通过调查分析研究用户的感性需求，针对用户情感进行电商APP的交互设计能够提升用户对于产品的信任度和依赖程度。增加用户黏性是产品在不断优化的过程中重要的环节，增加用户在使用产品过程中的满足感、参与感，以及在用户使用产品时为其制造惊喜，都是在通过研究用户情感的基础上进行产品交互设计优化的有效策略。在电商APP中参与感可以通过增强用户于商品之间，用户于用户之间，通过图文、视频等形式的有效交互来实现。（如图9）的红书APP，用户发布关于商品使用体验的图文信息从而达到提升使用APP的满足感与参与感。

    总结

    感性工学在电商APP交互设计上的应用，在产品设计者层面为交互设计的开展奠定严谨的理论基础，提高设计效率。在用户层面研究用户真实的情感，实现以用户为核心的交互设计提高用户在使用电商APP购物时的用户体验度及交互效率。由于感性工学出现伊始时为了改善工业行业的设计在互联网产品设计的应用相对较少。不过今年来逐渐呈上升趋势，相信其科学严谨的研究理论及方法未来讲得到更大范围的应用。