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

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

image.png

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


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


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


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

image.png

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

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

image.png


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

image.png

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

image.png

 

 

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


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


目录
相关文章
|
1月前
|
PHP
【ripro美化】设计子主题sheji-child素材资源下载站模板(集成后台+无授权+独立运行)
安装教程 第一步:首先对应单个上传替换包里面的文件到ripro原主题里面(单个文件覆盖不是替换整个文件包) 第二步:将下载的sheji-child压缩包上传到/wp-content/themes/直接解压,完成后到后台-外观-启用子主题 后台新建页面 1:页面-新建页面-选择VIP介绍模板,链接填vip 2:页面-新建页面-选择自助申请友链模板,链接填links
17 0
【ripro美化】设计子主题sheji-child素材资源下载站模板(集成后台+无授权+独立运行)
|
1月前
|
小程序 开发者
移动端修改小程序基础信息
移动端修改小程序基础信息
47 11
|
9月前
|
小程序
发布 ivx页面(1)写用户协议页面
发布 ivx页面(1)写用户协议页面
98 0
|
12月前
|
小程序
小程序酷炫3D登录页源码(泥陶态)
小程序酷炫3D登录页源码(泥陶态)
60 1
|
12月前
|
小程序
小程序酷炫动态登录页源码(动态水滴)
小程序酷炫动态登录页源码(动态水滴)
151 0
|
前端开发 数据库 数据安全/隐私保护
总结项目功能特点(后台系统1)| 学习笔记
快速学习 总结项目功能特点(后台系统1)
131 0
总结项目功能特点(后台系统1)| 学习笔记
|
前端开发 测试技术 API
【测试平台开发】二十、完成编辑页发送接口请求功能
【测试平台开发】二十、完成编辑页发送接口请求功能
【测试平台开发】二十、完成编辑页发送接口请求功能
|
开发者 Python
显示用户功能实现 | 学习笔记
快速学习 显示用户功能实现
78 0
|
前端开发
前端移动端端测试——显示控制台
前端移动端端测试——显示控制台
|
SQL 移动开发 JavaScript
借用 疯狂秀才 的页面,修改了一下自然框架后台管理的页面。
  不知道为什么,就是不喜欢extJS,昨天看到了疯狂秀才的页面,大家都说好,那我就借鉴一下吧。下载源码,加到aspx里面。运行,居然有js错误。一模一样的呀,怎么出错了?仔仔细细看了n遍,终于发现了不同的地方——多了一个表单 。
622 0