UX用户体验设计 ·

2018年移动端app设计的六个实践性指南

移动APP的开发变得越来越主流,APP能为用户提供更直接的内容和服务。所以很多公司都想开发自己的APP获取用户。

但是,根据“财富”杂志的报道,超过75%的用户第一次打开APP后就再也不打开了。用户希望从APP获得更好快速的内容,更好的操作和更好的体验。所以,我们开发的APP应该适应使用的环境,做到尽可能的易用,让用户有更好的体验。

那么,如何才能成为良好的用户体验呢?25学堂跟大家一起来探讨移动端app设计的六个指南。

 

一、最小化认知负荷

让用户第一次接触到app时的交互(例如认知负荷)困扰越小,app能够保留在用户手机里的机会就越大。

 

1、优化用户流程

优化流程首先要了解用户是如何与app进行交互的。作为设计人员和开发人员,我们应该在整个用户流程的背景下理解用户的目标。这些知识将帮助我们确定任务完成期间最常见的摩擦点。

这里有几个实用的优化用户流程的方法:

a、将大任务分成若干个子任务。如果任务包含用户方所需的大量步骤和操作,则最好将此任务划分为多个子任务。电子商务APP中的渐进式结帐流程就是一个很好的例子。您可以将结帐过程分为多个步骤,每个步骤都需要用户操作。

 

b、使用可以获取到的用户信息。您可能已经有很多关于用户的信息 - 那请正确使用此信息。我们来举打车软件“优步”的例子。优步不会询问用户的位置,优步会根据地理位置数据自动读取当前用户的位置。此时,用户只需要选择目的地就可以了。

 

c、自然的展示下一个操作内容。当任务需要用户完成若干步骤时,通过清楚地显示下一步的情况,可以让用户操作时心中有数,不会厌烦,然后顺利完成剩下的任务。

 

d、标示每个页面的最主要操作按钮。按照这个简单的原则,您可以让界面更易于学习和使用。使用视觉上的突出展示来优先考虑重要元素(例如主要号召性用语按钮的高对比颜色)。

 

2、去掉干扰

良好的用户界面设计主要是能够提供相关信息并避免不相关的干扰信息。

页面上每增加一个按钮,图像,图标都会使页面变得更加复杂和难以理解。电脑上的干扰已经够烦人了,而在移动设备上,因为屏幕更小,所以没有足够的空间放置很多信息,一切从简。

提示:如果要减少某一用户流程页面上的干扰 - 那么只需要显示流程当前步骤中需要的内容。例如,当用户做出选择时,显示足够的信息帮助他们进行选择,然后在下一个页面上显示更多选择内容。

 

3、让导航出现在显眼的地方

所有酷炫的功能和引人入胜的内容如果不被人找到,那么这些功能或内容是没有意义的。

以下是一些关于导航的规则:

a,不要隐藏导航避免隐藏导航,如手势驱动,因为大多数用户很难找到它。

b,一致的导航。开发人员经常在单个页面上隐藏菜单,不要这样设计,因为它可能让你的用户混淆和迷失。

c,标示当前位置。未能指出当前位置是许多APP的常见问题。回答用户“我在哪里?”是好的导航最基本的内容之一。

提示:最好使用标准规范的导航模式 - 比如标签栏(适用于iOS)和导航抽屉(适用于Android)。大多数用户都熟悉这两种导航模式。

 

二、优化媒介的交互

手机不是台式机的小版本 - 它们有自己的细微差别和限制。

 

1、元素应该设计的显而易见

移动用户界面的设计需要清楚地表达哪些元素是可互动的,哪些元素是静态的。

与桌面不同的是,用户可以使用悬停效果来了解某些内容是否具有互动性,但移动用户只能通过点击某个元素来检查交互性。用户应该只要看到某个元素就能够正确预测界面元素的行为方式。

 

2、为手指操作的友好设计

当您在移动界面中设计可操作的元素时,制定足够大的目标非常重要,以便用户轻松点按。作为一个经验法则,控件的触摸面积至少为7-10毫米时,用户才可以用手指准确敲击。这种尺寸的控件使用户触摸它时,边缘仍然可见,用户将能够了解他们是否准确地击中目标。

此外,请确保两个元素之间的位置不要太接近 - 控件之间应有适当的间距以防止错误输入。

 

3、考虑拇指的操作区域

为操作的大拇指设计不仅考虑被点击的目标足够大,还要考虑我们握设备时的方式。

尽管拇指可以操作大部分屏幕,但只有三分之一的屏幕是真正毫不费力的可操作区域。这个区域被称为自然拇指区。其他区域需要伸展手指,甚至需要改变握移动设备的方式才能够着。根据手部位置(左侧,右侧或重叠部分),我们可以看到移动设备的安全区如下图中的绿色区域。

屏幕越大,越难操作。

在为手机设计时考虑所有不同的区域:

绿色区域是导航选项或频繁交互操作的最佳区域(如CTA(号召性用语按钮))。

红色区域是潜在危险选项的最佳位置(如删除或擦除)。用户不太可能意外触发此选项。

 

4、中断设计

我们生活在一个经常被打断的世界。有些东西总是试图分散我们的注意力,并将我们的注意力引向别处。

例如,用户可能在等待火车时使用您的app。设计移动思维至关重要。让用户在中断后返回时更容易重新与应用进行互动。

Twitter是中断设计的一个很好的例子。APP的通知屏幕显示所有最近的通知。只要用户停留在此屏幕上,应用程序不会自动更新列表 - 它只是在列表顶部显示状态“X条新通知”。这允许用户在一段时间后重新与应用程序互动时不会失去目前的位置。

 

4、多屏幕体验

移动应用不是只存在移动互联网中。

例如,移动用户通常在移动设备上浏览电子商务网站,然后切换到桌面进行购买。这种操作需要无缝切换。

Spotify是一个不错的案例。您可以在Mac上设置播放列表,并立即在iPhone上使用。当您在设备之间切换时,Spotify会记住您停止的位置。

 

5、直观的手势操作

使用您的应用所在类别中最适合该应用的手势操作。

为什么?因为手势是隐藏的控件。

正如Thomas Joos 在他的文章“超越按钮:拥抱手势驱动界面”中指出的那样,在用户界面中使用手势的最大缺点是学习曲线。每次用手势替换可见控件时,应用程序的学习曲线都会上升。发生这种情况是因为手势具有较低的可发现性 - 它们总是隐藏起来的,人们需要先能够识别这些选项。这就是为什么使用已被广泛接受的手势至关重要。例如:用于Feed媒体流的应用程序的下拉刷新。

6、使用加载占位图

您的应用程序本应该并且快速响应 - 但是用户的网络情况并不总是稳定快速。

互联网连接可能太慢,如果你不能缩减等待的时间,至少应该尽量让等待的时间变得更加友好愉悦。这时候可以采用占位图加载。

占位图是逐渐加载信息的页面的空白方式。与关注数据加载进度的动画加载旋钮不同,加载占位图将用户注意力集中在真实进度而不是旋转等待时间。

 

 

三、专注于第一次体验

 

就像人一样,你的移动应用没有第二次机会给别人第一印象。

1、良好的用户引导页很重要

也许创建用户引导页的规则是:它不应该是通用的,它应该是有利于使用者使用的原则。

设计师应将用户引导页当作为首次使用的用户创造继续使用的机会。同时,用户引导页应该真正只为第一次使用的人展示。而不应该多次出现。

2、设计错误页

空状态(或零状态)是尚未发生任何状态的状态。这个状态不应该是一个空白的页面,它应该为启动和运行应用程序提供方向和指导。

以Spotify的错误状态屏幕为例。它不能帮助用户理解上下文,并且不会帮助他们找到问题的答案:“我能做些什么呢?”

现在将它与NFL Fantasy的空白状态进行比较。这个零状态使错误消息可读并且有用。简明,有礼貌,有教育意义的文字或插画告诉用户:出了什么问题,可能是为什么。用户应该采取什么措施来纠正错误。

 

四、使用功能性动画来改善互动

 

动画解决了界面中的许多功能问题,同时让人们感受到活力和真正的互动。

1、显示系统状态

当应用程序忙于做某事时,您应该通过显示系统状态让用户知道该应用程序未被冻结。进度的视觉标志让用户对应用程序有一种控制感。

这个应用程序使用动画来通知用户现在正在加载内容

 

2、导航转换

动画是描述状态转换的最佳工具。 它有助于用户理解页面布局的变化,引发变化的内容,以及如何在需要时再次发起切换。

 

3、视觉反馈

在物理世界中,物体对我们的相互作用做出反应。人们希望数字用户界面控件具有类似的响应。

良好的视觉反馈让用户的交互更加舒适。所有的交互元素(如按钮)应该提供完美的视觉反馈。

 

五、人性化数字体验

 

1、个性化

个性化是当今移动应用最关键的要素之一。这是一个与用户联系并以真实感觉的方式,提供他们所需信息的机会。

星巴克就是一个很好的例子。该应用程序使用用户提供的信息(例如,他们通常订购的咖啡类型)来制作特别优惠。

2、令人愉快的动画

与用于提高用户界面清晰度的功能性动画不同,令人愉快的动画用于使界面变得人性化。这种类型的动画清楚表明制作应用的人关心用户。使用令人愉快的细节能够与您的用户建立情感上的联系。

 

六、推送的价值

 

71%的受访者认为,令人讨厌的通知是卸载移动应用的首要原因。

不要仅仅因为可以发送推送而推送通知 - 每个通知都应该是有价值且适时的。设计推送通知时需要考虑以下几点:

1、避免在短时间内发送太多通知

在很短的时间内发送太多通知可能会导致用户无法处理信息并简单地忽略它。尝试将不同的消息合并在一起发送,限制通知总数。

2、推送通知的时间

不仅你想推送的话很重要,什么推送同时也很重要。不要在奇怪的时间发送推送通知(例如在深夜)。推送通知的最佳时间是移动使用高峰时段 - 从晚上6点到晚上10点。

3、使用其它渠道来传递你的信息

推送通知不是向用户发送消息的唯一方式。使用电子邮件,应用内通知和新闻源消息等都可以,根据您想要共享的紧急程度和内容类型通知用户有关重要事件。

 

总结

设计人员经常说,伟大的设计是不可见的,使用它的人关注他们自己的目标,而不是界面。作为一名设计师,您应该努力创造无形的界面,因为这样的界面能够满足用户的需求并提供出色的用户体验。

就像任何其他指南一样,上面提到的提示只是一个开始。确保将它们与您自己的想法混合并匹配,从而做出最佳的设计方案。

参与评论