移动应用设计的 UX 设计原则

什么是一个伟大的移动应用程序?是它吸引用户或帮助他们完成工作-也许两者兼而有之?为什么一些具有如此基本的 UI 设计的应用程序成为最成功的网站和应用之一?

这主要是因为他们遵循正确的用户体验设计原则。在这篇文章中,我们确定了在原型设计工具中设计应用时应练习的最佳 UX 原则,以及在操作中运行它们的一些示例。

内容优先级

由于可用屏幕不动产有限,内容优先级是移动应用最重要的 UX 设计原则之一。大多数可用性原则都规定,我们应始终根据用户来确定内容的优先级,但在移动方面,此设计原则更为重要。

为此,我们需要确保每个屏幕上只显示必要的内容。如果它不需要在那里, 把它拿出来, 因为它用完了珍贵的屏幕房地产, 给 Ui 一个杂乱无章的感觉。确保更紧密地关注核心功能,并确保每个页面围绕不超过一个主要功能展开。

为了使内容有效,您最好在开始用线框工具设计 UI 之前将其规划出来。这将涉及事先进行一些用户研究,并获得产品要求列表,以及设计一个信息架构。一旦您这样做,您可以开始为您的每个核心功能或内容设计基本屏幕流。

 

引导

引导阶段是一个强制性的 UX 原则,在用户保留方面具有所有差异。

提供应用最基本的核心功能的简要演练。让用户使用这些功能执行快速任务。在每一步中奖励他们将激活大脑的奖励中心,导致小多巴胺击中。即使奖励只是采取一种意想不到的或古怪的微观行为的形式,或游戏化的经验,并给他们点(但使它容易)。

请记住,用户的每一次互动都是一次学习的机会。逐步显示二级和三级功能,用户对应用越满意。加载屏幕也是向用户传授额外功能的好方法,因为他们等待页面或功能加载。

这也是一个很好的阶段,询问他们有关通知。毕竟,您的应用程序是其设备和生活中的访客。让他们选择是否要在登机过程中立即在您的应用上注册时收到通知。

 

触摸屏友好型元素

使按钮等元素可点击是与效率相关的关键 UX 原则。当移动用户界面没有多余内容杂乱无章时,您将能够利用该空间,确保用户将要与之交互的任何元素都足够大。

按元素,我们指的是按钮、CCTA、滑块、切换按钮以及典型的手风琴和下拉列表的扩展和最小化选项。

此 UX 原理遵循的典型经验法则是确保您设计的按钮至少大于平均手指直径(15mm)。要了解更多关于如何设计按钮的真棒用户体验,看看我们的按钮设计后。

 

清晰易读的文本

在移动应用设计方面,可读性的 UX 设计原则至关重要。仅仅因为屏幕尺寸较小并不意味着您的文本应该是。毕竟,人们的视力不会突然根据他们使用的设备而变得更好,所以使用足够的字体大小是有意义的。

除了大小,您还应努力确保您使用的字体是可读的。您可以使用字体实现品牌、个性和风格,但始终确保其可读性。

为了获得最佳的可读性,我们建议大多数文本使用无衬线字体,包括说明、博客内容、消息、警报和按钮。赫尔维蒂卡和普罗西玛诺瓦是一些最多产的例子。对于标题,您可以使用衬线字体来区分,如加拉蒙德或时代新罗马。不过,理想情况下,您实际上不应该使用两个以上的字体家庭,这些家庭不应该有很大差异。

如果您需要在所使用的字体中创建一些不同的字体,您可以始终使用不同的重量和样式,如粗体和它,以及稍微改变一下大小。

 

普通手部位置的控制

移动用户UI相对于用户手的控件位置是一个 UX 原则,该原则将让您与用户很好地配合在一起。

当谈到汉堡菜单之类的东西时,人们的普遍共识是让它们位于右上角,因为通常人们用右手拿着移动设备,用拇指或手指导航。因此,除了其他控件(如在 Gmail 中撰写新电子邮件的典型浮动"组合"图标)外,您还经常会看到贴在 UI 右下角的典型背对顶按钮。

 

最小化数据输入

最大限度地减少移动设备上的数据输入非常重要,也是提高效率以尽量减少错误的重要方法。在移动设备上,人们将移动,并且时间会更少。在某些情况下,他们可能比坐在桌面上用键盘和鼠标更灵巧。

在表单方面,尝试自动使用尽可能多的数据输入功能。使应用程序能够记住电子邮件和密码。对于搜索栏,在可能的情况下应用自动预测功能,并使用日期选择者或多个选择问题的下拉列表。

 

遵守原生设计系统规范

正如我们上面提到的,在为 Android 或 iOS 等平台进行设计时,您应该始终考虑以下系统:iOS 的人类交互指南和 Android 的材料设计。

原因是因为你应该设计你的应用程序,以表现得像一个iOS或Android应用程序。例如,iOS 用户将期望应用的导航行为与 Android 用户的行为不同。他们也会期望它看起来不同——它应该无缝地合并到iOS环境中。

另一个最重要的是要确保应用的控件不会干扰原生控件。例如,在为 iOS 设备设计应用时,始终使用原生 iOS 下拉列表,并且,正如我们上面提到的,切勿干扰 Android 设备上的停靠菜单栏。

 

移动用户设计

当您创建移动应用将具有的屏幕和交互设计时,您需要考虑许多用户将移动。对于此 UX 原则,为站在拥挤的公共汽车、地铁或火车上的人进行设计是有帮助的。

当您将用户的运动考虑在您的设计中时,将我们上面提到的数据输入需求降至最低是有意义的。但理想情况下,您的移动应用也应该提供足够的对比度,以适应用户可能发现自己拥有的各种照明条件。

在一个特别晴朗的日子,这意味着会有很多眩光。确保背景、元素和文本之间有充分的对比,将有助于提高可用性和有效性。

但是,您还需要考虑照明不足的情况。在这种情况下,拥有明亮、耀眼的屏幕并不是最佳选择,而且会很快使用户的眼睛疲劳。因此,它还有助于为您的移动应用设置黑暗模式。确保您仔细考虑品牌的调色板和徽标在光线和深色背景下的工作原理。

 

无缝多渠道体验

如今,用户拥有不同的设备,您希望确保他们使用的各种渠道的体验保持不变。要做到这一点,重要的是要了解您的用户旅程中您的应用适合他们的生活,以及他们在哪个时间可能使用您的产品。

确保您使用特殊的网格进行设计,以确保设备的内容和UI 布局能够完美缩小。下面就是一个很好的例子。确保在品牌方面,您的产品在用户将拥有的所有接触点中与它相呼应。

最后

在许多情况下,成功之路实际上取决于产品的目标和背景。但是,此列表中的这些 UX 原则可被视为在所有数字产品中具有普遍性,无论是网站还是移动应用。

许多这些 UX 设计原则归结为对用户的基本同情和常识的混合,但是,当你在整理一个真棒 UI 时,很容易忽视这一点。然而,我们希望这个列表中的例子能提醒我们惊人的UX设计的简单性。

原文作者:Joseph Downs

本页面最后更新于 2021年06月04日 15:42