浅析app应用设计:空白页的存在价值与设计方案

发布时间:2020-04-25 12:27 | 浏览人次:浏览次数

文章主要为大家解析空白页的存介意义及其设计技能,期望对你有帮助。

为什么经常做APP应用产品设计的探讨,探讨与熟知一款app产品,对于以后的设计逻辑可以更为清楚,而对于产品逻辑也会慢慢有1个更好的认知。以后会通过会员需要与用户体验继续与大家讨论,1个出色的设计,其背后蕴藏了大批的可学习知识,感兴趣的朋友能够订阅。回归正题,这篇文章要为大家解析空白页的存介意义及设计技能。
浅析app应用设计:空白页的存在价值与设计方案

一、概念空白页:

空白页是什么?

空白页指的是当前页面内容为空白,或许当前页面内容错误、遗失等,与起初跳转页面不相符的页面,普遍以白色页面为主,所以普遍被称之为空白页。

有人会问,为什么不叫缺失页、404页,而叫做空白页。因为空白页不但是白色的页面,而且还包括了页面中的错误页、缺失页等等,还是不领会的能够继续往下看。

二、分类

以下就空白页的类别、产生原因、会员使用场景与解决办法为大家论述空白页的人性化设计。

先给大家看一张关系图缕清他们各者中间的关系:

数据加载页

为什么把加载页归结到空白页中,其实加载页经常会被人所忽视,这里的加载页是指页面的正在加载。数据还未读取完结,页面一定数据不齐备,那么普遍加载页有两种展示方法,这里不牵涉开发,仅说明设计展示方法:一种是全页式加载,一种是模块式加载(这里的说法也许与开发有所出入,仅为了便利设计与产品阅读)。

产生原因:数据读取中

使用场景:当会员初次开启软件时或刷新时,必定会有1个数据加载的历程,对于会员来说,这就是产品的初步印象。有同时数据加载速度非常快能够忽视加载页的存在,可是思考有些使用场景,会员还是会看见加载页面,像之前体验的一款竞品,刚开启的同时除了顶端导航栏和底端标签栏,所有东西全是空白,恰好那同时是在网络环境非常差的情形下,会员心理预计一定觉得这个产品不是很可靠。

Null页(数据为空)

这个页面软件较为广泛,在产品中多称作无数据页面,与以上的服务器异常页有所区别,在上述中页面中,服务器没法提供平常的信息数据,可是在null页里,是服务器自身就不存在有关的数据,也就是数据为空。

产生原因:无数据信息

使用场景:在使用产品同时,需要会员建立与储存信息时,应该有有关的提醒指导内容,而当页面不存在数据时,空白页面会让会员存在失落感,怎么样指导这种失落感让会员建立与储存信息内容呢?

比如使用抖音时,在“我”的页面中有个人作品、喜爱、故事等板块,假如你没有上线过任何作品,页面一定是空的,可是在点击“作品”模块时,其对应的“上线”按钮上方会有个窗口提醒,这对于会员来说比简单的问题提醒来的更为通俗易懂,可是要留意,不是所有Null页都适合这种做法,过多的动效、图形指导会让会员感到视觉疲劳,要分场合并点到为止。浅析app应用设计:空白页的存在价值与设计方案

网络异常页

网络异常情形可以说是时有发生,在使用产品的历程中,遇到这类情形的会员一定也觉得莫明其妙。可是网络异常情形也就普遍只有两种:

1、断网弱网:彻底没有网络环境,或许网络信号弱没法上载与加载数据

2、变换网络:比如在wifi情形下看视频忽然变换为移动数据网,就会存在。

产生原因:断网弱网、变换网络

使用场景:会员正当浏览信息时,忽然打不开产品页面,展现的是空白页面,并没有什么迹象,在持续刷新了几次以后还是相同,会员不知情问题在哪里,必定会离开产品去使用此外同类的产品。断网弱网并非产品能够解决的问题,可是产品假如不赋予会员恰当的信息指导,会员一定会把问题归责于产品自身。

服务器/系统异常页

是当前在浏览页面时,服务器没法提供平常的信息数据,或许服务器无响应,且不知情原因所返回的页面。普遍在APP端比较少见,可是也会存在,不论是网页设计还是app设计,这个页面的设计全是不可缺少的。

产生原因:服务器异常、系统异常、要求未响应。

使用场景:对于会员来说,时间是非常宝贵的,产品的目标是达到会员需要,当会员没法达到需要时,不满的心情便会增多,积攒了不满的心情有也许导致会员对产品丧失信赖感,进而舍弃产品。

会员的焦躁心情很大多数来自于对于当前页面的不解,如同会员在逛街时,看见一件超级喜爱的商品,想上去问问价格,老板不在,员工也不在,此时会员从开始的困惑,到离开时的烦躁,全是在没有拥有相应信息的反馈情形下产生的。

三、解决办法 

无数据或数据异常:

无数据情形下,要指导会员行为,例如当前需要会员创作的页面,可是会员作品为空时,能够得当增添“创作”按钮或许跳转接口,引导会员当前页面内容是可编辑可增添的。再例如社交中的关注标签,当会员还没相关注的话题时,能够推荐话题让会员关注。

数据异常时,会员需要知道为什么、如何做,通过图和文来为会员解释当前情形,即使你把服务器存在的问题一一和会员说明,可是会员想知道的并非你服务器中出现的完整问题,会员想知道是简单的问题与解决的形式。浅析app应用设计:空白页的存在价值与设计方案

数据加载页:

上面我们说了,当app初次开启时,能够选用全页式加载或模块式加载,全屏加载页面要要留意的是,为会员传达页面正在运行的信息,这同时假如有动效画面能让会员有耐心停留当前页面,而不会因单调无聊地等候丧失产品信任感。

模块加载也可以够用在刷新的情形下,可以确切地告诉会员还需要加载多少内容,在网络较慢时,能够选用占位符进行设计,可是如资讯类,新闻类软件就不适宜使用图案说明,页面会显得更为复杂。

网络情形:

网络情形存在的问题必须强调当前发生了什么,要如何做,这点和数据异常是类似的,遵照“会员不会出错”准则,如提醒文案能够为“当前网络异常”、“请检查当前网络”、“没法连接到网络等”。

能够按需增添1个“点击重连”的按钮,来躲避因为会员本身当前网络不稳定或许网络变换导致的读取问题。

能够得当增添图案来为会员解释当前问题,可是有些页面不合适增添图案,例如视频页面。可是,禁忌没有任何提醒信息,这里我指下微博的,主页在没有网络的情形下,刷下不了,可是没有任何提醒,这也许会让会员感到疑惑,不建议这样的处理状况。

四、归纳

针对空白页的设计能够见智见仁,不肯定是要依照指定的设计样式去解决自己产品中的问题,可是空白页的设计是必要的,它的意义在于为会员解释说明,并指导会员行为,能够说是非常主要,会员需要知道自己目前所处的位置、所处的环境,然后来判别接下来的行为,所以尽也许去指导会员便捷地完结操作,减轻会员认知负担,才不失为一款好的产品。

上述内容就是小编今天为您带来的关于《浅析app应用设计:空白页的存在价值与设计方案》的全部内容,希望能对您有所帮助,我们是一家成立于北京的IT外包公司,如果您有app软件或者微信小程序需要定制开发,不妨联系我们。
免责声明:本站部分文章转载自网络,不代表本站的观点和立场,不以盈利为目的。如有侵犯公司或个人权益,本站会第一时间删除文章。我们是一家北京app开发公司,欢迎咨询免费获取思维导图!

本文地址:https://appbj.cn/article/3280/

网友热评

暂无更多评论
思捷智联

思捷智联是一家2009年成立于北京的IT外包公司,我们致力于为企业提供app软件开发和微信小程序开发服务。公司成立10年来,我们为民政部、方正电子、神州数码、联想控股、壹基金、首钢集团、北京大学、北京师范大学、今麦郎、丰汇租赁、万通控股等上百家企业提供了IT外包服务。我们努力实现每一位客户的托付,为客户创造实在的效益,让您与梦想走得更近。

微信咨询

扫描微信二维码
同市场经理沟通需求

我们积累了丰富的移动互联网开发和运营经验,在开发中为客户提供更多帮助!
咨询热线:18611391767(微信同号)