iOS12界面设计指南之APP架构(App Architecture)–加载(Loading)


Notice: Undefined variable: class_attr in /data/wwwroot/default/wordpress/wp-content/plugins/jquery-image-lazy-loading/jq_img_lazy_load.php on line 57

引自《iOS12界面交互设计规范(iOS 12 Human Interface Guidelines)》

 

当某些内容正在加载时,一个空白或者静止屏幕会使你的应用看上去像卡死了,那么用户便自然的会感到困惑以及沮丧,最终的结果也就将导致用户离开你的应用。

 

更清晰的去表现加载状态(Make it clear when loading is occurring.)至少,你需要在应用加载时去展示一个动态的加载器;如果想做得更好,那么你可以去展示当前任务明确的进度用以告知用户他们预计需要等待的时长。

引导或者是娱乐用户用以填充加载时间(Educate or entertain people to mask loading time.)可以考虑展示一些游戏攻略,有趣的视频或者是一些有趣的图像。

 

 

自定义加载页面(Customize loading screens.)尽管标准的系统应用加载器一般来说还是不错的,但是其有时也会与应用上下文有所脱离。所以你可以考虑设计一个更符合你的游戏或者应用的自定义动画或其它元素,用以完整一个更沉浸式的用户体验。

尽可能快的显示内容(Show content as soon as possible.)不要使用户在看到他们所期望看到的屏幕内容前就直接去等待内容的加载。立要即显示屏幕,同时用一些像文本,图像,或者动画等来告诉用户当前内容还没有准备完成。并且在内容加载完成后立即取代前面所述占位元素。如果可能的话,在后台事先加载接下来将要在屏幕出现的内容,例如当前正在播放某个动画或者用户正在操作导航栏的某一层级或者菜单时。

更多内容请参考Progress Indicators.