翻译自 Adobe Creative Cloud,Mobile Design Best Practices by Nick Babich
优秀的 UX 是决定了应用程序出色与否。用户体验设计好坏直接导致每天客户的获取与流失。设计移动应用程序时要注意的最重要的事情是确保它既有效又直观。显然,如果应用程序没有用处,对用户来说没有实际价值,没有愿意使用它。即使应用程序有好处,但对用户有负担,用户是不愿意去花精力去学习如何使用它的。
良好的设计解决了这两个问题:它明确关注用户的主要目标,并通过界面清晰度消除用户的所有障碍。 在本文中,我将分享 7 个 UX 设计技巧,这对创建好的移动用户体验的来说是关键。
1. Clear And Seamless User Flow -- 清晰无缝的用户流程
减少用户必须投入的努力来获得他们想要的东西。
用户通常必须在移动应用中快速完成一个核心功能:进行付款,检查新消息等。关注用户的关键目标,并从中删除所有障碍:
- 将大型任务分解成更小,有意义的块。
- 在屏幕上确定动作的优先级。突出显示核心操作(与用户目标直接相关),并隐藏所有次级操作。
- 减少任务。
- 在设计中寻找需要用户努力的任何东西(例如,阅读文本,输入数据,做出决定),并寻找替代品。你可以显示图片而不是文字,还是重复使用以前输入的数据,而不是要求用户输入更多内容,或者使用已有的信息来设置智能默认值?
- 设计中断。
- 无论你的设计如何,移动设备都会随时随地使用。允许用户稍后保存状态并重新接触应用。
- 不要打断。
- 如果用户最近才下载它们,请避免中断操作仅仅为了为你的应用评分。相反,请等到,你已经确定他们是重复使用者,他们将更有可能对您的应用进行评分并提供更好的反馈。
Focus on User Goals — 专注于用户目标
把复杂的任务分解成粒度更小的活动。这些较小的任务有可能更好地满足用户目标采取 Lyft。它知道其用户的目标是在某个地方骑车。该应用程序不会使用户感到很多信息:它会根据地理位置数据自动检测用户的位置,用户只需选择一个拾取位置即可。

Avoid Login Walls — 避免登录墙
登录墙是要求用户登录或注册以继续进行的页面。 当应用程序首次启动或首次访问网页时,通常会显示用户登录。 请记住,注册过早可能会导致超过 85% 的用户放弃继续使用产品。
在下面的示例中,Soundcloud 要求用户登录以访问应用的内容。

卡片方式鼓励用户继续探索。 (图片:Ramotion)
一个常见方法的例子是瑞士航空的应用程序。 在票价表中,每排成为折叠的手风琴,如果需要可以打开。

Flipboard 是在界面中卡片设计的另一个很好的例子。 Flipboard 是一本个性化的杂志,汇总来自新闻 Feed 和社交媒体网络的内容,使你能够发现和分享故事。

标签栏可以通过一次点击使主导航选项可用。 (图片:Ramotion)
Segment Control — 分段控制
如果只有几个目的页面,你可以使用分段控件。 与标签栏一样,所有选项都可以一次显示,只需点击一下即可访问。

随着内容逐渐加载,skeleton screen 会填满 UI。 (图像:Tandem Seven)
视觉转移
请记住,感觉与原始速度一样重要。 如果一个应用程序让用户在等待时看到有趣的东西,他们将不太注意等待本身。 因此,为了确保用户在等待事情发生时不会觉得无聊,会引起分心。

创意进度指标可以减少用户对时间的看法。 (图像:Creative Dash)
Operations in Background — 后台执行
在后台处理任务,使即将发生的动作显得很快。 后台操作有两个好处:它们对于用户是不可见的,它们发生在用户要求它们之前。
一个很好的例子是在 Instagram 上传图片的过程。该应用程序提前上传照片。一旦用户选择要共享的图片,应用程序就开始上传,当用户准备按“分享”按钮时,上传完成,用户可以立即分享他们的照片。

网友评论