18a89c9b13178f4a6e44db88c2959fa2
iOS · App 架构|启动、引导、加载

iOS 交互指南第一部分是 App 架构,提供一些系统层面的通用指导建议,包括启动、引导、加载、模态、导航、许可、设置七个部分,将分两篇文章说明。
以下引用格式的是我的补充,其余部分是原文翻译。

启动(Lauching)

使用 app 时,启动体验非常影响用户感受。无论用户是跨设备使用,还是离他们上次打开 app 已经过了一段时间了,启动体验都应该快速、无缝衔接。

以下准则能帮你设计出令人愉悦的启动体验。相关的开发者的指导,请参阅响应启动您的应用程序

  • 提供启动页面。系统会在你的应用开启时显示启动页面(开屏),并迅速替换为应用的第一个页面。开屏的作用是给人一种 app 响应很快的印象,显示开屏时可以加载初始内容。为了确保开屏后无缝过渡,请设计一个像应用第一个页面且不会引起人们注意的纯屏幕(加载页面)。有关指导,请参阅启动屏幕

    不知道你有没有注意到,iOS 设备上,在我们所认为的 app 闪屏之前还有一个短暂、静止的页面,就是这里说的「开屏」。如果闪屏是广告或活动插画之类的,就很容易区分开来。闪屏如果不是这种特殊类别,通常会使用带有品牌标识的静态或动态页面,而开屏基本会采用同样的设计或者选取动态页面第一帧画面,也有少数会使用完全空白的页面。加载数据的时间一般很短,加载完之后用户就可以继续顺畅地体验下去。

  • 用合适的方式启动。如果你的 app 既支持纵向,又支持横向,在启动时就应该顺应当前(用户使用的)方向。如果你的 app 只支持一种方向,那启动时应该始终是这个方向,必要时再让人们旋转设备。除非有特定的原因,否则无论设备向左还是向右旋转,横向模式的 app 都应该正确定向。相关的指导,请参见适应性和布局
    <br>

  • 不要事先询问设置信息。人们期望 app 能够自动正常运行。为大多数用户设计的 app ,也要让少数希望使用不同配置的用户能通过调整设置满足需求。尽量从设备的设置、默认设置,或同步服务(例如 iCloud)获取用户的设置信息。如果必须询问,请在用户首次打开 app 时确定是否提供该信息,并允许他们之后在 app 设置中进行修改。

    有一些 app 会在启动时弹 N 个获取信息的弹窗,用户对这种方式是非常抓狂的,会严重破坏对 app 的初体验。所以,应该在必要或合适的时候征询用户的许可,比如 iOS 不会默认开启应用通知,那么就可以在用户首次留言或者首次关注某人之后询问是否开启通知。始终抱有用户心态。

  • 不要在 app 内显示许可协议和免责声明。让 App Store 显示协议和免责声明,这样人们在下载你的应用之前就可以阅读它们。如果必须在 app 中体现这些东西,请尽量把它们放到一起,用平衡且不破坏用户体验的方式展现出来。
    <br>

  • 应用重新启动时,请恢复以前的状态。不要让用户费劲得去找他们之前在 app 中的位置。保留并还原用户原来的状态,这样他们可以从上次中断的地方继续下去。
    <br>

  • 不要鼓励重启。重新启动会花费一些时间,还会让你的 app 看起来不可靠、难以使用。App 存在内存或其他问题,只能用重启来解决时,再让用户重启。
    <br>

  • 不要过早要求用户对 app 进行评分,也不要引导用户评高分。在首次启动后不久询问,或在人们使用 app 时过于频繁地要求评分是很烦人的,并且很可能会减少你收到有用反馈的数量。为了鼓励用户经过深思熟虑后再反馈,在询问用户评分之前应该给他们一些时间。给用户一种退出评级提示的方式,一定不要强迫他们给你的 app 评分。

新用户引导(Onboarding)

新用户引导的作用是欢迎新用户或者与回访的新用户重新建立联系。快速、有趣、有意义的引导可以帮用户充分了解你的 app,少遇阻碍。

  • 提供能帮人们更好体验你 app 的新用户引导,而不仅仅是设置。人们很高兴有机会了解关于 app 的更多信息,但他们也希望它的确有用。不要在新用户引导中包含设置或申请许可的信息。有关的指导,请参阅启动

    引导页可能是 UI 设计师少数能展示绘画功底的页面,但是不要太过花哨,喧宾夺主了。如果设计不能很好地阐述和补充文案,简简单单、要点鲜明,可能更适合。

  • 快速行动。系统将你的启动页面替换为屏幕初始页面之后,就让用户能立刻进入并开始使用你的 app。如果需要提供教程或简介,请给用户一种可以跳过的方法,而且不要给之前使用过的用户自动展示。
    <br>

  • 预测用户什么时候需要帮助。主动寻找用户可能会卡住的时间。例如,游戏在暂停时或角色不前进时可以随意显示有用的提示。如果用户第一次错过了某些内容,给他们重播教程的机会。
    <br>

  • 把握要点。为初访者提供指导是好的,但是教学替代不了出色的 app 设计。所以最首要和重要的是,让你的 app 直观。如果需要太多指导,那你需要重新审视 app 的设计。

    开始使用某页面或功能之前,要看一大堆操作指引的话,也是一件很烦人的事情。用户不一定会看,还会减少探索应用的那种乐趣。总是担心用户不知道怎么用,就容易把操作指引设计得过头(在产品迭代中,可能不知不觉就加了很多)。不是特别隐蔽和重要的操作,不需要「手把手」地教。想要一次性传递很多信息,也可以有多种方式,比如:

  • 让学习变得有趣易懂。边做边学比阅读一大堆说明更有趣和有效。呈现交互的时候不要只提供静态的截图,逐步地用动画和交互结合页面教学。

加载(Loading)

加载内容时,展示空白或静态的页面可能会让你的 app 看起来像卡死了。这会导致用户无措和沮丧,他们可能因此离开。

- 明确加载状态。至少显示旋转加载(activity spinner)来表明有任务在进行。更好的方式是明确显示进度,以便用户知道他们要等多久。
<br>
- 尽快显示内容。用户看见他们期待的页面之前,不要让他们等着内容加载完。立即显示页面,用占位文字、图形或动画明确告诉用户尚不可用的部分,加载完成后再替换掉这些占位元素。可能的话,例如在播放动画或用户在某个层级或菜单时,在后台预加载即将显示的内容。
<br>
- 通过教育或娱乐的方式帮用户打发加载时间。考虑显示游戏化的、有趣的视频或有意思的占位图形来提示。

其他相关指导,请参阅进度指示器

© 著作权归作者所有
这个作品真棒,我要支持一下!
核心内容:梳理总结交互设计从入门到进化的知识体系,对照体系解锁每一项技能 适合读者:零基础学交互的每个人
0条评论
top Created with Sketch.