关于空页面设计的思考

作者: 阁主的叨叨 | 来源:发表于2018-07-28 15:49 被阅读21次

空页面在APP设计中的地位处于比较靠后的一个地位,是将APP的主流程页面设计完整之后,再来进行一些页面补充的时候,才会开始思考的事情。可就是这样的一个页面,作为交互设计师也是有发挥空间的。

思路如下图:

在思考的时候,思路是,空页面是为了解决一个什么样的问题,想达到什么样的效果,有哪些优化的空间?

空页面要解决最基本的问题是,没有数据的时候,页面应该怎样呈现,起到陈述现阶段状况的作用。再细分一下的话,可以从以下三个方面去进行阐述:

  1. 何物(What):解释这个页面在说什么

  2. 何地(Where):告知用户当前的位置,以及接下来可以干什么。即可以通过APP上面的title去进行表述。

  3. 何时(When):解释此处空白在什么情况下将出现有效的数据

最基本的方案如下图,即一句话表述:

image

当达到陈述状况之后,最基本的功能就算已经完成,可以从以下两个方面进行考虑优化的空间,从情感上取悦用户和从业务上思考可以做哪些引导

情感上取悦用户的作用在于,缓解用户的疑虑的情绪,表现形式主要以幽默或者品牌导向为主,可以有以下三点的思考方向:

  1. 能让用户感到新鲜或者出乎意料吗?

  2. 能让用户从心底绽开笑容吗?

  3. 能让用户感受到你产品的优秀调性吗?

如下图案例,

业务方面的思考,可以理解为,这个时候用户去做哪些事情可以让APP内容更加丰富以及对用户来说可以操作的行为,最直接的方式就是给出建议。主要的方式,就是给出button的行为引导,加上一些关于动机或者劝说的话语进行解释。如下图

总结一下,空页面先说清楚页面的状态,发生了什么事,然后给予幽默或者品牌的添加,最后如果可以给出行动指引是最好的。


往期精彩文章

用Keep的案例来阐述交互设计师的职责

大公司的工作流程及时间分配

找工作之——作品集篇

设计师,有想过你的30岁吗?

《体验设计应有的意识(高手进阶之路)》

传说中的用户体验地图Sketch文件

创业公司设计师怎样从0到1设计一款APP(七)——APP Logo的设计

相关文章

  • 关于空页面设计的思考

    空页面在APP设计中的地位处于比较靠后的一个地位,是将APP的主流程页面设计完整之后,再来进行一些页面补充的时候,...

  • 5(2)页面示例-页面状态

    APP页面设计过程中,除了设计正常状态下的页面,还需考虑异常页面状态。如:页面内容为空、网络异常、服务器异常、页面...

  • Android:2分钟创建一个好看的关于页面

    写在前面 通常关于页面是我们开发的时候最容易忽视的页面,一般我都是留在最后才去设计关于页面,但是虽然关于页面并不起...

  • 页面信息设计思考

    之前做完整的app,主要的精力都放在确定功能、梳理信息架构和流程上(结构层)。 对于单张页面上的信息排布和节奏并没...

  • 【起点精选】原型设计|从三个方面,系统地画原型

    在刚进行原型设计的时候,不具备系统的思考框架。往往缺少某步操作流程、页面,控件或者是没思考好用户的需求及页面设计的...

  • DON’T MAED ME THINK

    写在设计之前: 设计之前的两极化思考:可以做什么,不可以做什么; 页面设计准则-简: 1.页面的布局排版清晰明...

  • 关于用户注册页面设计的思考(脑图)

  • 关于设计的思考

    阅读日期:1月21日 阅读书籍:第八本 《关于设计的思考》 阅读者:周檀 平面广告的欧洲现代主义先驱-保罗 兰徳书...

  • 关于设计的思考

    一、关于禁用和启用的深度思考: 二、列表页基础: a、增删改查,搜索按钮、翻页栏、禁用启用、每个字段的限制,这些必...

  • 空页面

    说在前面的话:上网查询空页面的设计,有很多关于空页面的设计思路和方案。其实理解下来那就是,空页面不是一个常态页面,...

网友评论

  • 图文坊:交互设计更是针对用户情感在设计

本文标题:关于空页面设计的思考

本文链接:https://www.haomeiwen.com/subject/wvmomftx.html