商丘做网站,商丘网站优化,商丘网络推广,商丘网络公司
当前位置:首页 > 万博体育娱乐 > 网站设计 >

Whatsapp的设计如此微妙,而你却不知道

发表日期:2018-01-05 13:19万博娱乐体育浏览次数: 本文关键词:Whatsapp,的,设计,如此,微妙,而,你却,不知道,

  如此微妙的设计,竟然没人告诉你!

  

 

  (我发誓,我没拿他们的钱写软文!)

  我们喜欢一款即时通讯软件的程度就好像我们有多喜欢自己拥护的球队。我们总是能发现身边有一些iMessage、WhatsApp以及Facebook的死忠粉,他们维护自己热爱的应用软件的疯狂程度是我们难以想象的。哦,我忘了提Kik,但是好像也没什么人用Kik。

  为了激起大家激烈的讨论,我在此声称Whatsapp是最好的即时通讯产品,因为他们做出了微妙且聪明的设计。(欢迎其他产品的死忠粉们反击)

  当2011年iMessage刚刚推出的时候,许多人预测基于互联网的即时通讯软件Whatsapp将会很快消亡。但是几年过去了,即使像Facebook和Messenger这样的大公司都纷纷进入了即时通讯领域,而WhatsApp还活的好好的,很多人(包括我自己)仍然使用Whatsapp的频率高于前两家软件的总和。

  虽然存在着关于跨平台的争论(iMessage不适用于非iPhone手机),但我的观点认为,平台是一个不可知论,实际促使WhatsApp成为最好的通讯产品的动因是其微妙的产品设计

  色彩

  首先,我们先来聊聊色彩。Messenger和iMessage都选择了白色背景,蓝色表示“我的信息”,灰色表示“其他人的回应”。而Whatsapp选择默认的米色背景,“我的消息”呈浅绿色”他人响应为白色。

  

 

  那么,重点在哪儿呢?

  作为即时通讯工具,其最常出现的应用场景通常是“在不面对面的情况下与我的朋友和亲人沟通”,因此不难看到,这里的关键是你与谁沟通。不是你的同事,不是你的老板,是你的朋友和亲人!

  iMessage和Messenger所使用的冷色调以及性冷淡的风格确实看起来很酷很专业,但是在工作场景之外,它所带来的视觉效果是与用户的期望不相符的。听起来可能有点俗,但是当我和我的朋友家人聊天的时候,我的内心应该是温暖柔软的,而不是冷漠坚硬的。

  WhatsApp提供的米色色调很有温度,俏皮的图标,色彩鲜艳的名字,仿佛能够让我感觉好像大家坐在一起,在沙发上玩“大富翁”。因为这是最自然的情感需求,所以这能带来最美好的心理感受。

  

 

  相反的,iMessage&Messenger让我觉得自己在工作。当我结束一天的工作躺在沙发上,我想要想起的是我除了工作之外的生活和时光。

  我知道,把设计做的极尽美观是很诱人的,我也经常陷入这种困境。但是作为产品设计师,我们一定要摆脱这种自我审美为中心的理念,产品看起来很美并不意味着这是一个很好的设计。设计存在的意义在于更好的解决产品问题。如果设计没有帮助解决产品问题,哪怕再美观也不是好的设计!

  信息架构

  当你在iMessage和Messenger中单击“新建”时,会弹出一个空白栏,提示你输入某人的姓名或从列表中选择一个用户。在使用WhatsApp时,第一个选项是在从个人用户列表中选择创建一个新组。

  

 

  这个细微差别告诉我们的是,WhatsApp在优先处理个人消息中的群组对话。基于WhatsApp的这个设置,更多的人会在Whatsapp上创建分组。你可以思考一下,你的社交互动有多少是只与一个人发生的?不仅如此,在创建群组时,Whatsapp会提示你给群组起名字,并邀请你为群组添加一个有代表性的照片。

  从一个用户的角度来说,iMessage和Messenger是为实用而构建的,当我有一对一的传递重要信息诉求的时候,它们是我的首选。但是对于与亲朋好友聊天扯淡,满足我内心温暖柔软的这一部分,是属于WhatsApp的。

  当我看着我的WhatsApp聊天列表的时候,我想看到的是一系列丰富多彩的个人照片和信息,有回忆有感动,又可爱的猫猫狗狗和逗趣的表情包。

  

 

  (对,我喜欢狗狗~)

  人是情绪化的动物,即便有些行为和想法会不符合逻辑。就好像我使用WhatsApp的时候感觉就好像那是一个可以让我称之为家的地方,但是如果他的用户界面让我觉得我在盯着电费账单,想想也是很崩溃的。考虑到我自己使用社交软件的频率,我还是更喜欢每次都是在家的感觉。

  交互

  我总是跟朋友们感慨,像Dribbble这样的设计社区已经转向了做数字艺术,而不再专注于设计。

  设计是为了解决问题,而艺术是精神表达。这就意味着美学和艺术风格只有在解决了用户的问题之后才有价值,实际上,如果不能解决产品问题,再多的艺术点缀也都是无用功。

  当你在使用iMessage发消息的时候,你注意过它的提示音吗?听以来像是一个持续一秒钟的一阵小旋风的声音,接着你就会看到“消息送达”的反馈。这是一个关键的实践,伴随着出现在聊天窗口的“消息送达”提醒还有悦耳的音效和流畅的动画,但是发送和反馈的时间却有点长。

  即时通讯软件最基础需要传递给用户的信息就是——你的消息是即时的。

  作为一名产品设计师,我要把自己放在用户的角度去看他们关心什么,当他们使用即时通讯软件的时候会出现什么样的情绪波动和想法?通过对人群的观察我发现,各类消息反馈速度对于消息发送者来说是至关重要的。

  有趣的是,iMessage的传输速度与Whatsapp消息的传输速度应该没有什么不同。但是WhatsApp就是感觉更快,因为发送的消息会立即出现在聊天中,并且下面会出现灰色的复选标记,而不是像iMessage那样出现“消息送达”的字眼。在我看来,这细小的差别是有巨大价值的。

  

 

  一个关于移情的教训

  机会是转瞬即逝的,不是因为我们觉得这个机会不重要,而是因为我们错误的选择了其他我们自认为关键的东西。

  技术公司过去只关注计算机的原始能力,不断的将速度提高再提高,但实际上在应用中“速度”有时会损害用户的使用体验。Nielson Norman研究小组进行了一项研究,发现了一个教训就是——因为速度对即时通讯来说很重要,所以它是产品本身而非产品优化目标。

  我们需要确保我们所设计和优化的内容是能够让用户实际体验得到提升的。否则,我们只是花时间和金钱来制作不需要存在的功能。要做到这一点,设计师们需要花更多的时间去理解用户。

  我在为一家名叫Battlefy的快速发展的电子竞技公司工作,我们一直在寻找高级产品设计师。如果你对电子游戏,电子竞技和科技初创公司有浓厚的兴趣,欢迎你来加入我们。

  作者:Chris Lee

  译者:Max小姐

  原文链接:https://medium.muz.li/why-whatsapps-design-makes-it-the-best-instant-messenger-aa706bf7a41d

  本文系人人都是产品经理翻译团队@Max小姐 翻译发布,未经本站允许,禁止转载。

  题图由译者提供

如没特殊注明,文章均来自网络! 转载请注明来自:http://www.bluecatslive.com/news/wzsj/6575.html

网站设计案例推荐

热门文章

揭秘2017年最新的网站快速排名设...

网站在前期的时候都是很难上排名的吗,那么是因为你的网站基础优化都没做好,怎么可能会有排名呢,首页说到了基础的优化那就要从根本的地方说起。前期就是先把网站的设计和网...

日期:2017-06-30 浏览次数:5371

终于等到你!2017年2月设计圈实...

随着情人节的结束,2月份的设计圈干货大合集悄然更新。新的工具新的资源,依然是以往的分量,依然是相同的味道。和过去的合集相似,免费的素材、工具、服务占据了列表中9成的...

日期:2018-04-01 浏览次数:642

现代404页面设计趋势分析与案例...

每个网站都是由不同功能不同类型的页面构成的,当用户打开错误链接的时候,网站的404页面就派上用场了。一个可靠的404页面在告知用户他们走错地方的同时,还应当引导用户继续浏...

日期:2018-02-27 浏览次数:633

商丘建站公司:内行讲堂!让设...

你还在加班为每一个小功能的实现自己“码码码”吗?今天想早点下班的你,快来看看我最新发现的工具包吧!有了他们,这些功能你只需要直接用,或者用一点时间把他们优化的比作者创造时更...

日期:2018-04-15 浏览次数:623

商丘网站维护:如何写出一个完...

本文对如何写出一个完美的错误信息,进行了3个重要组成部分的分析。 每个系统都会有无法正常工作的时候。可能是用户的错误或系统的失败。在这两种情况下,以正确的方式处理错...

日期:2018-05-27 浏览次数:618

相关文章

广告系统设计:个性化推荐...

二哈讲述了广告业务的流量提升,在讲述提升广告点击率的时候,提到了迎合用户喜好的概念,本篇就来说说如何迎合用户喜好吧。...

日期:2018-03-18 浏览次数:126

对比这10个注意事项,你的网页...

对于网页而言,视觉信息的传达至关重要。用户通过页面获取信息,文字、图片、图标、按钮、表单等UI元素都承载着不同类型的信息。在这其中,文字的作用尤其巨大。排版设计的时...

日期:2018-01-05 浏览次数:63

如何正确的画出功能逻辑图?...

当我们需要设计任务型功能的时候,除了基础的线框图和交互,更需要提前搞清楚整个功能的内部逻辑流程,简称功能逻辑图。 举几个大家熟悉的任务型功能作为例子,方便大家理解概...

日期:2018-01-05 浏览次数:67

如何设计一个简单的新闻聚合产...

如何设计一个简单的新闻聚合产品?文章介绍了制作极简的新闻聚合产品的7步骤,好奇的你和我一起来看看。 你知道在三四线的县城,用户在哪里看新闻么?不是在今日头条里,而是...

日期:2018-01-05 浏览次数:74

响应式网页设计指南...

响应式网页是一种对于设计的全新思维模式,响应是双方的,是互动的过程,在这个过程中设计师要考虑设备的性能、Dom节点数量、屏幕的大小等。 1、如何理解响应式设计(RWD) 响应...

日期:2018-01-05 浏览次数:64

随机推荐

说走就走!勾引你出门旅游的网...

让用户“看见” 是一种心机行为...

网站建设首页设计图文混排的技...

弹框体系总结...

超全面干货!弹窗设计的5条基本...

网站设计之卡式布局运用策略...