美文网首页PM产品经理
「情感化设计」人情味 说人话

「情感化设计」人情味 说人话

作者: 善为 | 来源:发表于2014-03-03 23:25 被阅读680次

    从开始做产品时有意无意会在产品中想着去加入一些能够凸现人的情感的元素,交互的设计上、文案的反馈中,试图用一种有不那么机器的方式与用户互动沟通。后面开始接触到一个词语「情感化设计」,慢慢开始关注、思考、践行情感化设计,带有人情味的设计、说人话的沟通方式。

    举几个自己所负责的产品中的栗子:

    加载*努力加载*

    当用户触发查看更多的内容时,在发出请求到展现内容这个过程中,如果做不到足够的快,秒开,那么在用户等待的过程中,更应该关注用户的情绪,避免用户在等待过程中的产生过多的焦虑,给予一些带有趣有温度的反馈提醒,当然这个是需要结团队情况考虑资源和成本的。

    下面是从最低成本的文案入手的栗子:

    design1

    大家都在加载中,而你是努力加载,通过文案赋予产品人性,让用户感受到这句话是有温度的。

    超时*宝宝睡着了*

    当用户发出的请求在指定时间内未得到服务器相应时,服务器会反馈给用户一条 message,告知用户当前发生了什么情况,接下来可以干什么。

    11年底,自己做的第一个亲子图片类APP,在用户使用App的过程中,时而会出现超时的情况。(说来惭愧) 当初给出的message是"网络连接错误,请重试",多次收到用户的反馈,说碰到这一情况,但自己的网络又是非常OK的。非常的不爽。 用户在碰到这个情况时,需要重新操作一次,就可以了。这个体验非常差,这更是是我们的问题。在未能得到满意解决的情况下,最后也不得不先采取治标的方式——修改文案。

    下面是针对客户端产品的超时的临时解决方案:

    d2

    结合产品自身的特点,设计了上图中的文案:表情+发生了什么+可以干什么。 表情:试图用符号表情*^o^*去奠定一个情感基调,用了笑脸而不是哭的表情,让用户感受到这是不是一件沮丧的事情。 发生了什么:宝宝睡着了。结合产品的特点,对出现的情况换另一种妈妈们更容易理解和接收的说法。 可以干什么:请重试。(当然文案还可以更彻底一些,如:唤醒)

    文案修改后,带来了立竿见影的效果,这类的用户抱怨和反馈基本上消失了。(目前该App已停止更新,遗憾最终未能解决此问题)

    退出*逗你玩*

    我理解的设计,在某些场景中不应该是持中立的态度,它应该有自己的立场,帮助用户顺利的达到他的目的,避免误操作给用户带来的损失,引导用户朝对站方有利的方向上发展。

    下面是针对「退出」这一操作的设计:

    d4

    当用户加入圈子后,点击「退出」操作时的挽留设计。 视觉上表达了设计的态度,文案上加入了人的调侃式的话语。 询问用户是否真的是要退出,若用户误操作的话,还有弥补的机会,整体设计上希望用户能够留在圈子里。

    404*离家出走了*

    相信大家都有遇到过404页面,就是当用户输入或访问了错误的链接时,返回的页面。

    404页面的目的:告诉浏览者其所请求的页面不存在或链接错误,同时引导用户使用网站其他页面而不是关闭窗口离开。(来自百度百科

    下面是针对 wap 产品设计的404页面。

    design3

    在设计中加入了一些对于80后这代人有共鸣的元素——停台——小时候看电视时每周星期二的下午电视台为了设备检修,一般都会停台。而网站上的主流人群大多属于80后,他们小时候大多经历过这种欲哭无泪的情况。这个时候针对这类人群,当访问到网页链接错误的页面时,希望通过用户生活中遇到的电视台停台这个经历过的场景去对应当前所遇到的404NOT fOUND的情况,帮助用户理解,同时也转化受挫时的负面情绪,希望让用户感到一种似曾相识的亲切,帮助用户唤起一段过往的记忆。虽然电视台停台这个画面更适合视频类网站,但这里我更关注于人的情感。

    设计是一种沟通,走入用户群体中,站在用户的立场、体会场景任务中用户的情绪,以一种用户乐于接收且喜欢的方式与用户沟通,这不仅仅需要赋予产品设计上的人情味、说人话,还要能够让用户感受到足够多的爱。 做有爱的产品,这条路很长,Keep going。
    推荐阅读
    13年看了唐纳德·A·诺曼 的<a href="http://book.douban.com/subject/1314262/" target="_blank">《情感化设计》</a>,虽还没完全系统的形成如何带入情感的去设计产品,但或多或少的感受到了有情感的产品所带来的魅力。
    

    相关文章

      网友评论

        本文标题:「情感化设计」人情味 说人话

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