移动用户体验设计–最佳实践，约束和与开发人员合作

本文概述

• 什么是移动用户体验设计？
• 移动用户体验设计的最佳实践
• 移动用户体验设计约束
• 与开发人员合作
• 绑在一起

通过遵循移动UX设计最佳实践, 了解约束并促进与开发人员的牢固工作关系, 我们可以获得更好的用户体验。

什么是移动用户体验设计？

最近在TechCrunch上发表的一篇文章指出, 在2018年感恩节假期期间, 移动电子商务几乎占所有在线销售额的三分之一, 《数字趋势》在2017年报道说, 如今全球有50亿人拥有移动设备。谷歌还宣布, 移动优先索引已用于其搜索结果中超过一半的网页。

人们每天都依赖移动设备进行通信, 电子商务, 内容消费, 工作, 银行业务, 指示, 并且越来越多地成为他们的唯一计算设备。此外, 他们正在使用各种设备, 例如手机, 智能手表, 平板电脑, 平板手机, 可穿戴设备和混合笔记本电脑。

移动用户体验(UX)设计是指在使用移动设备和可穿戴设备以及在此类设备上运行的应用程序或服务期间的积极体验设计……移动UX设计着重于效率和可发现性。 -互动设计基金会

对于UX设计人员而言, 这些移动设备趋势既代表挑战, 也代表机遇。一方面, 我们必须考虑各种设备及其使用方式。另一方面, 这为UX设计打开了一组全新的重点领域, 这意味着为新一代用户创造积极的体验。

移动用户体验设计的最佳实践

移动用户体验设计很棘手。如前所述, 我们必须考虑很多事情, 包括越来越多的移动设备列表, 人们与之交互的方式以及人们希望在所有设备类型上获得一致且愉悦的体验这一事实。

Google的25个移动UX设计技巧

2015年, Google根据内部研究结果发布了25项移动UX设计最佳实践。这些提示最近进行了更新, 以使它们更新。作者还提供了所有25个技巧的可下载PDF, 非常适合任何移动UX项目使用。

苹果的人机界面指南

方便使用的另一个重要资源是Apple的移动设计人机界面指南。它们以优美的布局易于阅读, 并附有最佳实践, 技巧和Apple自己的设计原则。对于移动用户体验设计师来说, 这些准则是提供高质量用户体验的重要资源。

苹果公司的人机界面指南详细介绍了移动用户体验设计原则(苹果公司)。

其他移动UX最佳实践

这里有一些其他的移动UX设计最佳实践, 可能没有Google所熟知, 但对于移动设计师来说同样重要。

• UX研究。在某个时候, 我们可能会倾向于直接进入模型或原型, 但是, 首先要进行正确的UX研究是不可低估的。始终记住”你不是你的用户”, 在每种情况下, 积极的用户体验都依赖于透彻的UX研究。这是Adobe关于UX研究方法的综合指南, 可供进一步参考。
• 杂乱无章。我们都经历了桌面混乱的焦虑-可以在移动设备上想象一下！每个添加的按钮, 图像, 内容等都使事情变得更加复杂。删除并非绝对必要的移动用户界面中的所有内容是一个好主意。一个极好的建议是努力追求极简主义, 但不要以良好的可用性为代价。通常可以通过在每个屏幕上分配一个主要动作的优先级来实现。
• 优先排序。有一种尝试尝试添加尽可能多的功能的趋势。我们认为遗漏某些东西会以某种方式为用户带来更少的体验。相反, 请根据核心目标高度集中功能, 并通过分析最常使用哪些功能来优化设计, 然后努力使这些功能既直观又令人愉悦。
• 触摸目标。用户轻触某些内容却无反应时, 可能会生气并开始打他们的移动设备。麻省理工学院进行的一项研究发现, 他们正在利用触摸目标太小的物体。最佳做法是创建控件, 按钮, 链接等(任何触摸目标)至少7至10毫米(指尖的平均宽度)。确保这些UI元素之间有足够的间距也是一个好主意。
• 清晰的文字。由于用户所做的很多事情都是基于内容消耗, 因此为了在所有类型的移动设备上提供一致的体验, 请确保选择在多种尺寸和重量下都能正常使用的字体。建议字体大小至少为11点, 以减少眼睛疲劳。干净而易于阅读的字体(例如Google的Roboto和Noto或Apple的新旧金山字体)是不错的选择。
• 用户界面反馈。精心设计的应用程序可让我们在与它们交互时随时了解情况。缺乏良好的反馈可能会使用户感到困惑, 并使他们怀疑事情是否已经发生, 正在发生或为什么会发生/没有发生。最佳实践是根据UI元素或应用程序的当前状态使用不同形式的反馈(声音, 触觉, 可视化)。
• 辅助功能。这可能是用户体验设计, 尤其是移动用户体验设计中最容易被忽视的方面之一。世界人口的15％患有某种形式的残疾。 Web内容可访问性指南是可免费获得的资源, 对于数字设计人员来说, 是其工具箱中的”必备”工具。

可访问性功能(例如语音快捷方式和阅读帮助)是Mobile UX设计的最佳实践(Apple)。

移动用户体验设计约束

大多数用户体验设计师的目的是提供愉悦的体验, 并提出出色的设计, 以实现可发现性(可能采取的措施)和理解(应该如何使用产品)。但是, 对于移动设备, 由于使用这些设备的尺寸, 便携性和环境而引入了一些限制。

储存限制

在处理本地移动应用程序时, 设计人员需要考虑某些用户可能存在存储限制。

与Web应用程序相反, 移动应用程序使用移动设备上的存储权。这会对移动用户体验设计产生影响, 因为它对可使用的视频, 音频和图像的质量造成了潜在的限制。

对于本机应用程序, 我们希望考虑存储限制的移动UX设计。当用户遇到存储限制时, 他们必须对保留什么和删除什么做出艰难的决定。当我们迫使用户做出这些选择时, 这会带来糟糕的用户体验。

屏幕和控件

移动UX设计面临的另一个限制是屏幕尺寸和移动设备上的控件。

手机屏幕更小：通过窥视孔阅读会增加认知负荷, 并使它难以理解。 -网络可用性顾问Jakob Nielsen。

处理屏幕和控件的最佳方法是消除尽可能多的摩擦。重组信息, 注意拇指区域, 减少点击(尤其是在eCommerce上), 并注意通常令人沮丧的登录过程。

移动设备为UX设计提出了一系列全新的挑战(Jaelynn Castillo摄影)。

环境

对于移动设备, UX设计要考虑环境因素。用户脱机的频率要高得多, 并且在整体用户体验中需要考虑这些情况。我们如何将它们带回原处？我们如何确保他们不必从头开始做事呢？

另一个环境因素是分心。当我们使用手机或平板电脑时, 我们经常处于嘈杂或拥挤的环境中, 难以集中精神。当分散注意力吸引用户注意力时, 我们如何确保良好的用户体验？有什么方法可以保存状态并允许我们的用户保存状态？

小屏幕尺寸, 单窗口

设计人员在移动UX设计中面临的另一个限制是屏幕尺寸的限制。因此, 人们一次只能看到一个窗口, 这极大地限制了用户体验。

目前正在努力尝试适应”多屏幕”和”多任务”, 但这些还不是标准, 并且有其自身的限制条件。

具有此单一窗口约束的更好的移动UX的关键在于设计应该是自给自足的。用户需要做的任何事情都应该可以在一个屏幕或窗口内完成, 即, 他们不必离开应用程序来查找信息, 等等。

当用户不得不离开应用程序或打开新的屏幕时, 这增加了整体的认知负担, 这意味着事情变得太复杂和令人沮丧。

人们如何持有移动设备

要注意的最后一个约束是：握住我们的小工具。人们如何握住它们, 这对移动UX设计意味着什么？

根据Steven Hoober的研究, 并在”手指, 触摸和人的设计”第2部分中概述, 发现人们根据其握持方式与设备的交互方式不同, 这随后对移动用户体验设计产生了影响。

人们以多种方式握住他们的移动设备, 并随时改变自己的位置。这会影响他们使用的手指以及与移动UI的交互方式(请参见下文)。事实证明, 用户更喜欢屏幕的中心, 并且他们不喜欢单击过于靠近边缘的项目。

人们如何握住和使用手机(史蒂文·霍伯(Steven Hoober))。

以下是史蒂文(Steven)研究的其他移动UX技巧：

• 针对每个用户以及每种类型和大小的移动设备进行设计
• 针对人们使用设备的各种方式进行设计
• 考虑到在大多数情况下, 用户更喜欢触摸屏幕的中心
• 将关键动作放在屏幕的中半部至三分之二处
• 确保手指和拇指不会遮挡内容
• 可选项目应足够大以便可以轻按

与开发人员合作

无论是否在敏捷/精益的UX环境中工作, 开发人员都必须解释和实现精心设计的设计。最好早日与开发人员建立一些久经考验的最佳实践, 以确保按预期实施设计。这里有一些建议和技巧。

样机

在准备和移交模型时, 请尝试使文件名保持简单, 一致和描述性。这样可以节省很多来回的时间。在与开发者共享模型之前, 最好先完成所有模型的制作, 这样每个屏幕只能收到一个版本。另一个省时的技巧是测试所有与原型的交互, 以便它们正常工作并起作用。共享模型的好工具：InVision和Marvel。

功能规格

UX设计人员完成的大多数工作都涉及项目早期的开发人员, 而通过创建和使用功能规范文档或” Func”来促进对设计过程的持续了解并建立更好的沟通渠道的一种好方法-规格。”

Func-Spec文档类似于架构师创建的蓝图, 不同之处在于它在整个设计项目中与开发人员共享, 并允许他们了解应用程序或网站的功能(相对于UI的外观)。

可以正常工作的Func-Spec的一个很好的例子如下所示：

功能规范(由Miklos Philips编写)是与开发人员合作的最佳移动UX最佳实践。

复制

通常有很多副本存在于模型之外, 需要与开发人员进行交流。这是他们一定会赞赏的想法：

一种简单但有用的将副本传达给开发人员的方法。

如上所示, 上下文可以帮助开发人员了解消息应在何时出现或消失。它应该让开发人员知道发生了什么, 因此他们不必猜测。该消息是将出现的实际副本。使用真实副本, 而不要乱码(例如lorem ipsum)。开发人员不想成为撰稿人, 我们希望使他们尽可能地顺畅。

技术指标

这是与开发人员交流设计的最重要部分之一。 Zeplin和InVision的Inspect之类的工具在这里真正发光, 是因为它们负责交流规格, 度量标准, 样式指南, 字体, 用户体验流程以及设计的各个部分的工作方式。

交流IRL(现实生活中)

设计师喜欢他们的工具。如此之多, 以至于忘了拿起电话, 发起视频通话或走到开发人员并进行交谈, 真的很容易。在交出设计的一部分后, 只需要与开发人员会面就可以节省很多时间, 因为任何问题或细微之处都可以在现场进行讨论。这通常会被遗忘, 但是如果成为正常交接过程的一部分, 那么每个人都会体会到节省下来的时间。

绑在一起

移动不会消失。在2016年, 通过移动设备访问网络的用户数量首次超过了桌面用户。对于UX设计人员而言, 移动技术的日益普及和各种设备类型的普及将使用户体验设计更具挑战性。

出于这些原因, 坚持一套最佳实践, 了解移动设备引入的限制以及与开发人员建立顺畅的工作关系将是实现创造积极的人类体验的设计的关键因素。

• • •

在srcmini设计博客上进一步阅读：

• UI设计最佳做法和常见错误
• 响应式设计-最佳做法和注意事项
• 图标的可用性和设计最佳实践
• 移动可用性基础指南
• 移动应用设计最佳做法和错误