七个用户体验设计的小提示,助你建最佳的移动设计
好的规划处理了这两个疑问:它明晰重视用户的首要方针,并经过界面明晰度消除用户的一切妨碍。打开网页时,一般会显现登录墙。请记住,过早的强制注册也许致使超过85%的用户放弃商品。鄙人面的示例中,Soundcloud请求用户登录才能拜访运用的内容。
用于Android的SoundCloud运用程序请求用户在初次发动时要创立或登录帐户。没有其他的途径。
商铺结帐时经常遇到登录墙。电商网站和运用程序的规划师以为,经过登录,用户将能够运用曾经保存的帐户信息,因而不需求输入其邮递地址和信用卡号码等信息。即使Amazon也有这个疑问——不供给客人结帐选项的服务。
亚马逊强制用户在退出之前注册或登录。
注册选项也许会被客户结帐选项安全地替换。在用户经过结帐时缓慢收集数据,购买后请求输入优惠券代码的暗码,如“Smashing Magazine”。
Smashing Magazine的结帐表。
避免信息超载
“信息超载”一词由Hunter College政治学教授伯特兰·毛特(Bertram Gross)在1964年“The Managing of Organizations”工作中创造出来。信息超载的总界说如下:
当体系的输入量超过其处理才能时,会发作信息过载的现象。决议计划者的认知处理才能恰当有限。因而,当信息发作超载的情况时,决议计划的质量也会降低。
信息超载是一个很严重的疑问,阻止用户做出决定或采取行动,因为他们以为他们有太多的消费信息。有一些简略的办法来最大程度地削减信息超载。一种多见的窍门是分化。结帐表是一个极好的比如。经历法则是一次显现最多五到七个输入字段,并将结帐分化成页面,必要时逐步公开字段。
分化使表单看起来更少,特别是当你从用户那请求大量信息时。(图画:Murat Mutlu)
2、隐形用户界面
使内容成为界面。
内容在大多数运用程序中供给价值。无论它是一个是社交源,新闻更新,待办事项列表还是一些技能,如体系仪表板,内容即是大家在这里的因素!这即是为啥重视内容并删除不支撑用户使命的不用要的元素。思考到他们的注意力削减,应当将用户迅速引导到他们要找的内容。 内容即是界面。
地图
Google地图是一个极好的比如。为了从头规划,Google删除了一切不用要的面板和按钮,称该地图为界面。
卡片
能够用作界面的另一种形式是card-style design。卡片是显现可操作内容的好办法,因为它们答应内容自然地显现出来。
卡片激励探究。(图画:Ramotion)
Swiss Air的运用程序即是一个多见办法的比如。在票价表中,每排成为折叠的手风琴,假如需求能够打开。
Flipboard是界面中卡片的另一个极好的比如。 Flipboard是一个个性化的杂志,汇总来自新闻源和社交媒体网络的内容,使你能够发现和共享故事。
每张卡片都是可消化的有关信息。
3、呼吸界面
运用空白区域引起对重要内容的重视。
白色空间(或负空间)是规划元素周围的空白区域,这一般会被疏忽。尽管一些规划师以为这是浪费宝贵的空间,但它是移动规划的一个根本要素。Jan Tschichold说:
白色空间被以为是一个主动的元素,而不是被动的布景。
削减紊乱
界面超载了太多的紊乱信息。增加的每个按钮,图画和文本行都会使屏幕更加杂乱。
桌面上的紊乱很差劲,在移动设备上是有一百倍的差。(图画:ftrain)
正如Antoine de Saint-Exupéry所言:
“当没有啥可带走的时分,完美就能够实现了。”
摆脱移动规划中不是绝对需求的东西,因为削减紊乱有助于提高理解才能。一个简略的经历法则是每个屏幕都有一个首要动作。为运用程序规划的每个屏幕应当支撑对运用它的人的一个真实有价值的动作。在必要时更便于学习、运用、增加或树立。
优先内容
白色空间十分有助于可读性和内容的优先级,而且还能够进行视觉布局。因而,它能够简化用户界面并改进用户体会。
遵从你规划中的“少即是多”的准则。 (图画:Material Design)
4、简化导航
导航应激励用户参加并沟通你所供给的内容。
帮助用户浏览应当是每个运用程序的高优先级。移动导航必须是可发现且可拜访的,并且必须占用很少的屏幕空间。但,因为小屏幕的局限性以及Chrome内容优先级的需求,使得移动设备上的导航能够拜访是一个挑战。
在为移动运用规划导航体系时,请思考一些惯例的经历法则:
(1)了解你的用户
导航应适应大多数运用程序的用户需求。每个方针群体期望与你的运用程序进行某种类型的交互,因而使这些期望符合您的需求。
(2)优先导航选项
将不相同的优先级(高,中,低)分配给普通用户使命。在用户界面中杰出显现具有高优先级和频频运用的途径和目的地。运用这些途径界说您的导航。
(3)使之可见
Jakob Nielsen says,认识一些东西比记住它更简单。经过操作和可见选项,最小化用户的内存负载。导航应随时可用,而不仅仅在我们预期用户需求的时分。
(4)运用视觉沟通
Icons 和其他图形元素应帮助用户了解菜单选项。想想购物车图标;它作为签出或检查项目的标识符。用户不用思考怎么导航进行购买;这个元素会引导他们进行恰当的动作。
(5)当前方位的沟通
“我在哪里”是一个底子的疑问,用户需求一个答案才能有效地导航。未能指出当前方位是许多运用程序中的多见疑问。想想方位目标。
(6)使其易于交互
使菜单的选项big enough to be easily tapped。太小或太靠近的项目关于移动用户来说是一个巨大的波折来历。
(7)丈量用户的参加和保存
参加是你的商品所需求的第一件事,因为这是大多数公司实践赚钱的地方。保证丈量跟着时刻的推移,用户 保存运用程序的成功。
即使是那些熟悉一切这些规则的规划师,终究还是会创立一些让人困惑、难以操作或难以找到的菜单。
导航用户界面形式是好的可用性的捷径。让我们看看一些比如
切换菜单
依托菜单控件来简化移动界面(特别是在小屏幕上)是很诱人的。可是,躲藏这些菜单背面的运用程序的要害部分也许会危害运用。躲藏的导航降低了参加度,减缓探究和迷惑人。
尽管与切换菜单(右)的界面看起来比具有分段控件的界面(左)更明晰,但后者现已取得了更多的参加。图画:Luke Wroblewski)
以更显着的方法公开菜单选项增加了参加度和满意度。
标签栏
标签栏和导航栏十分适合具有相对较少导航选项的运用程序。该形式在iOS和Android上都采用。标签是巨大的,因为它们在前面经过一个简略的点击,显现一切首要的导航选项,用户能够当即从一个视图到另一个视图。关于这种类型的导航,我强烈主张运用标签进行导航选项。不要让导航像猜测游戏。
标签栏经过一次点击能够使主导航选项可用。(图画:Ramotion)
分段控制
假如只有几个目的地,能够运用分段控件。与标签栏相同,一切选项都能够当即显现,只需点击一下即可拜访。
全屏导航
这也许听起来与我所说的节省屏幕空间相矛盾,但全屏导航或许是一个不错的选择。根本上,它是一个页面(一般是主页),列出一切导航选项。尽管将无法显现任何内容,但全屏导航形式关于简略性和连贯性很有优点。一旦用户决定要去哪里,那么你能够将全部屏幕空间用于内容。这种类型的导航在基于使命的网站和运用程序中运转良好,用户正在专心于完成十分详细的使命(例如,检查航班或更改手机上的设置),或许在一个会话时期将其限于一个分支(例如,假如他们在一个特定的服务或商品中被躲藏)的导航层次构造。
Cookly运用全屏菜单,图画设置准确的心情,并刺激用户与运用程序互动。(图画:Patrick Wong)
当你运用层次构造树导航时,这种类型的导航是极好的——例如,当你的菜单具有包括七个首要选项时,每个选项包括子种类层。
图画:Dennis Kardys
查找框
假如查找是你的运用程序的首要功用,则需求在人员面前。不要躲藏它或许将其显现在屏幕的顶部,或许是具有激活查找形式的可见参阅(放大镜图标)。
假如查找是你的运用程序的首要功用,请将其显现出来,因为它也许是让用户最快地发现途径。 (图画:Think With Google)
5、单手操作
适应你规划的大屏幕。
跟着iPhone 6和6 Plus的发布,显然屏幕尺度将会不断扩大。
以下是大家把握手机的三种根本办法:
大家把握手机的根本方法。 (研讨:Steven Hoober)
据史蒂文·霍伯(Steven Hoober)的研讨,85%的用户用一只手运用手机。以下热图显现了自2007年以来每个iPhone显现屏尺度的拇指区域。你能够看到显现屏越大,屏幕越不易拜访。
依据Scott Hurff的研讨,右撇子的拇指区域
调整你的规划以改进用户体会。保证你的运用程序能够轻松地(彻底)在一个大屏幕(如iPhone 6或7)上运用。
共同操作和导航的绿色区域
将顶级菜单,常用的控件和常用操作项目放在屏幕的绿色区域中,用一个拇指就能够轻松地到达。
在iOS的Pocket运用程序中,一切导航控件都在页脚中。当手机坚持正常时,能够便利地到达。 (图画:Dmitry Kovalenko)
损坏操作的红区
因为你不期望用户不小心点击这些操作,请在难以到达的红色区域中放置损坏性的操作(例如删除和铲除)。
Apple的Mail运用程序中的“修改”按钮处于难以到达的区域。
6、速度的外观
不要让用户等候内容。
尽管即时呼应最好,但有时你的运用程序将无法到达速度的规范准则。缓慢的呼应也许是因为Internet衔接不良引起的,或许操作也许需求很长时刻(例如装置操作体系的更新)。尽也许地使运用程序迅速呼应。
屏幕架构
让大家知道,运用进展目标会有一段时刻。话虽如此,尽管进展目标的目的极好,但结果也许是坏的。正如 Luke Wroblewski mentions,“进展目标的界说是要注意有人需求等候的事实。就像看时钟相同——当你做的时分,时刻似乎变慢了。”进展目标有一个极好的选择:屏幕架构。这些容器本质上是页面的临时空白版别,逐步加载信息。而不是显现一个加载指示器,运用屏幕架构来专心于实践进展,并创造对将来的预期。这意味着工作正在发作,跟着信息逐步显现在屏幕上,大家看到运用程序在等候时正在进行中。
跟着内容逐步加载,屏幕架构会填满用户界面。(图画:Tandem Seven)
Visual Distraction 视觉涣散
请记住,认知作为初始速度相同重要。假如一个运用程序让用户在等候时看到风趣的东西,他们将不太注意等候本身。因而,为了保证大家在等候工作发作时不会觉得无聊,会引起涣散。
创意进展目标能够削减用户对时刻的观点。(图画:Creative Dash)
布景下的运作
在后台做工作,使即将发作的动作显得很快。打包到后台操作中的操作有两个优点:它们关于用户是不行见的,它们发作在用户请求它们之前。
在Instagram上载图画的进程是这个技能的一个极好的比如。该运用程序提早上载照片。一旦用户选择要共享的图画,运用程序就开端上载;当用户预备按“共享”按钮时,上载完成,用户能够当即共享他们的照片。
Instagram约请用户在后台增加标签作为图画上载。
7. 定时推送告诉
在发送音讯之前先思考两次。
天天,用户都被无用的告诉轰炸,干扰他们的日常活动,且令人厌烦,厌烦的告诉是大家卸载移动运用程序的首要因素(依据71%的受访者)。
以下是拟定以用户为中心的告诉时要记住的四个准则。
移动的方针即是给每一个音讯计数
发送推送告诉时也许发作的最多见的过错,长期来看最具损坏性的是向用户发送比他们能够处理的更多的告诉。不要用推送音讯压倒用户,否则终究也许会彻底删除你的运用。
不要同时推送一切告诉。
推值
当用户开端运用你的运用程序时,他们不会介怀收到告诉,只要它们取得的值足够大于中止。不要发送推送告诉,仅仅为了“招引用户”。例如,Facebook一般会发送告诉,约请用户衔接到随机主张的人或“在Facebook上查找更多的兄弟”。这是一个当用户回到运用程序时的差劲尝试。此外,它会中止用户不有关的警报。
不要怀念地将用户引导回运用程序。
个性化内容以激发和高兴至关重要。Netflix会细心运用观看数据来呈现定制的主张。
Netflix十分适合个性化推送告诉,让用户知道他们最喜欢的节目是不是可用。
时刻告诉
将你的告诉定制到用户,而不仅仅是你所说的内容,而在于你说的时分。不要在奇数时刻发送推送告诉。上午12:00至下午6:00发不正常的告诉,也许会运用户醒来或打乱用户:
当然,用户在睡觉时老是能够禁用告诉,但这不是一个极好的处理计划。一个真实的处理计划将是发送告诉,这关于用户来说最便利,除非是当即告诉他们的要害。According to comScore,推送告诉的好时机是下午6点到黑夜10点。一直按照用户的时区推送告诉。
在过错的时刻,过错的地方发送了许多推送告诉。(图画:Pomegranate)
多元化你的音讯
最有效的移动音讯战略是运用不相同的音讯类型:推送告诉、电子邮件、运用内告诉和新闻源的更新。多元化的音讯传递——你的音讯应当在完美的调和下工作,创造出一个巨大的用户体会。
依据紧急情况和内容选择准确的告诉类型。(来历:Appboy)
结论
与任何其他规划元素相同,这里共享的提示仅仅一个开端。保证将这些想法与你的规划匹配以取得最好效果。请记住,规划不仅仅是为了规划师——它是为用户。将你的运用视为不断发展的项目,并运用分析数据和用户反应来不断改进体会。