美学原理9单移动端用户体验设计重点准则 [译]

在做事之衍看看这类似(准则)文章或会从中获得部分提示。不过,我要么无顶推荐这看似文章给跟自家同刚入门的设计师,原因大家还明白。要想当体会设计道路及走远,还是得靠(书籍)阅读和项目推行的累积。


移动端app设计极端要紧之同项事是确保它是有用直观的。如果app没有实用价值,人们切莫会见有任何理由去行使它。如果app非常有因此,但待大量底时日及精力去上学,那人们为未会见错过下它们。

好的用户界面设计将回这些规划问题:

1)为了app对用户是行之,应该以用户为中心开展规划。用户采取你的app,是坐她们待缓解之一个迫在眉睫的题材。因此,这个app应该针对“目的”有个显著的定义。思考什么是你的用户以会见努力贯彻都聚焦的重要对象,并剔除所有无关紧要或从的东西。

2)你的UI界面应该是清晰的。你的筹划的界面必须是能够行得通让应用的,用户要能够分辨出当下是什么与哪些用它们,不会见为用户发生困惑。

此间,我以为以下9独用户体验设计规范是创建好之移位端用户体验的重要性。

1.减去噪声

用户注意力是一个名贵的资源,应该合理分配。杂乱和信过载之界面:每添加一个按钮,图像,或是文本都见面受界面变得还复杂。

当客户端或网站上杂乱之界面体验好不同,如果出现在移动端上虽然糟糕一百加倍。图片来源于:ftrain

法国著名作家Antoine de
Saint-Exupéry说道“达到宏观,并无是好得不克重好,而是好得一些且不多余”在活动端设计中,一个充分重要的事情就是做减法,将那些休是绝对必要的事物删掉,减少这些噪音将会见协助用户增长注意力。

一个简易的法则:一个界面关注一个要害目标。在公设计之APP里面的各个一个界面都得支持但来一个起实在价值的行走。这会爱用户学习、使用,或在必要的当儿便于其丰富和开创。一百只简洁明了底界面好了一个糊涂糟糕之界面。

盖Uber为条例,Uber清楚用户的使对象是以打车,所以于其app上面并无其余的消息烦扰用户:基于地理数据自动检测用户位置,用户唯一要开的哪怕是选取上车位置。

*
*

哼的用户体验的中坚规则之一:减少用户达到目标而投入的资金。

2.给导航显而易见

帮助用户指明方向是每个app高优先级的业务。好之领航应该像相同双双看无展现的手来导用户以。毕竟,即使是极酷的效能,最动人的内容,用户找不顶呢无用。好之倒端导航满足以下几点:

1)移动端导航必须是条理清晰的。你应有运用相当的意符(signifiers)(正确的视觉隐喻),这样的领航不需要另外解释就是得保每个导航元素(如icon)引导用户失去交科学的目的地。

2)移动端导航必须是贯通一致的。不要企图移动导航控件到一个新的职务还是潜伏于不同之页面,这不过见面给用户感到纳闷。

3)移动端导航应该让用户清晰知道当前所处之位置。浏览app菜单,无法指示当前位置也许是最为普遍的失实。“我于何处?”这是水到渠成导航需要应的题材之一。

3.创一个无缝/连续的体会

举手投足端设计无应有是孤立的。创建一个无缝/连续体验贯穿移动端、桌面客户端和机械电脑对而的用户来说是死关键之。

*
*

Apple Music

为Apple
Music为条例,你可装播放列表在你的Mac上,它见面这联合到公的iPhone。Apple方面肯定同时为活动端设计是老大重大之,创建一个无缝/连续的体会贯穿iPhone、桌面客户端以及iPad对用户来说至关重要。

4.企划好的触碰目标

稍加到难规范触碰的目标对用户来说的确是种植打击。特别是公以也移动端界面设计的时段,最好叫你的目标足够大,这样便于用户失去碰。

创造目标控件的尺寸在7-10毫米,这样用户的手指头很随便置于目标范围外,利于该纯正点击触发。当用户触发目标时,目标的边缘必须是可见的,这也他们提供了强烈的视觉反馈,也是为让用户能够纯粹点目标。

*
*

用户界面的控件必须十分到好轻易之受指触发。图片源于:Apple

并且,也使保管于可触及碰目标之内发生足够的空子。

5.清楚的公文内容

与台式电脑比,智能手机屏幕相对较小,这意味着也运动端设计而将面临在对立小的界面里容耐大量信息之挑战。你可能产生了企图将尽心多的消息塞满进去的想法,但您要抵制这种诱惑。

一个概括的规律:文本至少得11pt,这样于例行的读距离下它们是清晰的。

*
*

图形来源于:Apple

充实行高和字间距有利于增进易读性。充足的留白能于凌乱的界面看起诱人和简单。

*
*

好的用户界面有足让人喘息之上空。图片来源:Apple

6.令界面元素清晰可见

使用颜色对比度来协助用户阅读与掌握你的内容。在界面里分好颜色的次第关系,提高可用性。确保元素中时有发生足的色彩对比保证低视力用户能够正常阅读与用你的app。

确保文字颜色和背景中出足够的对照为保险文本可读性。根据W3C
Web内容的但访问性指南(WCAG):

1)小型文本以及背景的百分比最少是4.5:1。

2)大型文本(14pt的粗体/18pt常规体或以上)应该产生一个至少3:1之指向比度。

*
*

匪满足上述建议的公文很不便被用户阅读,图片来源: Apple

对活动端设计吧,有足够的指向比度是极其重要的:用户以户外因为光原因导致屏幕对比度低。

*
*

这浅灰色页面在室内看起不错,但每当户外就坏了,图片来源:usertesting

icon以及另外重大的元素呢理应用方面推荐的比值。

*
*

icon不听命上述提议将死不便跟背景区分,图片源于:Material Design

7.基给手的操控范围拓展设计

Steven
Hoober在他的位移装备以研究当中,发现49%的口指单手一个拇指来触摸手机屏幕。下图你会因颜色辨别出用户和屏幕互动的情况。

*
*

单手操作屏幕的清爽区域。图片来源于:uxmatters

绿色区域代表用户可以轻易动;黄色区域,需要因此手走一段距离;红色区域,则要用户改手握紧设备方式才会接触碰到。手持的职务影响在活动端控件的摆:

1)顶级菜单是雅重点之地方,经常给触发的控件以及常见的操作都出在屏幕的这块绿色区域,因为拇指在该区域有相互是太舒服的。

*
*

Tumblr常见操作,图片源于:Capptivate

2)将消极的作为(比如删除)放置在很不便触碰到的革命区域,以免用户不小心点它。

8.滑坡用户输入需要

于走端上,输入文字是一个慢慢悠悠且易错的历程。因此最好是尽量减少所要输入:

1)保持表单尽可能的简易,移除任何不必要之字段。

*
*

从未丁好填写表单。相对于长如果复杂的表单,那些圈起少使简约的表单用户更易于投入时错开填。图片来源于:Lukew

2)在适用的地方采取机关补全和调用个人数据,最可怜限度的抽用户输入。

*
*

电动补全国家信息

9.测试你的计划性

当以一个很之桌面屏幕上浏览时,所有的走端设计看起还挺好,但于事实上的测试时,近半的app可用性出现问题,不可知正常为运。即使是在用户体验者投入大量生气的倒端设计,在动用的时候吗会暴露出一部分前看无展现底毛病。这就算是为什么被实际用户在差之移位装备及测试是那个主要之作业。对实事求是用户展开可用性测试,你以见面见到您的宏图怎么样吃其履行。把您的app当作一个相接向上之实业,分析用户反映,不断加强产品的用户体验。

总结:

即便像任何设计原理同,上面这些只不过是一个开头,你还是待组合自己的想法不断失去实践。必须记住,你应当为用户失去规划,而无是为着设计师(自己)。


初稿作者:Nick
Babich