用户至上:移动UI设计实战指南
上QQ阅读APP看书,第一时间看更新

前言

本书适合什么人

这是一本讲解用户体验设计的书,能够给基础薄弱和在设计时遇到瓶颈的UI设计师提供一套系统和完整的学习方法,帮助他们提升用户体验设计方面的能力。书中的内容结合了笔者多年的工作经验和设计技巧,非常适合UI设计师阅读和学习。

对于很多的UI设计师来说,无论是想“跳槽”,还是想加薪,用人单位都会强调设计师一定要懂得用户体验。大多数UI设计师对用户体验的认识不是很深刻,当被问到自己的作品的设计思路时,除了介绍下作品的配色和版式之外,就只能抛出“因为用户体验更好”这句话了。希望本书能够为大家解答用户体验方面的疑惑。

为什么本书重点介绍用户体验

这是一本设计类的书,重点讨论用户体验方面的内容。讲用户体验方面的内容的原因有两个。一是对于现在的设计师来讲,他们的差距已经不在设计能力上了,而在对用户体验的理解和把握上。例如,只要在Dribbble或Behance网站上出现了比较有创意的设计稿,大家就能很快地模仿并做出比它更好的设计稿,然而也仅限于模仿页面,很难理解原作者为何要这么设计。二是现在用人单位很重视设计师对用户体验的理解,对设计师的要求已经不再是把页面做得好看就行,而是需要设计师能更好地从用户角度出发,做出让用户觉得好用的页面。

本书从用户体验的角度出发,向设计师传达UI设计的两个目的:推动用户行为和传递产品理念。一般来说,用户使用App的流程:产生一个动机——在一定的场景下——在页面上进行操作——页面反馈一个结果。这整个过程中,设计师需要弄清楚目标用户是谁,用户使用的页面功能是怎么样的,以及用户是否能顺利地得到想要的结果。设计师可以通过UI设计将用户引导到正确的使用路径上,同时把产品理念传递给用户,让用户和产品建立起情感,提升用户对产品的忠诚度。

2013年,苹果公司发布的iOS 7系统推翻了其之前的拟物化设计风格,采用全新的扁平化设计风格,这件事既有一部分人叫好,也有一部分人反对。叫好是因为设计师们终于不用为了适配不同的Android手机而做多套设计稿了,也不用为了适配Android手机需要切“点九图”而折腾很久。反对的这部分人有些不是UI设计师,其中有一部分人是用户体验设计师和产品经理,他们觉得对于用户来说拟物化设计风格更容易被理解。例如,页面上的按钮是凸出来的,看起来就像是墙上的电灯开关,用户一看就知道如何操作。而扁平化设计风格的系统UI的引导性就没那么好,页面上的控件看起来很平,大家担心用户使用起来不方便,又或者用户需要花大量时间去学习和接受这些控件样式的变化。但经过一段时间发现,用户并没有反感,反而还很喜欢这种简洁干净的页面。因为与拟物化设计风格相比,扁平化设计风格给人最直接的感受是页面上的信息更清晰。拟物化时代的设计师拥有的优势瞬间消失,之前能使用的那些技巧现在用不上了,此时的设计师面临的最大的挑战是怎么安排控件的位置、大小,以及页面中元素与元素之间的距离。在2013年之前,手机屏幕的尺寸很小,设计师要保证在这么小的屏幕上既能让元素有较高的可读性,又能让操作热区有效,因此用户体验设计渐渐受到重视。后来的iOS 11系统又重新定义了UI设计,除了其页面上的标题文字变大了以外,还做了其他一些小的改变。当真的去深入研究之后,可能你会发现,现在的UI设计更重视结构规划。在苹果的应用商店中,除了下载量排在前列的几个App以外,对于大家费尽心血做出来的其他的App,用户可能只会在其上停留1~2分钟。对设计师来说,如何在这么短的时间内把主要的信息传递给用户才是真的挑战。

美观是设计的目标,但设计师更要重视的是用户体验设计。首先,UI设计师在用户体验设计方面的造诣能够直接体现在自己的作品中。设计出来的产品是否受欢迎,这是衡量设计师设计的产品是否有价值的指标之一。其次,UI设计师重视用户体验设计能让自己的能力得到提升。老实说,现在很多的App页面都大同小异,甚至有些页面已经有标准的设计模板,如手机号注册页面、购物车页面和订单管理页面等。设计师如果还停留在只会画页面这个层次,那么他对其所在公司来说已经没有太大的价值了。能在画页面的同时,还能讲出每个页面上信息安排的原理,这才是设计师应追求的状态。以设计注册页面为例,设计师可以将这些观点阐述出来:一是讲出注册的主要目的;二是将引导文案进行精简,并突出输入框和“下一步”按钮;三是根据运营给出的用户转化率数据衡量这个设计方案是否有效,然后找出问题并更新设计方案。如果能做到这些,那么这类设计师必定是公司重点挽留的人才。

接下来的几年,设计师面对的挑战不光是理解用户体验设计,还要学会应对技术革新带来的变化。例如,VR技术与全息投影不仅要求设计师做好页面和体验,还需要设计师对材料和实现方式进行深入了解。这里也向大家强调一点:做设计,只有不停地学习和努力,才能做出更好的作品。

最后,感谢人民邮电出版社数字艺术出版分社对笔者的支持,该社出版过很多相关行业的优质书籍,对这些行业从业者的帮助非常大。特别感谢笔者太太曹馨这么多年对笔者的工作和事业的支持。本书献给笔者的儿子李锦恒,希望他成为一个有梦想的人。

版权声明

本书引用了大量市场上的App截图,以解释用户体验设计是怎样在UI设计中起到实际的作用,在此特别感谢这些页面的原作者和相关机构为本书提供了很好的参考。如果本书在引用的内容上对原作者和相关机构造成了困扰,欢迎及时联系笔者,笔者会在下一版中及时补充或更正。

芒果道长