移动端交互无信息页面设计.pdfVIP

30无信息页面设计

30无信息页面设计

适用场景：适用于没有任何信息内容的页面。例如：收藏列表为空，购物车为空。

交互说明：

1.点击进入信息页面

2.加载信息

3.无信息的页面展示

4.刷新页面

交互过程：

点击页面的，进入信息

页面。

交互过程：

无论内容在APP本地还是

服务器，都会有加载的过程

，此时页面需要有加载中的

动画和提示。

内容与样式：

A.

页面导航栏必须要有返回或

关闭按钮，加载过程中容许

用户放弃加载，返回到上一

页面或关闭此页面。

B.

加载状态必须是动态，避免

用户认为页面停止了响应；

设计师需要与开发明确加载

超时的时间，避免的

加载下去，超时时间建议不

超过20秒。

交互过程：

加载完成后，没有任何信息

时，需要在页面显示图标/插

画和文案提示。

内容与样式：

C.

页面要有符合此情景图

标/插画，不可点击。

D.

图标/插画下面有文案提示，

明确提示当前没有哪种信息

，例如：“还没有任何商

品”，“收藏列表是空

的”或“快去收藏吧”

等，适当用户，文案不

可点击。E.

可安放按钮，功能通常为重

新加载或到另一页面，

不是必要功能

交互过程：

向下拉动页面，放开后，重

新加载页面内容，以便尝试

获取新信息。

内容与样式：

E.

下拉动作中要有明显的下拉

动画，然后进入加载状态。