基于用户体验的移动端UI设计研究

马文杰+韩帆

【摘 要】本文以塑造良好的用户体验为基本理念，通过对具体案例进行分析，并结合平日设计实践，总结出几点以良好用户体验为导向的UI设计思路。从而打破了传统UI设计重功能轻体验的设计原则，使移动端UI设计更加“打动人心”，对基于用户体验的移动端UI设计具有指导作用和借鉴意义。

【关键词】移动端UI设计；用户体验；情感化设计

中图分类号：TP302 文献标志码：A 文章编号：1007-0125（2017）22-0218-02

随着移动技术的迅猛发展，3G、4G等通信技术的广泛应用，移动数字媒体技术迎来了空前的发展。在此背景下，手机等移动终端正逐渐改变人类的生活方式，无论是学习、阅读，还是交际、购物，甚至是理财，都由最初的线下转向了流行的移动终端。为了满足用户的需要，移动端各类APP的功能愈加丰富，但是，面对这些错综复杂功能，步骤繁琐的操作，用户常常无所适从。如何既可以合理容纳APP中各类复杂的功能，便于用户理解，又可以使操作更加便捷呢？设计合理且美观的UI界面，无疑是一种有效的解决方式。所以如何让用户感受更加舒适的使用体验应是当今移动端UI设计的重要研究方向。

一、何为“用户体验”

用户体验（User Experience，简称UE）是用户在使用产品过程中对产品产生的直观感受。这一概念是由20世纪90年代中期的一位用户体验设计师唐纳德·诺曼提出的，并最早被广泛认知。用户体验涉及的范围很广，大到一个城市公交车线路的规划、展馆内展区位置的安排、图书馆内导视系统的设计，小至屋内桌椅高度差的确定、数码产品不同功能的按钮位置的次序、网页表单填写后信息的反馈。从移动端UI设计来讲，“用户体验”就是，用户在使用一款移动端APP时的使用体验，如它的页面布局用起来是否方便？它的界面是否通俗易懂？它的整体界面用起来感觉如何？好的视觉体验不仅可以吸引更多的新用户，还能促使用户二次光顾。因此可以说，好的“用户体验”可以带来不可限量的商机。

二、多平台移动端UI设计

UI即User Interface（用户界面）的简称。UI设计是基于人机交互、操作流程、界面美观的整体性设计，其中涉及的理论知识也是多种多样，例如，用户心理学、色彩心理学、设计学等。好的UI设计不仅可以满足用户对于数字媒体产品的视觉需求，同时也可以提升产品档次，增强产品的识别度，还能使操作更加舒适、方便。随着移动媒体的迅猛发展，移动端也向着多平台化演变。移动端已不仅仅局限于手机、平板电脑，如苹果公司于2014年9月发布的iwatch、谷歌公司于2012年4月发布的Google Project Glass等，这些设备也对UI设计提出了更高的要求，界面不仅是传统的比例，一些传统的界面设计原则也将不再适用。因此，对于移动端的UI设计进行深入研究势在必行。

三、用户情感因素对移动端UI设计的影响

说到用户体验，就要从用户的情感因素出发，对产品界面进行策划。凯文·凯利在《失控》中提到：“机器，正在生物化；而生物，正在机器化。”信息时代，人机交互逐渐代替人与人之间传统的面对面交流，当人们不再面对面交流时，对界面的情感要求越来越高。优秀的移动端UI设计，应该从用户体验的表现层、框架层、结构层、范围层、战略层进行细致策划，使产品可以与用户产生“亲切”沟通，与人的情感产生“碰撞”，使数字媒体产品不再是一个冷冰冰的“物”，而是一个更懂得用户的“老友”。

充分考虑用户情感因素的UI设计，可以为数字媒体产品带来更多的商机，在用户使用产品时，良好的情感化设计可以为用户带来更强的幸福感和更深的代入感。一次良好的用户体验，不仅可以吸引用户二次光顾，还可以成为产品的传播者，在这个人人都是自媒体的时代，每个人都具有强大的信息传播能力，由于一次良好的体验，会为产品带来更多新的用户。

四、如何通过移动端UI设计“打动人心”

随着技术的不断发展，数字媒体产品的开发周期越来越短，这就出现在同一类产品中存在多个品牌。如何从竞争中脱颖而出，除了增加新颖的产品功能外，能够与用户建立情感沟通的UI设计也是一个行之有效的方法。那么如何才能令移动端UI设计更能“打动人心”？

（一）提高用户的操作效率。首先，提高用户做出正确操作的几率，减少不必要的操作，以最为简洁的方式完成用户的操作目的。其中最简单的方法就是遵从用户的操作习惯。由于大多数用户在此之前都使用过各类软件，从而形成一个习惯的操作模式。例如，“返回”按钮大多在界面左上角，而一些拓展菜单则大多在界面右上角。由于长时间的操作习惯，在操作时，用户会本能在左上角寻找“返回”按钮。

其次，要减少用户的点击次数。如图1所示，这是时下两款流行的点餐软件——饿了么和美团的点餐页面，如果想要使用订单查询这一功能，由于美团导航页位于界面下方，因此只需点击一次，而饿了么则是抽屉式菜单，因此需要点击两次。虽然相比传统导航，抽屉式导航更加节省页面，但是也增加了用户的操作次数，对一些不熟悉此功能的用户造成了不必要的操作障碍，降低了用户体验。

最后，并不是所有用户网络状况都良好，某些地方可能无法正常接收4G信号，这些用户想要用有限的流量浏览一些图片就会很困难，优秀的用户体验就应照顾到这一群体，如，再刷新一篇文章时可以先刷新出一些关键性的，或者占用流量较少的信息，而一些视频图片等需要占用大流量的信息则可以随后刷出或者不刷新。

（二）降低用户的犯错几率。每一个用户在使用软件时都会出现错误，如何减少用户的犯错几率，或者给予错误一些挽回的方式，也会有效提高用户体验。例如，遵从用户的使用习惯，降低界面的复杂度，就是一个有效且直接的方法。此外，在推出一个新功能时，简洁明了的功能引导页也是行之有效的方法，这些功能引导不但可以使有经验的用户尽快熟悉新功能，也可以让一部分新用户了解此软件的操作方式。好的引导页可以大大增加用户的操作效率，提升用户体验。如图2所示，由于产品加入一些新的功能按钮和操作方式，因此在新版本更新后，打开软件会出现一个使用说明类的引导页。页面介绍简单明了，可以让用户快速了解新功能，避免操作错误，同时引导页字体使用手写体，更具亲近感，在情感上拉近了产品与用户的距離。

除了必要的引導页，逃生按钮也可以使操作界面更加“打动人心”。每一个用户在操作时出现失误是在所难免的，这时逃生按钮就显得至关重要，它可以使用户撤销此次操作，返回上一步重新开始。

（三）简洁直观的操作界面。用户在认识一款移动端产品时，除了产品的具体功能，第一印象往往来自于产品的外观。在进行界面设计前，应做好充分的市场调研，了解用户的喜好和操作习惯。根据调研结果，选择好一个产品的主色调至关重要，例如，商务型产品就应选择稳重深沉的配色，而针对年轻人的产品，色调则应活泼，彰显青春。当下各类移动端产品都找到一个属于自己的品牌色调，如淘宝橙、美团绿、ofo黄，这些品牌色不仅符合此品牌的产品理念，同时也迎合了产品受众的喜好，使用户对该品牌留下了深刻的影响。有了一个合适的主色调，合理的界面布局也就必不可少。例如，手机是最常用的移动端设备，人们在操作手机时大多使用拇指，由于手的大小限制，手机界面操作的热区大多集中在界面右下角，因此在界面设计时，就需要把主要功能、常用功能放入操作热区，使大多数操作可以一手完成。

（四）为设计注入情怀。设计本身就是一项具有情怀的工作，“打动人心”的设计会在某些情感点上触动用户的内心。越来越多的用户已不仅仅满足于完善齐备的功能，更会在意移动应用背后的故事，产品的视觉设计是否可以引起共鸣。好的设计在策划之初就会被注入情怀，在设计的同时，不光关注用户的操作体验，更要关注用户的情感体验。例如，时下火爆的音乐播放器网易云音乐，它在每首歌的下方设置了评论区，每一位听到歌曲的人在评论区写下自己的感悟，而这些感悟又会激起更多用户的共鸣。此时这款产品不仅是听音乐的平台，更是寄托了无数用户的情怀。

如图3所示，这是一款照片编辑软件，同时也可以制作属于自己的明信片，就软件本身的功能而言，就极具情怀，可以让用户轻松制作出具有艺术感的明信片，同时在界面设计上大量留白，删掉了不必要的按钮，使界面干净清新，意味深刻，颇有佛家禅意。这样别具一格的设计，令用户眼前一亮，关注点不仅是产品本身的功能，更有产品为用户带来的情感触动。

五、结语

UI设计在移动端的数字媒体产品设计中是关键的一环。面对技术的不断更新、用户需求的不断提高，需要设计师在设计时关注用户体验，并基于用户的情感因素，对设计进行修改与革新，以符合不同时期、不同用户的需求。

UI设计的最终目的就是令用户操作起来更加方便，其形式是区域简洁化、实用化，在此基础上注重设计的美感。照此趋势，最终UI设计就是省去不必要的界面，让用户在体验功能的同时享受快乐。

感谢以下项目支持：

江苏省社科应用研究精品工程课题，17SYA-033。

江苏省大学生实践创新训练计划重点项目，201710300009。

参考文献：

[1]周峰，李秀梅.以用户体验为导向的电商界面情感化设计[M].设计， 2015，（3）：122-123.

[2]肖施然.设计与用户体验[M].金田，2015（5）.

[3] 贺景卫，成文昊.以接受美学的角度探讨用户体验设计[M].艺术科技，2015，（6）：11.

[4]赵森，王婷.如何提高网站的用户体验[M].城市建设理论研究（电子版），2011（14）.

[5]李雪莲，杨真，许佳. c2c电子商务平台用户体验设计研究[M].美术界，2013，（6）：102.

[6]罗毅.闭合用户体验研究[M].华东理工大学学报（社会科学版），2011，26（2）：111-116.