打造完美情人 细节设计方法十一则

发表于2015-05-03
评论0 1.3k浏览

       起这么一个情的名字,是因为这篇文章我写着写着,就感觉打造一个细节完美的产品,就像打造一个完美情人一样。你希望她温柔漂亮、善解人意、有生活情趣、上得了厅堂、下得了厨房、打得跑流氓.... 

从去年开始,公司一直在强调精品战略。腾讯的产品体验在业内已算是不错了。要在这个基础上再出精品,细节设计是很重要的一方面。

然而如何去做好细节设计?从去年到今年,自己也算是参与了几个很注重“创新”的项目,也在不断地思考这个问题。借着细节设计案例网站little big details上一些自己觉得还不错的案例,总结了一些设计方法,算是抛砖引玉吧。

这篇文章算是一个概要吧,每个点都值得单独写的。为了不让这些点看起来太散,我对它们做了分类。

实用型:给用户多一点贴心

它们的特点是能切实的解决使用问题。为用户提供操作上的便利。我把这些点分配到了用户完成任务的四个步骤中。

http://km.oa.com/files/post_photo/122/168122/5861d4c9633da7d49611533a0b523171.gif

有趣型:让用户多一点欢乐

这些方法并不是为了解决什么问题,但会让整个产品有一些自己的特性,常常是用户能感知到的“亮点”所在。

http://avocado.oa.com/fconv/files/201307/fe33748db4e0c279647087e15ef29adb.files/image002.gif

好了,下面开始长篇解说。

1、心有灵犀-知道我想干嘛

预判用户的目的,为用户提供便利操作。

一般是根据用户习惯,基于用户之前的操作、或者所处的环境进行预判。

http://avocado.oa.com/fconv/files/201307/fe33748db4e0c279647087e15ef29adb.files/image003.gif

 

http://avocado.oa.com/fconv/files/201307/fe33748db4e0c279647087e15ef29adb.files/image004.gif

Youtube这个案例我很喜欢,从一个乐迷的角度讲,这一类信息是我需要的。比那些淘宝广告要好得多。

2、帮助我回忆

为什么?因为人的记忆力是有限的。

http://avocado.oa.com/fconv/files/201307/fe33748db4e0c279647087e15ef29adb.files/image005.gif

我在手机上回复微博就常常被这个问题困扰,想看下原文就得中断回复操作,不看又觉得有遗漏或者忘掉了什么。其实解决的方案不止这一种,关键是产品设计者是否注意到了用户的困惑。

3、提供判断标准

为什么?因为你比普通用户更加专业。有一些用户不知道,没注意的事情,需要你给到提醒和建议。

 

http://avocado.oa.com/fconv/files/201307/fe33748db4e0c279647087e15ef29adb.files/image006.gif

这一条让我想起深泽直人设计的茶包环。

这个茶包环是干嘛用的,一开始我也没想明白。直到看了解释,我觉得也有点意思:这个茶包环是让人们将茶包环的颜色和茶水的颜色进行对比,从而判断茶水浓度。

http://avocado.oa.com/fconv/files/201307/fe33748db4e0c279647087e15ef29adb.files/image007.gif

这是一个很有意思的点。对于一般的产品,可能就是一个贴心的设计。而对于电脑管家这样的专业产品,提供标准有助于树立专业形象。比如“建议您xx天扫描一次病毒”“建议您xx天清理一次电脑垃圾”等等,就是所谓的“专家建议”。

 

4、新的进度表示

这是为了减少用户等待的焦躁感。

进度表示还在干活,没停工,没卡机。这是基础的交互规则,只是用户看了太久的菊花,不妨换换其他进度表示形式。表示进度的同时,多几分趣味,分散用户的注意力,让时间不知不觉的过去。

 

http://avocado.oa.com/fconv/files/201307/fe33748db4e0c279647087e15ef29adb.files/image008.gif

 

5、预防可能的错误

为什么?因为你掌握着你用户更多的信息。可以通过询问或者限制操作,来预防可能的错误。

 

http://avocado.oa.com/fconv/files/201307/fe33748db4e0c279647087e15ef29adb.files/image009.gif

 

http://avocado.oa.com/fconv/files/201307/fe33748db4e0c279647087e15ef29adb.files/image010.gif

 

6、弥补失误

为什么?同样是因为你掌握的信息比用户多,提供恰当的建议可以减少用户的挫败感。

 

http://avocado.oa.com/fconv/files/201307/fe33748db4e0c279647087e15ef29adb.files/image011.gif

7、可视化的反馈

图形永远比文字更能抓住用户的眼球。可视化的反馈能让用户更快的找到目标。

 

http://avocado.oa.com/fconv/files/201307/fe33748db4e0c279647087e15ef29adb.files/image012.gif

 

http://avocado.oa.com/fconv/files/201307/fe33748db4e0c279647087e15ef29adb.files/image013.gif

 

此前针对电脑管家工具箱也提过类似方案。当时的问题是是每次进入工具箱,面对着太多的app,总要花点时间才能找到常用的那个。

方案如下:通过颜色深浅表示使用频率。使用频率越高的应用,其图标背景就越深。这个方案能够解决问题,但要求图标背景单一,界面不能太花。实现上还是有代价的,没有采用这个方案。

 

http://avocado.oa.com/fconv/files/201307/fe33748db4e0c279647087e15ef29adb.files/image014.gif

 

8、在我可见的地方提供反馈

对于一些重要的消息,一定要让用户第一时间注意到。

 

http://avocado.oa.com/fconv/files/201307/fe33748db4e0c279647087e15ef29adb.files/image015.gif

 

在这里也顺便吐个槽。微信怎么就没做发送失败通知呢?我有好几次发了信息,等了半天没等到回复,点进去一看才发现发送失败-.-作为android用户,我描绘了一下我的朴素需求:

 

http://avocado.oa.com/fconv/files/201307/fe33748db4e0c279647087e15ef29adb.files/image016.gif

 

9、随情境而变

能够对真实情况作出反应,而不是一直一成不变。

这一条我更喜欢用另一个词描述就是“不傻”。

 

http://avocado.oa.com/fconv/files/201307/fe33748db4e0c279647087e15ef29adb.files/image017.gif

 

 

有趣的设计

这个还是有点难度的,不仅需要你有点有趣的生活态度,还需要你主动的去想。因为没人会要求你去做这些,你的需求列表里也没有这么一条。当你想出来了,也不一定能把设计推动实现。

 

Anyway,你需要有娱乐精神,自己高兴就好了。

 

10、拟物的设计

模拟一些现实生活,更容易将人们代入场景。

 

http://avocado.oa.com/fconv/files/201307/fe33748db4e0c279647087e15ef29adb.files/image018.gif

 

http://avocado.oa.com/fconv/files/201307/fe33748db4e0c279647087e15ef29adb.files/image019.gif

 

11、人性化的语言

人机交互早已从最初的代码语言优化为图形界面和自然语言。然而即便是自然语言,机器也是冷冰冰的说着机械的话。什么时候,机器才可以像“人”一样交谈,和我们“说人话”。

 

http://avocado.oa.com/fconv/files/201307/fe33748db4e0c279647087e15ef29adb.files/image020.gif

 

这个案例很有意思。因为我们也是做安全的,但我们没有这样试过。“这个可能有危害。别说我们没提醒你...”加上后面这句,就像一个人在提醒你了。而且这样似乎更容易让人三思一下是否要继续下载。

 

最后再总结两点:

做整体的细节设计

细节设计都是一些很小的点,去琢磨这些值得吗?Allenzhang讲微信的一段话讲得很好:

 

“但是每个设计细节背后,都包含了设计者的人文情怀在里面。没有这些,产品就是由一堆功能的堆砌。没有一种粘合剂把各个功能粘合起来。它将是缺乏趣味的一个产品。”

 

细节设计不是设计一个细节就够了,就像文章开头的所列,细节是分布在用户完成任务流程中的每个过程。要做,就要做整体的细节设计。

细节在设计之外

分享一篇傅盛买坚果的体验《超出预期的包装食品》,这种传统行业服务的细节也很有启示,感兴趣的可以点过去看看。

其实看了这么多案例会发现,细节设计常常是在基础流程之外,再多想一步,再深究一下,再往周边想一想。不局限在完成任务本身。

 

细节,在设计之中,更在设计之外。相信这样用心打造的“完美情人”,也能打动用户吧。

如社区发表内容存在侵权行为,您可以点击这里查看侵权投诉指引

0个评论