无结果页,如何让用户欣然接受?
无结果页,有时候并非是真的无结果,准确来讲应该叫异常页,异常页包括两种情况:
第一种异常页:服务器异常
服务器出现问题,导致用户请求失败,看不到自己想要的信息。这种情况有可能是当时的网络连接出现问题,也有可能是服务器的内部逻辑出现问题。在这种情况下,不需要告知用户这其中的专业逻辑,给出通俗易懂的提示文字即可,比如:“您的网络不给力哦”,引导用户查看自己的网络状态或者给一个刷新的按钮。当网络正常或者后台人员调整好服务器,异常页面就会消失。
无网络状态下的两种呈现方式:
1、告知用户网络未连接,用户无必需进行的操作,尤其适合没有网络也可进行部分操作的App 或对网络依赖性较弱的工具型App。
· 大部分无网络提示的方式:在一开始就给出提示

(微信和Yahoo 新闻的无网络页面)
微信的无网络页面,点击红色区域,会进入到一个新的页面,详细地教用户如何连接网络。点击红色区域是一个非常主动的操作,用户能进入到教程页面,是有一定预期的。Yahoo 新闻在无网络的情况下,会把之前缓存的内容放在页面里,所以它的无网络提示相对较弱。
· 工具型App,在用户有相关操作之后提示

(Evernote 和微信电话本的无网络页面)
Evernote 和微信电话本的无网络页,这类工具型App 对网络的依赖性相对小,只在有相关操作之后才给出无网络的提示。
2、弹框提示
非常强的提醒,需要用户点击确定才消失的弹框,适合对网络依赖较重的内容型App。

(amazon 和Airbnb 的无网络页面)
amazon 和Airbnb 的无网络页面,必需点击“确定”,让用户有很强烈的意识去解决网络的问题,因为没有网络就不会出现任何内容。
第二种异常页:数据为空
在服务器正常的情况下,数据为空,也就是普遍意义上的无结果页。数据为空,原因大致分为两种:
1、产品没能满足用户的预期,用户想要的东西没有。这种情况下,用户是有怨气的,在产品的使用过程中,很多细节都能导致用户的流失,他们会抱怨开发者的无能,然后退出App、顺带删掉,转头就去下载竞争对手的产品。最好的解决办法当然是产品设计尽量给用户他们想要的,但如果确实没有,要如何抚平用户焦躁的情绪,并让用户合理地进行下一步操作?最常做的有以下三点:
· 给出反馈
· 提供建议
· 提供新入口

(amazon 的搜索无结果页)
amazo的搜索无结果页:首先给出反馈,然后给出搜索建议,最后提供一个与搜索词相近的匹配结果,实在没有匹配结果就给出畅销入口,用户总有一个地方可以去。
2、当用户未进行相关操作,未登陆或者没有提供个人信息时,导致页面为空。这类情况下,设计的空间很大,可以尝试各种不同的方法,如奖励、趣味性插图、个性化文案等引导用户进行操作。

(Evernote和Lline鼓励用户操作的页面)
Evernote为用户描绘了一幅群聊场景图,并配以文字教用户如何操作群聊。
Line用招牌小熊对用户卖萌,可怜巴巴地请用户去邀请好友。
以上就是页面异常情况下基本的应对方式,设计师需视项目和产品具体情况的不同去判断和设计。
最近对iPick的无结果页进行了重新设计,在此分享给大家。
iPick是公司在香港推出的找餐厅、聚餐的App,在我参与之前,iPick已经有了一套成型并上线的视觉设计,因时间紧张,所有的无结果页都被设计成了一种视觉样式:用鱼骨头搭配相关文字和按钮。见下图:

这些无结果页面看起来都差不多,没有情感上的共鸣,在用户看来有些冷冰冰,也没有传达产品的品牌感。
于是尝试为iPick的无结果页风格找一些关键词:代表餐饮、情感共鸣、趣味性
开始草图:

效果并不好,iPick不需要具体的人物形象,单色线框的表现方式过于平淡,没有情感共鸣,也缺乏趣味性。
我把上图两个方案进行结合,为iPick设定了一个拟人化的形象,“代言”所有的无结果页:一个喜欢美食的盘子君,在寻找美食的过程中,遇到了很多不同的问题(也就是各种无结果页),名字叫做:盘子君的美食之旅。下图草稿:

颜色继承已定好的色值,视觉风格继承App中的线型风格。为了让线型风格看起来简洁优美,我采用了规整的几何图形相切的方式来绘制,下图:

部分细节:

针对无网络页面,因iPick在上一次打开会有缓存,在无网络的情况下页面也不会为空,所以我们只在用户有相关操作后,才出现网络未连接的提示。页面不会自动刷新,于是在图文下面加上刷新按钮,见下图:

针对数据为空页面,每一种情况都用相关的可爱小插画去鼓励用户去填写个人信息、踊跃留言、参与聚餐活动、领取优惠券等。

绘制完成后嵌入到现有页面的最终效果:

整体看下来,是符合代表餐饮、情感共鸣、趣味性这三项要求的。是不是看起来生动有趣很多?
最后说一些题外话:无结果页到底有多重要?在产品、内容、商业利益、开发成本上综合来说,无结果页当然不是决定生死的关键点,你可能会说,很多产品没有好看的无结果页不也有着大批的用户吗?我想说的是,我们的产品不是独一无二的,我们有着无数的竞争对手,所以细节真的很重要。产品的方向、功能等宏观计划可能都不是视觉设计师能够控制的,但设计师能够掌控的是:在取舍的情况下,产品的页面是不是够美观、信息层级是不是一目了然、细节是不是已经做到完美、线上的效果是否能够媲美设计稿……可能一个最漂亮的无结果页最终无法拯救本身定位错误的产品,但设计师应该在自己能够掌控的部分做到问心无愧。