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

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

image.png

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


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


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


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

image.png

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

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

image.png


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

image.png

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

image.png

 

 

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


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


目录
相关文章
|
前端开发 开发工具 iOS开发
初识MVVM·关于启动页、引导页、登录页的设计细节和交互逻辑(1)
初识MVVM·关于启动页、引导页、登录页的设计细节和交互逻辑
338 0
|
8月前
|
SQL 弹性计算 PHP
必知的技术知识:ECSHOP增加独立评论页面,并分页显示
必知的技术知识:ECSHOP增加独立评论页面,并分页显示
44 1
|
9月前
|
小程序 开发者
移动端修改小程序基础信息
移动端修改小程序基础信息
95 11
|
前端开发 数据处理 Swift
初识MVVM·关于启动页、引导页、登录页的设计细节和交互逻辑(3)
初识MVVM·关于启动页、引导页、登录页的设计细节和交互逻辑
150 0
|
前端开发 开发工具 iOS开发
初识MVVM·关于启动页、引导页、登录页的设计细节和交互逻辑(2)
初识MVVM·关于启动页、引导页、登录页的设计细节和交互逻辑
110 0
|
存储
C实现通讯录(静态版+动态版)(一)
C实现通讯录(静态版+动态版)
53 0
C实现通讯录(静态版+动态版)(一)
C实现通讯录(静态版+动态版)(二)
C实现通讯录(静态版+动态版)
56 0
|
小程序
小程序酷炫动态登录页源码(动态水滴)
小程序酷炫动态登录页源码(动态水滴)
302 0
|
iOS开发
iOS开发 - 写一个刷新的控件(未封装,适合新手学习,查看原理)
iOS开发 - 写一个刷新的控件(未封装,适合新手学习,查看原理)
162 0
iOS开发 - 写一个刷新的控件(未封装,适合新手学习,查看原理)
|
前端开发 测试技术 API
【测试平台开发】二十、完成编辑页发送接口请求功能
【测试平台开发】二十、完成编辑页发送接口请求功能
【测试平台开发】二十、完成编辑页发送接口请求功能