IT博客汇
  • 首页
  • 精华
  • 技术
  • 设计
  • 资讯
  • 扯淡
  • 权利声明
  • 登录 注册

    404页面的情感化设计

    Ethan发表于 2017-04-14 22:58:07
    love 0

    小编:做UI行业的都应该知道404页面是非常重要的一部分设计,当页面出现错误时它是增强用户体验的很好的做法,其遵循的理念是: 提供简明的问题描述,消除访客的挫败感。提供合理的解决方案,辅助访客完成访问目标。提供个性化的友好界面,提升访问体验。今天就跟随作者@化流水躺湖底一起来谈谈404页面的情感化设计。

    关于设计,关于404

    申明:这篇经验为我在看了来自知乎、简数、站酷等平台上很多大神的文章总结而出。很多词汇并非原创,再次向原作者表示感谢。

    文章将以下面4个问题展开,大家可以挑自己需要的着重阅读。

    • 什么是404页面?
    • 404页面存在的作用有什么?
    • 怎么设计出符合情感化的404页面?
    • 404设计误区

     

    什么是404页面

    404页面是客户端在浏览网页时服务器无法正常提供信息,或者是服务器无法回应,且不知道原因而返回的页面。

    一般404页面出现在没有网络时、主页更名或搬迁地址时、输入网址错误时、以及编程人员的疏忽写错地址等原因时。

     

    404页面存在的作用有什么?

    作用1:告知用户错误所在,缓解用户焦虑;

    作用2:提供错误解决方案;

    作用3:影响用户对网站体验的情绪,即发生错误之后给用户留下一个是很坏的印象(可参考峰终定律);

    终极作用:将访客和潜在客户留在网站上

    诺贝尔奖得主,心理学家DanielKahneman经过深入研究,发现对体验的记忆由两个因素决定:高峰(无论是正向的还是负向的)时与结束时的感觉,这就是峰终定律(Peak-EndRule)。这条定律基于潜意识总结体验的特点:对一项事物的体验之后,所能记住的就只是在峰与终时的体验,而在过程中好与不好体验的比重、好与不好体验的时间长短,对记忆差不多没有影响。

     

    怎么设计出符合情感化的404页面

    世界给了我们一个酸柠檬,那我们就把酸柠檬变成柠檬水

    “当404页面产生的时候,势必会让用户的心情产生落差而带来一些糟糕的体验。”

    显而易见这个就是404页面最大的痛点,而解决掉这个痛点,就是我们设计出符合情感化404页面的基本准则了。

    所以当用户情绪产生落差的时候,我们需要做到的是:

    • 告知用户
    • 给用户一个返回上一步,或自他的选择
    • 方便用户联系到你给予反馈
    • 给用户一个不错的建议

    但这些并不足以使用户的情绪平复,为了达到情感化,针对不同类型网站的用户,一般我们可以采用下面的方法表达我们的态度:

    • 直接表示出现错误
    • 表示抱歉
    • 转移用户的注意力
    • 用诙谐幽默的方式提示用户到了一个错误的页面
    • 卖萌,讨喜

     

    最后谈一下404设计误区

    要知道一个能服务于用户的设计才是一个很好的设计,所以为了服务好用户,404设计需要遵循以下规则:

    • 404页面符合网站自身的设计风格,让用户不会觉得误点了外链;
    • 404页面不要自动跳转,让用户决定去向;
    • 文案要温柔婉转,给用户留下一个好的态度。

     

    这就是我第一做404页面设计的经验总结了。


    我的试水作品:1

    2

    (根据以上原则,我采用了“用诙谐幽默的方式转移用户注意力”的方法来平复用户的坏情绪)

    这个404页面是在用户听音乐,发现没网络的情况下设计的。

    通过关键词“找”,把“网络”拟化为了物品,知识。根据这个,设计了生活中常见的拿放大镜找东西,在书本里找解答方法的小动画。并提供“打开本地音乐”和“重试”的选项为用户的下一步操作提供选择,以此来缓解用户的焦虑,并留下好印象。

    共同学习,共同进步,谢谢阅读。

     

    文章来源:UI中国

    作者:化流水躺湖底

     

    转载请注明:学UI网 » 404页面的情感化设计



沪ICP备19023445号-2号
友情链接