美文网首页
空页面设计二三事

空页面设计二三事

作者: 麻粉 | 来源:发表于2015-09-17 16:44 被阅读808次

    很多年以前的404页面,大概都是“无法连接到网络”这类空洞的提示配在毫无设计感的页面上,这几年注意观察就会发现,404页面被用来做很多内容,不论是花哨的设计,还有每次出现一个寻找失踪儿童这样有意义的内容,都让我们在网络出错时的沮丧消散了一些。

    和web设计一样,移动端的空白页面也越来越受到大家的重视,不单单是视觉层面的问题,空页面开始承载着更多内容,起到更多的功效。

    空页面主要会在三种情况下出现:初次使用、完成或清空内容、出错。好的空状态页面要告诉用户:此处应该是什么内容,为什么没有内容,如何获得内容


    初次使用:

    初次使用时的空页面是三种情况下最特殊的一种,设计的好坏直接关系着用户的第一印象,是否会继续使用;同时由于是初次使用,用户下载也许也注册了账号,知道app大概是做什么的,但是并不一定知道如何使用,此时的空页面还承载着用户引导的重担。

    第一种:起引导作用的空白页

    第二种:提示性说明文字+操作按钮引导

    第三种:直接举出范例,让用户更快速的了解信息内容

    在用户首次体验的空页面时,可以尝试加入更多的创意和个性化元素,让用户迅速的了解产品格调和特点,给用户非常良好的初体验。


    完成或清空内容:

    用户主动触发清空内容的操作,实际表明用户知道自己在做什么,误操作的可能性不高。这时候只需要给予用户结果的反馈就可以。但是有时清空内容并没有太多实际意义,却花费时间和精力,因此我们更倾向于给用户一些正面的反馈。同时需要思考用户在使用时的心理和目标,用户是否需要频繁的清空数据,如果是的话,可以考虑给出多种空状态页面,随机出现增强趣味性。

    以清空邮箱举例:

    苹果默认的邮箱设计,只简单提示“没有邮件”,虽然很简约,但是和其他预装应用的设计相比未免有些缺少设计感。

    Zoho Mail设计,简单的图标+文字


    Inbox设计在我举的三个例子中是最有设计感的,不同的文件夹清空后配有不同的设计色,同时简单说明每个文件夹的具体功效,告诉用户这里应该是什么内容。

    用户完成内容,我们以todo类应用举例。因为用户主动完成了自己规范的所有内容,此时除了明确表示已完成的意义外,大多数应用给用户以鼓励,激励用户的行为。

    先看我最喜欢的todo类应用,Any.Do,当我完成首次完成任务时,不仅提示我成功,而且不忘做广告让我购买服务(当然了这只算是个完成提醒,并不是空页面)。

    swipes,在用户完成任务后,页面变为恭喜页面,并有文字提示用户下一次任务的时间

    老牌的日程管理软件wunderlist并未强化提示功能,只有非常小的提示消息,显示完成任务的数量。

    进行完成、清空内容操作的用户,已经对我们app有了一定的了解,此时的空页面除了说明文字外,额外的增加趣味性会赢得更多的用户好感。


    出错页面:

    在已经出错的页面,原则上注意不要再进一步让用户焦虑,简单易懂的说明当前的情况,如果有更多的空间,可以拓展更多的信息,当用户在出错时给用户其他的操作选择。

    相关文章

      网友评论

          本文标题:空页面设计二三事

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