作为UI设计师,我们面临的挑战不仅仅是视觉要做的美观,还要考虑到用户痛点和使用产品时的体验感受。虽然一个优秀的APP设计并没有特别严格的界定标准,但是我们需要了解一下在UI设计培训过程中时常犯的一些问题,便于避开这些雷区。
一、让用户等待时间太长
在这个快节奏的信息化时代,人们已经习惯了快速处理问题的方式。比如上班族在换乘地铁的时候,为了赶时间往往是小步奔跑的。我们在饭店吃饭,点完餐总是希望能够很快就能上菜,如果等待时间太久,我们心里就会很烦躁,影响用餐体验。
其实在用户使用产品的时候也是一样的,因为用户的诉求是能够通过产品快速解决他们的问题,用户并不关心应用系统内部是怎么运行的,所以不管在哪一个环节,让用户等待太久的话都会影响用户体验。
我们拿APP里的启动页来讲,启动页是点击应用图标后看到的第一个画面或动画,停留数秒后会消失。之所以需要启动页,原因是启动应用后并不能够马上投入使用,系统需要运行代码和数据读取,这个过程是需要一定时间的,所以设计师会制作比较精美的启动页,让用户把注意力聚焦在画面上,舒缓用户等待的焦虑感,提升用户体验。
启动页在用户每次打开应用的时候都会出现,并且停留时间很短,通常是3秒以内,所以启动页通常也被称为闪屏。我们可以想象一下,如果启动页的时间很长,一下十几秒,即便画面做的很精美,用户也会由于等待时间太久而产生厌烦的情绪,甚至会因为忍受不了而卸载掉这个应用。
二、必须让用户注册
刚打开一个新应用的时候,在深入体验之前我们还无法判断这个应用的价值。如果一上来就需要让用户注册帐号来进行登录使用的话,好像给用户设立了一道门槛,有些强迫的意味。其实只要验证了你的产品是有价值的,用户之后自然就会去注册。站在用户的角度来讲,肯定是不希望经历复杂的注册流程就可以进行体验产品。
这几年商店里很多应用都进行了登录操作的优化处理,比如支持第三方登录,用户不需要输入手机号、用户名甚至邮箱,只需要点一下第三方授权如QQ登录,确认授权后就可以使用产品了,当然你QQ的相关信息这个产品会掌握,不过在这个大数据时代是很普遍的情况。再比如有的应用会支持先用用看,用户不需要登录或者注册就可以进行体验产品,不过当涉及到一些操作的时候(如加购物车、填写资料等),会提示用户进行登录。
还有一种比较便捷的情况,就是直接短信验证码登录,现在应用的也很普遍。当需要登录的时候,用户输入手机号进行校验,然后点击获取验证码,手机会收到一条短信验证码信息,输入即可。这种方式的好处是用户不需要记住之前设置的密码,不存在忘记密码的问题。坏处是当短信验证码获取不及时的时候,用户会很抓狂。
需要注意:采用哪种登录注册方式,取决于具体的业务需求。比如金融类的产品安全性极高,登录不能够一味地考虑流程简单,还要充分考虑到安全性。如果我们抛开了实际业务需求去进行设计的话,是毫无根据也没有意义的。
三、没有有效的引导和提示
在虚拟的世界里人是缺乏安全感的,用户在面对一个新的情境需要系统给予一定的引导和提示,告诉他们下一步该如何操作,增加掌控感。在每个APP里,视觉线索是重要的组成部分,它们为用户介绍产品有什么样的特性、当前处于什么状态、应该怎么操作、操作之后会带来什么结果。我们在设计的时候需要给用户必要的有效引导提示,避免用户产生迷茫的负面情绪。
比如引导页,当用户刚下载一个APP或者当APP更新的时候,会有引导页。引导页的作用就是为用户进行产品介绍,让用户对产品有一个大致的了解,在操作遇到困难之前给用户提示引导。
当用户在某个操作流程中,需要根据用户所处的不同状态, 给到相应的反馈提示,做到让用户对当前页面信息可理解、可操控。
四、忽略一致性
同一个APP需要确保设计语言、设计风格和交互方式的一致,不然用户会觉得进入了不同的APP,产生混乱。如果一个商务风格的产品,登录页做的很酷炫,那就很不搭调了。同样,一个严肃规矩的金融产品,图标绘制的萌萌哒,也不和谐。
一致的设计会让用户快速适应产品,对其它不同页面也有了预期,能降低用户的学习认知成本,这也是易用性的体现。比如在视觉设计中我们用一个圆角矩形作为按钮,那么尽可能一直沿用圆角元素作为类似的特定按钮操作。另外还要保持布局的一致性,便于用户进行浏览信息,也便于团队内部形成一套统一的规范。
对于设计而言也有例外,举个例子一个中规中矩的教育学习平台,它里面有一个积分兑换抽奖的页面,为了增强活动运营感,积分兑换页面做的很活泼,营造热闹的氛围,这也是没问题的。我们应该听过一句话,“设计没有绝对的唯一标准”。
五、缺乏识别性
不管我们做图标设计、Banner设计、页面信息处理还是别的,识别性都是很重要的,你想传达给用户什么信息?你这个图标设计的意图是什么?你设计的Logo能从众多产品中轻松辨识出来吗?这都是我们设计师要考虑的。
举个常见的例子:APP的图标设计,不管你是什么类型的产品,图标传达含义的功能必须放在首位,能够被用户快速辨认、快速理解、快速操作。如果图标失去了识别性,就失去了实用价值。虽然现在互联网产品层出不穷,用户的习惯也已经形成,但是对于一些复杂的图标来讲,图形化的表达是具有局限性的,我们需要给图标加上文本标签的形式,便于用户快速辨认,提高操作效率。
六、滥用动效
随着技术和硬件设备性能的提升,动效已经是很常见的了,在UI中的动效不再只是作为装饰丰富效果,而是具备功能性意义的,能够通过视觉化的方式让用户更容易理解产品的操作,也利于设计师表达情感,让产品充满活力。
动效虽好,可是不要滥用,动效是有使用原则的,我们要避免为了做动效而做。动效存在的意义是为了帮助用户理解操作,提升用户效率的,动效时间不宜太长,避免拖沓节奏。同时要注意实现成本可行性,如果你花了很多功夫做了一个非常酷炫的动效,结果程序员GG告诉你不能落地,这就很尴尬了。在Dribbble等平台上有很多人发设计稿进行炫技交流,不过你会发现大多都不能落地,我们在实际工作中要注意考虑到商业需求,不要一味参考网上的设计稿。
下图这个动效设计,看上去觉得很炫,其实代入到真实使用场景的话,你会觉得不太实用,有些拖沓节奏,当这个属于高频操作的话,用户长期下来会不耐烦的。
七、糟糕的层级处理
信息层级处理的不得当,这是刚入门的小白设计师最容易犯的问题。不管你的产品宣传的多好,噱头吹的多响,当用户真正体验的时候如果发现页面设计的一团糟,那么很抱歉,用户连看都不想看。
我们进行着手设计的时候,不论是面对APP、宣传册、网页还是别的,文本的主次关系、元素大小、颜色使用、内容排版等都需要去考虑。根据产品提供给用户信息的重要程度,进行信息层级的规划梳理以及相关的视觉方面的设计工作。要注意千万不要想当然地设计,需要将自己代入成用户,想想用户在这个页面中希望快速获取到什么重点信息,这样才能做出贴切合理的设计。
以上是今天跟大家分享的内容,希望大家在做设计的时候能多多地思考,做出合理易用的产品。下一期文章会专门跟大家聊聊关于界面层级处理的问题,各位小伙伴们下期再见咯~