移动应用交互设计研究

摘 要：信息社会的来临使移动交互应用媒介和虚拟网络模式为主的消费方式不受时间、地点的限制，得到人们的青睐。本文主要以手机淘宝APP为例，通过对其交互方式、交互内容、页面布局以及符号化图标的分析，总结出一些交互设计的要点。

关键词：移动应用；交互设计；交流

移动应用是移动应用程序的简称，是指设计给手机、平板电脑和其他移动设备上运行的应用程序。按照运行环境区分，移动应用可分为移动网页应用和移动原生应用两种。移动网页应用无需下载和安装，是通过浏览器运行的应用程序，它的界面一般与网页界面相同，是网页界面的缩小形式；移动原生应用，是指通过运营商的门户网站进行下载或者到移动应用商城购买的应用程序，这种类型的应用程序为了吸引更多用户下载安装，会更加注重用户使用时的感受。好的用户体验需要通过交互设计得以体现，而交互设计又涉及交互方式、交互内容、页面布局等方面，它致力于让产品有效易用，使用户与产品交流时更加愉悦。

1 交互方式的多样性

移动应用中，用户与界面的交互方式是指用户如何使用产品，从而达到自己的目的。从感性角度来说，它主要表现为用户与界面交流时用到的媒介和方法给予用户情感方面满足，好的交互方式更多体现出用户的直觉和下意识的行为，使用户在整个使用过程中感到愉悦、简单和顺畅。从理性角度来说，它是指交互方式在技术层面的研究和应用，通过技术支持使交互方式得以实现。以手机淘宝APP为例，用户与界面的交互方式是多样的，有直接操作、多通道、手势以及语音等。在手机淘宝APP界面中，用户可以通过手指对界面中数字对象进行操作，如单击进入另一个页面、拖拽页面使其放大缩小、上下滑动页面等。特别是在商品详情页中，用户可以对图片进行任意缩放，以达到自己舒适的观看尺度，直接操作缩短了用户与产品之间的距离，减少操作步骤，使操作更加简单便捷。此外，它的交互方式也是多种多样的，对于新消息的推送，它会通过视觉、触觉、听觉三方面进行提醒。在听觉方面，我们可以设置提醒的铃声；在触觉方面，我们可以设置震动的开关；在视觉方面，会有告知型控件对我们进行提示，多中外方式丰富用户的体验，减少某一方面的疲劳。语言是实现用户与移动应用交流的另一种重要的方式，它有多方面的优点。首先，语言比键盘输入更快更有效。其次，在不同的情境中提供了更多的反应通道，可以同时做其他事情。淘宝一直在探索新的交互方式，目前淘宝网计划上线Buy+应用，它使用虚拟现实技术，100%还原真实场景，生成可交互的三维购物环境，将突破时间和空间的限制，使用户身临其境的购物，给用户更加真实的体验。

2 交互内容的丰富性

在淘宝APP中，用户与产品之间的交流不是单一的，而是丰富多样的。可以分为三种类型：用户与界面之间的交流、用户与用户之间的交流以及用户与商家之间的交流。

2.1 用户与界面之间的交流

淘宝用户分为目标型消费者和浏览型消费者。对于目标型消费者，其设置了搜索项，可以按照店铺、商品或者天猫进行搜索，满足不同用户的需求。并且搜索方式也分为三种：手动输入、语音输入以及照片搜索，丰富了输入和寻找方式，使用户更加方便快捷地找到目标商品。对于浏览型用户，淘宝网设置了多个入口导航供用户选择，入口导航分类清晰，并且其在信息展示方面关注主体内容，界面简洁易懂，整个界面能使用户高度聚焦于内容，而内容的显示简单明了，可以使用最少的元素来表达最丰富的信息，因为元素过多会使信息繁杂，影响效率，降低购物的乐趣。因此，淘宝APP界面中每个商品都是图片配以简洁商品描述，提升了屏幕空间的利用率，图片和文字通过大小和颜色进行划分，内容丰富，清晰可见。

2.2 用户与用户之间的交流

用户与用户之间的交流途径有三种：一种是菜单栏中的社区，在社区中用户可以对自己已经购买的衣服作出评价，说出自己使用产品的感受，可以附以图片，就像朋友圈一样，其他用户可以对其评论进行交流。一种是商品详情页中的问大家，未购买用户可以向已购买用户进行提问，询问商品的真实使用情况，从而进行交流。电子购物类产品最大的缺陷就是用户不能够直接触摸或者看到实物产品，即用户缺乏对网络商品的信赖感，用户与用户之间的交流可以跳过商家的干扰进行直接交流，便于用户对商品的了解，也促使商家关注产品质量。

2.3 用户与商家之间的交流

用户与商家之间的交流方式有两种：一种是通过微淘，如果说社区是用户的朋友圈，那么微淘就是商家的朋友圈，商家可以通过微淘来推出商品，使用户第一时间看到上新的商品或活动商品，而在评论中，用户可以与商家进行交流，咨询商品情况。另一种是通过消息窗口，即为大家所说的客服，此时一般为售前或售后服务，用户可以向商家客服咨询商品情况、物流状况、退换货处理等。用户与商家进行交流可以了解更多的商品情况，任何疑问都可以随时解决，减少沟通障碍，增加亲切度，提升买家好感。并且在用户与商家交流中，还可以与商家协定商品的价格，使用户以低价购买商品，从而吸引更多用户。

3 页面布局清晰规范

淘宝网运用色彩和层次等方式，自然而又清晰地罗列出一条视觉路线，引导用户浏览，无需用户自己费力梳理条理或者在密密麻麻的信息中搜索自己想要的信息。淘宝网页面布局因功能的不同，考虑的侧重点也不同，使用户有一种区块感。首先，界面布局十分有序，网格线排列整齐，区块划分清晰，按照功能划分，主次分明。其次，每个区块功能清晰，有搜索栏、导航栏、菜单栏等，位置清晰明确。再者，最重要的信息都在页面第一屏显示，用颜色和大小来划分区域。最后，相同信息保持位置的一致性，使用户无需加载页面进行重新理解和认识。所以，无论操作功能如何多变用户都能够按照习惯找到自己想要的商品。

4 使用符号化图标

相对于单纯的文本，符号化的图标更加符合用户认知习惯，调动用户的情感，使其与产品产生情感共鸣。并且符号化图标还可建立起认知习惯，使用户更快地掌握操作。在用户与商家交流页面，淘宝APP提供了配合用户性情的夸张的表情，拉近用户与商家的距离，使用户与商家之间快速建立起一种情感联系，增加用户的信赖感也丰富了用户的体验。

交互设计在电子商务应用程序中的是自然存在的，然而，随着电子产品和用户体验日趋复杂、功能增多，新的应用程序逐渐出现。面对竞争激烈的环境，应用程序必须更加注重交互设计才能得到用户的青睐。移动设备的使用环境和物理属性方面的原因给交互设计带来了更大的挑战，特别是对于现在的信息社会，新媒体使交互设计的研究更加多样化，无论是手机应用还是网页应用，用户都是决定其生存的关键因素。所以，在进行交互设计时要多考虑用户的需求和使用体验，这样才能够吸引买家，使买家成为忠实的用户。手机淘宝APP的流行有它的必然性和理由，本文以手机淘宝APP交互设计为例，了解和分析电子商务APP交互设计的要点，以促进其他类型的手机APP交互设计的发展。

参考文献：

[1] 弗林（美）.移动应用的设计与开发[M].北京：电子工业出版社，2010.

[2] 库伯.交互设计之路（第二版）[M].北京：电子工业出版社，2006.

[3] 臧小鹿，王安霞.浅析淘宝网视觉交互设计规范[J].艺术品鉴，2015.

[4] 朱晓露.基于用户体验的APP交互设计研究[D].西南交通大学，2015.

作者简介：张嘉慧（1993—），南开大学文学院设计学（工业设计）研究生一年级，研究方向：工业设计。