Human Interface Guidelines — Loa
2018-05-31 本文已影响9人
霖酱
自上次参加完回音分享会后,我下定决心要洗心革面乖乖打基础,于是开启了这个part,争取两个月不间断更新,写完Material Design与iOS中的组件(顺便学学英语),以便今后在使用的时候完全不虚
Loading
Human Interface Guidelines链接:loading
内容加载时,空白屏幕或静态屏幕可能会使 app 看起来像冻住了,这会让人困惑和沮丧,并可能导致人们离开app。
![](https://img.haomeiwen.com/i6875314/77bcf76b5b5006e6.png)
·在发生加载时清楚说明
至少,展示一个表示正在发生的事情的环形loading圈,最好能显示明确的进度,以便用户可以估算出他们将等待多久。 尽快显示内容。 在看到他们期望的屏幕之前,不要让人们等待内容加载。 立即显示屏幕,并使用占位符文本、图形或动画来标识内容尚未出现的位置,并在内容加载出来时替换掉这些占位符元素。 只要有可能,在后台预加载即将到来的内容,例如在播放动画中加载动画,或当用户正在层级或菜单中导航时。
·教育或娱乐人们掩盖加载时间
考虑展示有关游戏玩法,娱乐视频序列或有趣的占位符图形的提示。
·自定义加载屏幕
虽然标准的 progress indicators 通常是可以的,但有时会感到他们与 app 不太搭。考虑通过定制的动画和与 app 或游戏风格相匹配的元素来设计一种更浸入式的体验。
![](https://img.haomeiwen.com/i6875314/e4d4cbc3240abd92.png)