“丰富友好”的缺省页设计_手机端

简介: “丰富友好”的缺省页设计_手机端

image.png

近一年的工作主要是移动端APP设计为主。在这期间我发现设计过程中大家很容易忽略的一个部分就是缺省页。大部分人习惯性是根据原型输出设计稿,然后切片...


但程序员哥哥们经常会问你,这个页面没有数据的时候我应该显示什么内容?所以做个小提醒:希望大家都不要忽略缺省页这个必要的存在。这是考验页面细节,提升页面友好度的重要环节!


缺省页:顾名思义就是出现在用户没有任何行为下的空白资料或者网络存在问题所展现的页面。通常我们在设计的时候习惯性用丰富的内容或者数据把页面设计得美观实用,考虑的都是界面展现的“理想状态”,往往会忽视没有内容的“缺省状态”。


事实上这几年用户对体验的舒适度要求越来越重视,这一小块的细节也备受关注。用户打开页面后会感到很糟心,通常会出现以下页面:

image.png

往往这样的页面让用户看到后都会有一种挫败感,那么什么样的方式才更友好呢?

1. 常规情况下用户可能是第一次使用你的APP,那在他第一次到访的情况下是不是应该用更简洁的方式告诉他这里应该是些什么。比如说:

image.png


2. 有一些页面我们也可以花点心思告诉用户为什么这么做,也就是隐形的页面介绍。可以加一些有情感的文案描述+图标:

image.png

3. 当然也可以是一种操作指引,在页面中提供最直接的按钮指导用户操作:

image.png

 

 

总结:缺省页是基于用户对这款APP的初次使用表达最友好的方式之一。可以是告知用户操作方式,也可以是让用户有被情感的交流。所有设计都应该知道:用户的耐心是设计的最好反馈。希望每一次设计大家都能把握住与用户对话的机会!


最简单直接的小tip,缺省页很重要!


目录
打赏
0
0
0
0
17
分享
相关文章
手把手教你搞定菜单权限设计,精确到按钮级别,建议收藏(一)
在实际的项目开发过程中,菜单权限功能可以说是后端管理系统中必不可少的一个环节,根据业务的复杂度,设计的时候可深可浅,但无论怎么变化,设计的思路基本都是围绕着用户、角色、菜单进行相应的扩展。
4880 0
手把手教你搞定菜单权限设计,精确到按钮级别,建议收藏(一)
|
6月前
|
微信小程序动态tabBar实现:基于自定义组件,灵活支持不同用户角色与超过5个tab自由组合(更新版)
微信小程序动态tabBar实现:基于自定义组件,灵活支持不同用户角色与超过5个tab自由组合(更新版)
1157 1
|
6月前
|
avaScript如何实现 选项卡功能
avaScript如何实现 选项卡功能
49 1
必知的技术知识:ECSHOP增加独立评论页面,并分页显示
必知的技术知识:ECSHOP增加独立评论页面,并分页显示
59 1
初识MVVM·关于启动页、引导页、登录页的设计细节和交互逻辑(3)
初识MVVM·关于启动页、引导页、登录页的设计细节和交互逻辑
173 0
小程序酷炫动态登录页源码(动态水滴)
小程序酷炫动态登录页源码(动态水滴)
318 0