👩🏽‍🔬 🚚 🤵🏽 移动应用程序的30点UX清单 👷🏻 👨🏾‍🚀 👨🏿‍⚖️

本文提醒您在将应用程序发送到AppStore / GooglePlay之前，需要仔细检查应用程序的设计。该列表分为主题块：

登录/注册
初体验
日常互动
通知事项
帐号设置
色带
搜寻
AppStore / GooglePlay

本文是在EDISON Software（一家开发应用程序和网站，还处理用户界面的公司）的支持下翻译的。

1.登录/注册

1.屏幕保护程序

启动应用程序时显示启动画面。这是用户首先看到的东西，即使在开始工作之前，也能给产品留下第一印象。

徽标闪屏由Gleb Kuznetsov撰写

Uber的 Rider启动过渡

以下是制作优质屏保的一些技巧。

2.忘记密码

普通人在90个需要密码的在线服务中注册。因此，密码通常被“忘记”。据统计，有 21％的用户忘记密码2个星期，而25％的用户每天至少忘记一次密码。如果您的应用程序需要密码，那么请注意密码恢复表。

忘记密码流，由伊曼纽尔·托雷斯（ Emmanuel Torres）

2.初体验

3.欢迎屏幕/首次运行说明（入职）

入职是一个UX设计术语，表示如何了解用户如何处理您的应用程序，如何导航它，单击何处。良好的入职机会会增加“新来者”成为“永久性”的可能性。

Cuberto的动画入职体验

这里有一些很好的入门技巧。

这是入职的创意概念。

4.屏幕显示成功确认数据的通知

许多移动应用程序要求确认邮件/电话。用户完成所有必要的操作后，将出现有关数据确认操作成功的通知。

Diana Caballero的确认画面

对于此屏幕，至关重要的是确保：

能够再次发送确认码（对于手机）
有关如何查找确认消息的说明（按标题搜索，垃圾邮件搜索等）（用于邮件）

5.“尚无内容”的存根

内容是用户安装大多数应用程序的目的。考虑一下用户设法浏览的地方，还没有内容，这很重要。这些未开发的地方不能为空。

除了留下空白，还可以插入有关下一步操作的教程或说明。

简约职业应用程序为空状态

6.默认用户头像

大多数用户（根据Jared M. Spool约为95％）不更改默认设置。这意味着用户将拥有您为其选择的头像。

Dropbox中可爱的默认用户头像

这里有一些有关如何制作默认头像的想法。

3.日常互动

7.分辨率请求屏幕

当用户打开一个新的应用程序时，他们想要看到的最后一件事是很多弹出式窗口询问：

允许该应用访问您的位置。
允许该应用访问您的联系人。
允许应用程序访问您的相机

这样的请求会对用户体验产生负面影响，并导致愤怒地删除该应用程序。这样的许可请求对用户体验有非常负面的影响，通常会导致应用被放弃。因此，最好在用户交互时请求许可。

通知权限对话框，作者Anton Tkachuk

在此详细介绍许可请求。

8.交互元素的各种状态

按钮和其他交互元素具有几种状态。考虑应用程序中每个交互元素的默认/已按下/不可用状态非常重要。

三个按钮状态

Vadim Gromov的材料设计按钮

以下是有关如何设计按钮的提示。

9.图标集

如果您的图标具有相同的样式，会更好。

适用于iOS的Twitter应用中的选项卡栏图标

这是图标的清单。

10.错误信息

最好的错误消息是根本不会出现的错误消息。避免犯错误的更好方法是事先正确指导用户。但是，如果仍然发生错误，那么一条错误的错误消息不仅会告诉用户将来如何预防它，而且还会向用户表明他们已被照顾并且不会被忽略。

Dwinawan的错误互动

以下是一些您需要考虑错误消息的情况：

没有互联网连接。考虑一下当没有连接时用户应该看到什么。
用户输入错误数据。
系统错误

这是有关如何制作好的错误消息的方法文章。

11.引导过程

尽管应用程序的即时响应是最好的，但有时您的应用程序将不得不“潜水”。互联网连接不良可能会导致响应缓慢，或者操作本身可能会花费很长时间。在这种情况下，为了最大程度地减轻用户压力，您必须向用户保证该应用程序正在根据他们的要求进行工作。当应用程序无法通知用户完成某项操作需要花费时间时，用户通常会认为该应用程序尚未收到请求，因此会重试。由于缺乏反馈，用户可以用力按下所有按钮。

动态进度指示器是在发生或加载时向用户提供系统状态的最常见形式。

AI产品设计的Smile装载机，作者Gleb Kuznetsov

以下是创建加载指示器的一些技巧。

12.消息说您做对了一切

成功状态是当用户完成任务时向他们显示的屏幕。设计者应考虑以下类型的成功条件：

惊人的状态（首次成功）。在用户第一次执行重要任务时，您将有很大的机会在用户和您的产品之间建立积极的情感联系。让您的用户知道他们正在成功，认识他们的进步并与用户庆祝成功。
确认画面。确认屏幕是电子商务应用程序所必需的屏幕。当用户完成购买时，我们需要显示一个屏幕，其中将提供有关购买的所有必要信息。

Booking.com中的确认屏幕

13.自动填充

设计人员应始终努力通过消除不必要的动作来最大程度地减少交互成本。自动完成功能通过减少用户完成请求必须完成的点击次数来简化用户输入。

图片： Louise Chang

14.取消操作

我们所有人都会犯错，但是在与用户进行交互时，提供帮助用户恢复重要数据的选项非常重要。

撤消删除项目。 图像： Sashoto Seeam

撤消发送电子邮件。 图片：泰勒·博尚（Tyler Beauchamp）

15.本地化/国际化

由于许多开发团队都有全球范围的计划，因此重要的是要使本地化/国际化成为设计过程的自然组成部分。应根据本地化/国际化选择元素的视觉属性（例如大小）和UX副本。

使用不同语言的Upvote按钮。 图片：胡绮儿

16.帮助/说明

当用户遇到问题时，他们的第一个自然反应就是在应用程序中找到解决方案。因此，最好提供一个指向应用程序中“帮助/常见问题”部分的链接。

Alex Muench的帮助和反馈

17.辅助功能

辅助功能使具有各种能力的人们能够感知，理解并与您的产品进行交互。这是 Lillian Xiao 的精彩摘要，内容涉及设计师需要了解的有关移动设备可用性的内容。

这里是检查颜色对比的工具列表。

4.通知

18.应用程序通知/推送通知

您是否知道糟糕的通知是用户卸载应用程序的主要原因？

令人讨厌的通知是人们卸载移动应用程序的原因（71％的受访者说）。

但是，您可以将此UX反模式转换为对企业和用户都有意义且有用的东西。为了通过应用程序中的通知获得良好的结果，设计人员需要一种最适合移动设备的发布策略。

这是一篇文章，提供有关如何创建良好通知的信息。

这是一些鼓舞人心的设计思路。

19.通知设置

给予用户选择自由总是一种荣幸。在移动通知的上下文中，这意味着能够选择他们要接收的通知。