首页

4个案例教会你如何像设计师一样解决问题

高劲

好的设计是能够解决不少问题的,具备设计思维不仅仅对设计师很重要,对我们来说同样不可忽视。那么,什么是设计思维呢?我们又应该如何用设计思维来解决问题?本文作者通过这四个案例,教会我们如何像设计师一样解决问题

不要让我思考: 20 句可用性设计名言

高劲

编辑导读:想要做好一个设计师,就要多研究优秀人士的作品,取长补短。现在互联网的发达,很容易就能在网上找到相关的学习资料。本文以史蒂夫·克鲁格的名著作为引入,分享20句关于界面可用性设计的名言,希望对你有帮助。

设计,以及许多其他领域,都是建立在优秀专业人士的作品和发现之上的,每个想要成为某个领域专家的人经常寻求指导来学习如何把事情做好。专业导师的各种书籍和文章现在都可以在互联网上免费阅读,让努力学习知识的人很方便的找到。

我们经常会分享来自数字设计领域最优秀专家的名言和睿智的想法。你会在迈克·蒙泰罗(Mike Monteiro)所著《设计是一项工作(Design Is a Job)》里找到有关设计的短暂洞察,奥伦·沃特尔(Aarron Walter)的《为情感而设计》(Design for Emotion)以及排版大师埃里克·斯皮克尔曼(Erik Spiekermann)的一系列智慧思想也是如此。

下面我们要分享的是史蒂夫·克鲁格(Steve Krug)的名著《不要让我思考(Don’t Make Me Think)》中的一组引言。

2000 年初版,14 年后再版,《Don’t Make Me Think》在今天仍然切合时代发展,符合实际需要。史蒂夫·克鲁格为界面可用性设定了一些基本原则,并与该领域的专业人士分享,这使得本书成为 UX 设计师推荐的最重要的资源之一。

可用性第一定律——“不要让我思考”描述了关于网站可用性的要点、案例和见解。创造不需要用户过多思考的界面设计,不仅可以解决问题,而且易于使用。这里有 20 句名言,反映了“不要让我思考”的一些关键点。

1、如果某件事需要大量的时间投入——或者看起来会这样——它就不太可能被使用。

2、让每一页或每一个屏幕都不言自明,就像商店里都有良好的照明:它会让所有的商品看起来更好。访问一个不需要我们思考的网站会让人感觉毫不费劲,相反,为不相关的事情多花心思会浪费我们的精力、热情、还有时间。

3、无用的客套话(“happy talk”)都是一种沾沾自喜的宣传,你可以在蹩脚的小册子里找到。与好的宣传文案不同的是,它没有传达任何有用的信息,它一个劲的说我们有多棒,而不是描述是什么让我们这样棒的。指示说明必须被消灭。

4、可访问性(Accessibility)非常重要,它不仅仅是正确的做法,而且是非常正确的做法。关于无障碍访问,如果没有引起足够的重视,你就无法意识到,它能显著的改善一些人的生活。仅仅通过把工作做得更好就能显著改善人们的生活,这难道还不够厉害吗?

5、另一个让人困惑的来源是那些看起来不太明显的链接或者按钮。作为一个用户,我永远不应该花哪怕一毫秒的时间来考虑这些东西是否可以点击。

6、最近几年里,让产品更加易用成为几乎所有人的责任。现在,视觉设计人员和开发人员常常要做交互设计(决定用户单击、按下或滑动时下一步会发生什么)和信息体系结构(确定应该如何组织所有内容)之类的事情。

7、可用性(Usability)就是确保让一个能力和经验一般(甚至低于平均水平)的人,能够想出如何使用并完成任务,而不必费事。相信我:事情就是这么简单。

8、可用性是有关人们如何理解和使用事物,而与技术无关。

9、关于指示说明,你只需要知道一点就够了:除非“蒙混过关”多次尝试失败,没有人会去读它们。

10、你越仔细观察用户,并倾听他们明确表达他们的意图、动机和思考过程,你就越会意识到,他们对网页的个人反应是基于许多变量的。试图用一维的“喜欢”或”不喜欢”来描述用户是徒劳的,而且会适得其反。另一方面,好的设计会考虑到这种复杂性。

11、那些设计网站的人并不在乎让事情变的明显和容易,这会削弱我们对网站及其背后公司组织的信心。

12、然而在现实中,大多数时候我们不会选择最佳选项,而是选择了遇到的第一个合理的选项,即所谓的“满意”(satisficing)策略。

13、大部分的网页设计问题(至少是对重要的那些问题来说)都没有一个简单的“正确”答案。有效的答案是那些运作良好的、满足需求的综合设计,它们往往经过了仔细思考,良好的执行和测试。

14、删掉每页上一半的文字,然后把剩下的再删掉一半。

15、设计师喜欢微妙的线索,因为微妙是复杂设计的特征之一。但网络用户通常都很匆忙,经常会错过这些线索。

16、如果你在设计了很多不同的网站之后只发现一件事,那应该是:几乎所有的设计理念——无论一开始多么糟糕——都可以通过足够的努力,在合适的环境下变得可用。

17、你的主要职责应该是分享你所知道的,而不是告诉人们应该怎么做。

18、你的目标应该是完全删除说明文字,让每项内容不言自明,或者尽可能做到这一点。当说明文字绝对必要时,把它们减少到最少。

19、和遵循惯例去设计相比,设计师们面临很大的诱惑去重新发明轮子。很大程度上是因为他们觉得自己被雇来是要做一些新的、不同的事情,而不是做原有的旧事情。更不用说,来自同事的赞扬、奖励和高级职位很少是基于“最好地利用惯例”这样的标准。虽然少数时候,在重新发明轮子上花的时间足以制造出新的革命性滚动设备,但通常情况下,这只是浪费时间而已。

20、如果你想要一个很棒的网站,一定要测试。因为你在这个网站上工作了好几周,已经失去了新鲜感。你了解的太多了。要想知道它是否真的有效,唯一的方法就是测试它。

 

文章来源:人人都是产品经理           作者:Alina Arhipova


蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 平面设计服务

设计的行动思维

涛涛

你不会想要在紧急的状态中去完成一件事情或一个设计作品,又或是做出一项决策。但如果你有系统的方法,则会让你走出困境。

反复训练,你的大脑就会习惯这样的思维方式,当你处在紧急状态或者处于危机时,你的大脑便会像受过训练一样,帮助你快速决策或走出困境。

本文讲述《设计的行动思维》,它是一种优秀的思维方式,我用这样的思维方式来指导我的设计行动;我以微信、淘宝、星巴克设计案例为你演示,帮助你更好地了解这一理论;它可以运用在你的设计执行和设计管理中,亦可以运用于你所在的任何领域。





观察
Observation


你需要反复观察事物和自己认知之间的差异,这些差异往往存在在细小的事物中,不被察觉,需要不断磨练我们的心智,让大脑保持时刻锻炼。

你会发现,你会观察到常人无法观察到的一切,它是事物本身,或者一种现象,或是一处极为细小的变化,让你的大脑时刻接受这样的训练,不止是你熟悉的事物或是领域,你将会触类旁通。

我们每天都在频繁地操作淘宝、微信,你会发现品牌颜色的变化吗?当事物的变化和认知之间形成差异,大脑就会自动做出判断,并观察到这一细微的差异,这是我们不断观察和训练大脑所带来的结果,我把这种行为称为 ‘大脑的高度警觉’。这样的警觉,并不是刻意获取,而是大脑主动传递的。


CASE 1 /  TAOBAO


undefined


这是Taobao APP 商详购买页面底部Button。一般情况下,品牌刷新或VI色调整,都会体现在界面的核心功能区域,例如Button或者Icon上。从‘立即购买’Button的色彩变化,便可以判断Taobao经历了3次重要的VI色调整。


下面颜色是我记忆里的淘宝VI色(大致色值),淘宝VI色的调整也是相应了互联网设计的主流色彩表现趋势:


undefined





CASE 2 /  WeChat


undefined



这是微信公众号后台写作界面底部区域的三个Button。和Taobao的case一致,核心区域的VI设计都会同步更新。我在撰写文章的时候高频操作的是‘保存’Button,自然就察觉到了色彩的变化。


undefined



大脑受训练的程度决定观察结果的细微程度。对颜色的判断能力,我称这种能力为 ‘色彩认知’

又例如公众号默认文章字体颜色并不是纯黑色,而是深灰色(#333)。因为深灰色的文字在白色背景上阅读起来眼部更为舒适。当我第一次书写文章的时候,就发现默认字体的颜色正是我所需要的。



undefined



CASE 3 /  Starbucks

‘色彩认知’由我们不断观察的结果累积而来。就像您无需动手设计,‘色彩认知’便会告诉你墨绿色界面搭配金色作为辅色,能给界面带来尊贵的气质,这样的设计会让星巴克显得更为高贵。



undefined

[ 星巴克官网首屏截图 ]


常人看到这样的界面并不会有任何意见。用‘色彩认知’来讲讲我的观察。星巴克的主色是墨绿色,在官网大面积使用,则带来‘视觉压抑’的感觉,我想通过简单地改变,来提升星巴克的品牌气质。


我用Photoshop吸管工具从官网首页上的一张照片中提取颜色:香槟色(Champagne),这样的颜色在墨绿色底色上有较好的辨识度和品质感,适用于标题性文字颜色。


undefined

[ 从照片中提取颜色 ]


在前期的训练中,也可将图片马赛克,这会辅助我们挑选颜色,当你足够熟练后,即可直接用吸管在照片上选择更丰富的色彩。


undefined

[ 从马赛克照片中提取颜色 ]


香槟灰(Champagne gray),可用作常规阅读段落文字颜色,在墨绿色上面会显得柔和、舒适。


我重新设计了首页的文字与版式:


undefined

undefined

[ 优化后的效果 ]


下面是之前的效果。对比看看:


undefinedundefined

[ 官网截图 ]


这是最简单的用户感官上的提升。而更重要的是‘用户心理’上的提升,这将在用户阅读文字内容时发生。我们先看看文字内容(翻译如下):


标题 | 事情在变,但我们仍然在这里为您服务。


正文 | 我们已暂时关闭店内咖啡厅,但部分杂货店和直通车位仍然开放。某些市场还提供星巴克提供的Uber Eats服务。请访问我们的商店查找器以获取的商店营业时间和营业地点。


按钮 | 寻找门店


这段文字是星巴克官方在疫情期间所写,并不是一段激动人心的品牌宣传文案,所以我们在设计的时候应使用常规的文字颜色,为避免白色在墨绿色下带来的刺眼,我选择白灰色(#e3e3e3)的字体颜色。标题想表达的潜意识文字是:‘虽然我们碰到了困难,但是我们依然坚持为您服务’。我改为香槟色,来体现星巴克积极的态度与服务的品质,会显得更有力度。


在页面中使用这样的颜色,同样可以提升设计的活跃度,为品牌带来更好的品质。例如,将颜色应用到星巴克官网中小图标设计和文字上面,来提升品质感与活跃度:


undefined

[ 优化后的设计 ]


undefined

[ 官网截图 ]



超乎常人的细微观察意味着敏锐的市场嗅觉,意味着更前瞻性的设计思维,为身处品品牌的设计师带来巨大的商业价值和用户共鸣。



定向
Orientation


当我们观察事物的时候,旁人和你一样,也在观察你所观察的事物,同是一件设计作品,在于你是否能更快速地发现观察对象的弱点,这些弱点就隐藏在事物之中,往往和某一处细节有所关联。

找到弱点,利于我们定向事物的问题,从而帮助我们快速找到解决方案;快速地观察并发现事物的弱点,取决于大脑前期观察训练的累积。

当身处紧张、有限的时间,我们无法获得更多的思考与验证,则需要我们在这之前做出更多的观察训练。训练越多,你的大脑则能更快速地发现事物的弱点,便于你更好地定向问题。



决策
Decision


正确的决策依赖于你对问题的定向。有效地判断事物的弱点,则能更准确地做出决策。我相信认知与观察都是可以训练的,在我们的日常生活中,颜色的排列与组合,在我们眼前频繁地出现,我们可以从任意的事物中来观察,将观察与获取结合在一起,并付诸于你的行动。


undefined



就像我们生活中所观察到的水果的颜色,你可以从中获取到这些色彩搭配,并将它们存储在你的记忆中。当设计中需要表现活力、清爽的设计元素时,你自然会想到这些绿色和黄色的搭配。



行动
Action


行动之前,无需刻意地去完成流程化(观察、定向、决策)的过程,大脑的速度与行动指令在一瞬间完成,这依赖于大脑在这之前的观察训练。当你看到事物,大脑便会条件性地做出反应并支配你的行动,你可以理解为‘条件反射’,这极大程度依赖于我们前期的大脑训练与积累。


undefined



‘ OODA’ 是职业军人:博伊德创立的战略理念,这一理念对美国以及西方企业界和管理学界有着巨大的影响。 《设计的行动思维》是我在‘OODA’的基础上加以我的理解,并将它转化为设计的新思维,我称它为‘设计的行动思维’,并将它运用在我的设计执行与管理中。

观察、定向、决策、行动,最重要的是‘观察’。观察是一个日积月累的过程,并非一日之功。在我的设计工作中,我能快速地发现产品问题并提供解决方案,这来自于我对观察的日积月累与学习,使我能快速定向问题,作出决策,并付诸于我的行动。在行动中,我会再次循环,直至不会出现任何的设计问题。

福布斯、哈佛商业评论都介绍过博伊德的战略理念,数十本专业管理著作都提到过他。美国管理学界对海军陆战队产生了深厚的兴趣,向商业企业界大力推荐‘海军陆战队方式’,而这个方式的灵魂就是‘OODA’,这是博伊德作战思想的结晶。

对我来说,OODA是一种行动思维,它可以改变您在设计工作中的思维方式。可以运用在您的设计执行和管理中,乃至您所在的任何领域、包括您所担任的任何角色。

文章来源:优设    作者:Riixiong 


蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 平面设计服务


设计师如何地组织头脑风暴

涛涛


头脑风暴是一种常用的设计方法,能够帮助设计师开阔思维,快速获取大量灵感与方案,当然,这是在理想的情况下。实际上,很多头脑风暴是漫无目的,效率低下,毫无收获的。而头脑风暴需要很多人参与,如果浪费了大家的时间而一无所获,那发起者简直尴尬到能抠出两室一厅。

那么,设计师如何才能地组织一场头脑风暴呢?下面我将按“开始前”,“进行中”,“结束后”的顺序,介绍整个头脑风暴流程中提率的一些心得体会。


开始前


明确想要解决的问题

我们一定是为了解决某个问题,而不是为了闲聊组织头脑风暴的。所以我们要先明确问题是什么,才能引导大家帮助我们。

我们可以试着用一句话去概述它,注意必须要具体,不能太含糊。“如何设计一张海报”就是一个很糟糕的描述。试着把目标用户、业务目标、场景加进这句话,比如“如何设计一张能够吸引应届毕业生加入XX设计中心的朋友圈海报”。


拆解问题

明确具体问题后,我们还需要将它进行拆解成一个个关键问题,这样才能有序展开讨论,而不是漫无目标地侃大山。比如刚刚提到的那个问题,就可以拆成“应届生的关键词是什么”、“应届生找工作时最关心什么”、“XX设计中心的关键词是什么”、“什么样的元素能够代表设计师”、“什么样的朋友圈海报形式比较吸引人”等等。



制定流程

有了明确的问题和关键问题后,我们要做的就是将它们在头脑风暴按步骤上提出来,让大家跟着我们的节奏去展开脑洞,这也就是头脑风暴的流程。一场头脑风暴往往包含背景介绍、多轮脑暴、阐述想法、投票等环节,作为组织者需要详细规划每个环节的顺序、时间,特别是需要控制总时长(尽量别超过一个半小时),预留中场休息的时间,毕竟大家很难长时间集中注意力。


确定分工

一般来说头脑风暴里有三种角色,主持人、记录员和参与者。参与者的职责不用介绍了。主持人的职责是带着大家按节奏讨论,记录员的职责是记录大家的想法和拍照,缺一不可。


确定参与人员

参与人员的数量一般在5-10之间,人数太少收集不到足够的想法,人数太多讨论效率低,耗时长。参与人员的身份需要根据你想解决的问题确定,如果是比较大型的项目,参与的人员需要多元化,把产品经理、程序员都拉进来,方便获得不同视角的观点,也能够提高合作方的参与感。在我们上面举的海报例子中,如果能拉应届设计师加入脑暴,将非常有帮助。


准备工具

除了笔、便利贴、A4纸,我们还需要准备一份写了每个步骤需要完成任务的PPT,帮大家明确任务。


提前通知

大家的工作都比较忙碌,所以请至少提前一天邀请大家参与头脑风暴,并且简单交代背景,提供一些资料,方便大家提前消化。


进行中


介绍背景

首先要简单跟大家介绍一下背景信息,以及接下来的大概流程,活跃一下气氛,带大家进入状态,讲段子也算是新世纪设计师的必备技能了。


重量不重质

头脑风暴的目的并不是要获得考虑得非常周全、详细,能够直接落地的方案,而是大量的想法和灵感。所以我们需要鼓励大家在短时间(5-10分钟)内输出尽可能多的想法(四五十个不算多),不要太纠结可行性、成本等细枝末节的问题。


延迟评论

作为主持人,切记不要当场对参与者的想法做出负面评论,或者谈论执行细节的事情,以免打击参与者的积极性。如果有领导参与,要注意避免领导的威压影响其他参与者打开脑洞。


控制节奏与讨论主题

互联网从业者大多是思维活跃的可爱人儿,开一个头他们就能唠上一天,所以主持人一定要留意时间,按照既定计划,当大家偏题时引导大家回归到对主题的讨论上。


中场休息

如果整场头脑风暴的时间超过半个小时,就需要给大家安排中场休息的时间,可以提前准备一些零食和饮料,帮助大家放松,以便接下来能够集中注意力接着讨论。


记录与拍照

记录员应该将大家的想法和每轮讨论、投票的结果记录下来,方便后面回溯和汲取灵感。拍照也是很重要的工作,这将为最后的设计提案提供宝贵的图片资料,让整个设计流程展现在决策方面前,提高说服力。



结束后


总结成果

主持人应该将简单总结一下大家讨论、投票的结果,表达对大家百忙之中参与头脑风暴的感谢,为下次拉人做情感铺垫(开玩笑)。


整理材料,同步结论

会后需要及时对头脑风暴的结果进行整理和分析,并将结论以邮件的形式同步给参与者(表达对参与者的尊重)和领导(同步工作结果)。整理时可以按可行性和效果两个维度划分idea,找出比较平衡的方向。


写在最后

头脑风暴是很有效但也很容易浪费时间的一种设计方法,开始前详细规划,进行中稳稳把控,结束后及时总结与同步,能够帮助我们提率。

另外,头脑风暴只是为我们提供了灵感和方向,并不一定要选择获得票数最多的方案执行,还是需要根据实际做判断,不要过于机械。

文章来源:站酷    作者:失灵 



蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 平面设计服务


用一篇超全面的文章,帮你掌握服务设计思维

涛涛

在当前的行业背景当中,设计师了解交互视觉就足够了么?NO!JDCD今天带来服务设计思维,分享好的设计将具备哪些技能点~

为什么UED要加入服务设计思维

随着整个行业的融合和发展,设计师职责的边界越来越模糊,线上线下的融合,设计的链路也越来越长。一个优秀的设计师,不仅要懂得视觉、交互,还要懂产品、运营、用户研究等。

因此设计师输出的产物不再是单一的设计稿,也许是一个优化的建议,一个方向的描述,或者思路的呈现等等。好的设计师应该是在全链路的各个环节,都能够有的放矢的输出对业务有价值的产物,并最终推动业务达成目标。

今天我们来聊聊服务设计思维~

什么是服务设计

服务设计作为一个融合性的学科,通过对人、物、行为以及环境和社会之间系统关系的梳理,以用户为中心,围绕用户重新规划组织资源,促进组织运作,提高员工效率,最终提升用户的体验。

概念读起来有些生硬,我们简单来说:

首先举个经典的栗子~

如果您想喝咖啡,有两家咖啡店挨着,咖啡味道一样,价格一样,你会选择哪家咖啡店消费呢?理由又是什么?同样的两个咖啡店,要做一款店面销售APP,我们来看看两家咖啡店是如何做的~

咖啡店A的做法:

召集设计师埋头苦干了几个月,然后交付给顾客,结果顾客在这个APP里并没有得到想要的。

咖啡店B的做法:

与顾客交谈,做研究和调研。观察顾客们在喝咖啡前、喝咖啡时、喝完咖啡后都做些什么,并据此画出用户体验地图,找到他们在体验地图中的高潮和低谷点,以此找到服务的机会点,再开始寻求解决方案。

同时,团队找到利益相关者,比如店员,听听他们平时遇到的问题,听听创始人对咖啡店最初的愿景,还有市场团队、供应商等人…这些利益相关者们在一起开一个工作坊,他们确立明确的商业目标,开始设计出一些概念,并且向已有的顾客做测试分析。他们做了技术分析,并绘制了服务蓝图,确保中后台系统能支持概念的落地,他们设计出了顾客喜爱的APP。

以上两家咖啡店的案例呈现中,用户接触到的服务产品最终使用效果则大相径庭。对于咖啡店的客户来说,咖啡店B就是做到了服务设计。

为了加深大家理解,再举个例子~

假设你家灯泡坏了,你要换灯泡,需要个梯子。

此时产品设计的工作就是设计这个梯子,怎么样才能轻便好用,美观大方。但是服务设计要做的是思考需要个梯子换灯泡这个需求,或者是灯泡坏了需要修这个需求,基于这个需求/问题,服务设计给出的解决方案可以是:

你需要一个梯子,但不需要在家里备一个

  • 有一个平台可以提供租用梯子,按小时计费。
  • 社区(物业/社区自治组织)提供租/借的梯子(共享基础工具)。
  • 梯子分享平台,我用了你家的梯子,你可以用我家的电钻。

你不需要一个梯子,你只想修好你的灯泡

  • 买灯泡的时候便附带了修灯泡的增值服务
  • 处理修灯泡等杂事的人员雇佣平台
  • 你平时在社区做义工,此时也会有社区义工前来帮你修。

以上这些方案如何选择,如何完善,谁来买单?谁来运作?具体实现方式、传达方式,包括产出方案,都是属于服务设计的内容。

服务设计五大原则

为了更好的应用服务设计,设计师们需要了解服务设计思维的基本原则,并在打造服务时,聚焦服务设计思维的原则。辅助一些工具、方法去支持和实现原则基础上的服务设计。

1. User-centered 以用户为中心

以用户为中心,服务需要从用户的眼睛来看世界。无论是服务还是产品,其本质最终都是为了解决用户的问题,因此我们必须始终贯彻以用户为中心的思想,这是我们所有工作的基础。

工具1:用户画像

在产品开发或创建服务的早期阶段,需要首先明确:用户是谁?他们的需求是什么?为什么会选择我们的产品?理解用户的第一步是创建用户画像。

用户画像基于群体的真实信息,由多维度数据组成,整合所有用户群体信息的集群。除了人的自然属性,用户画像也会含有如生活习惯、行为特征等人的社会属性。汲取真实的,具有共同点的用户信息,作为多维度数据。

这类数据最终可以代表一类用户群体。用户属性在一定情况下可能发生改变。

例如,因工作原因更换居住地,饮食习惯的改变,网购习惯从化妆品变为母婴用品等。用户画像是动态变化的过程,需要不断迭代管理用户画像。

工具2:典型用户

典型用户又被称为「真实虚拟人」(real fake man),因为尽管人物是虚构的,但它背后的动机和需求是真实的。

典型用户越具体、特征越详细,我们想要获取的那个「终极用户形象」就会越清晰真实!明确典型用户和使用场景的关联,避免孤立使用典型用户,脱离用户场景。

我们通常将典型用户档案打印成板或海报,方便整个团队分享。复杂产品或服务的典型用户会有多个,代表多种不同类型的用户。

比如,网购平台的典型用户从职业和年龄的维度,可能会有商务精英、职场小白、在校学生、空巢老人、全职太太等。

△ 图片摘自:《服务设计驱动的革命:引发用户追随的秘密》

工具3:同理心地图

同理心地图通过多维度(所想、所感、所听、所看、所说)描绘更加生动的用户形象,便于跨领域团队建立对目标用户的同理心,从中得到意想不到的洞察。

同理心地图可针对特定用户群来描述:用户的想法和感觉(think&feel)。

  • Hear-用户听到了什么。
  • See-用户看到了什么。
  • Say&do-用户说了什么和做了什么。
  • Pain-用户的烦恼与痛苦。
  • Gain-用户真正想要的东西与价值。

使用这个工具的关键在于要有同理心,框架只是辅助思考。同理心不是与生俱来的,但可以训练得到。培养同理心的最好方式是带入真实情境中,用身体与大脑去参与、模仿和感受。

△ 图片摘自:《服务设计驱动的革命:引发用户追随的秘密》——同理心地图以妈妈使用冰箱为例

工具4:影子计划

影子计划即像「影子」一样伴随用户进行观察,是对用户体验产品/服务的结构化观察,主要用于新产品/服务的消费者研究领域,通过观察用户使用某些产品或服务时的情绪、肢体语言、节奏、行为模式和时间等信息来全面了解用户。

工具5:AEIOU观察框架

AEIOU是整理观察记录的框架工具,通常会在观察时使用表单直接记录,可以和影子计划结合使用。

  • A-活动activity:人们为实现某一目标而实施的一系列行为。
  • E-环境environment:活动发生的场景。例如周遭环境的属性、功能、特点、氛围。
  • I-互动interaction:人与人、人与物、人与空间,或者人与数字之间的互动。
  • O-物品object:涉及物品。环境里有哪些物品?和用户活动的关联是什么?
  • U-使用者user:用户

△ 图片摘自:《服务设计驱动的革命:引发用户追随的秘密》

2. Co-creative 共创

服务设计所解决的是一项复杂的问题,它没有正确的答案,只有最优解。如何找到最适合路径?让服务提供者和使用者以及不同的利益相关方,共同参与设计和创造的过程。借助不同背景、不同职能的人不同维度的思考,共同探索最优解。

共创,无疑是服务设计最佳的工作方式。

工具1:疯狂发想法

人与动物或最好的人工智能之所以不同,是我们人类具备将「是什么」(what is)引导至「如果什么,将会怎样」(what if)的能力。疯狂发想法就是给挑战一个不同的前提,在这种背景下思考更多的解决方案。

△ 图片摘自:《服务设计驱动的革命:引发用户追随的秘密》

工具2:头脑风暴图

如果您的思路还没有被充分打开,还有另外一种常用的方法可以帮你拓展思考,那就是头脑风暴图。

头脑风暴图有九种角度的思考方案:替代法、借鉴法、逆向法、组合法、改进法、拓展法、消除法、转换法、重组法。

△ 图片摘自:《服务设计驱动的革命:引发用户追随的秘密》

工具3:世界咖啡

世界咖啡的主要精神就是跨界。不同专业背景、不同职务、不同部门的一群人,意见互相碰撞,激发出意想不到的创新点子。人们很容易被自己的专业和经验所限制,公司也很容易被既定文化或价值观所限制,同构性越强,越不容易产生新的点子。

世界咖啡让参与者从个人固有风格、学习方式和情感智商等维度中解放出来,用新的视角看世界。

△ 图片摘自:《服务设计驱动的革命:引发用户追随的秘密》

工具4:DVF筛选法

共创最后一个步骤也是最重要的一个部分是筛选,在众多的概念中发现真正的沧海遗珠是一个巨大的挑战。

我们可以从用户、商业和技术三个维度来筛选概念,即DVF筛选法。

Desirable用户合意性,Feasible运营/技术可行性,Viable商业可行性。

△ 图片摘自:《服务设计驱动的革命:引发用户追随的秘密》

3. Holistic 整体性

用户体验就像一场有计划、有组织的精心设计的演出:它有高潮,也有低谷,它环环相扣地在讲述一个故事,而用户就身在其中。把握用户的情绪和服务的节奏尤为重要,更重要的是由点及面地全局思考,保证这个故事的整体性。

工具1:用户体验地图

用户体验地图梳理了典型用户从初次了解服务到形成契约关系的完整过程,站在用户的视角再现用户场景和服务流程的体验感受。

此工具很实用,下图是以一次部门内部设计分享演讲为例,站在听众的角度设计演讲的节奏、内容、互动等,关注听众的感受,才能让这次分享演讲达到想要的效果。

工具2:场景卡

场景卡用于描述不断重复发生的问题,其作用在于从场景中获得洞察,以及未来服务的机会。它和用户体验地图的区别是它专注于单一的场景,可以更细微地了解用户处境。场景卡经常和用户体验地图搭配使用,用来展开思考重要触点,甚至有时会融入用户体验地图中变成一部分。

△ 图片摘自:《服务设计驱动的革命:引发用户追随的秘密》

工具3:服务供给地图

服务供给地图(offering map)是用来分析可提供给用户的服务。可视化的方式可以更好地阐述想要提供的服务。由于用户需求(needs)和服务端的供给(offering)有着直接对应的关系,在表达服务概念时,可以同时呈现用户需求和服务供给。此时服务供给地图通常需要展现逻辑和层次,因此多用信息架构图表现。

△ 图片摘自:《服务设计驱动的革命:引发用户追随的秘密》

4. Sequencing 有序性

服务需要有逻辑、有节奏地视觉化展示出来。服务是在一段时间内的动态过程,时间线对用户非常重要。服务的节奏也很重要,会影响用户的情绪。

工具1:故事版

故事版是以用户为主要角色,以爽点、痛点或者产品、服务与用户的互动为剧本发展的「场景分镜头」,是讲故事时的重要道具。

△ 图片摘自:《服务设计驱动的革命:引发用户追随的秘密》

工具2:桌面演练

如果说故事版是平面示意图,那么桌面演练(desktop walkthrough)就是个三维故事版,能够随时补充新的想法,更快速的移动和判断。它可以看成是帮助设计者模拟端到端用户体验的互动式的迷你剧场。

△ 图片摘自:《服务设计驱动的革命:引发用户追随的秘密》

工具3:戏剧原型

戏剧原型是用表演的形式,辅助一些简单的道具来模拟搭建服务场景,展示服务内容,把服务体验概念带入日常生活场景的检验方式。

△ 图片摘自:《服务设计驱动的革命:引发用户追随的秘密》

5. Evidencing 有形化

无形的服务需要被适时展现出来。服务很多时候是在后台默默进行的,用户无法感知。

工具1:服务蓝图

服务蓝图能帮助设计者视觉化呈现服务时如何被执行与运作的。用户体验地图关注用户在每个服务互动触点所经历的事情与感受,服务蓝图更注重服务中的各个要素有没有被正确地设计和整合在一起,来描述整体的体验流程。

△ 图片摘自:《服务设计驱动的革命:引发用户追随的秘密》-共享汽车服务蓝图

工具2:服务缺口

服务缺口是用户对服务的期待或需求和实际接收到的服务之间的落差。服务缺口是一个分析模型,可以用来探讨服务发生的原因。

工具3:利益相关者地图

利益相关者地图是以图画来视觉呈现和理清所有利息相关者之间的方法。与服务有关的各个群体因为共同的利益聚在一起,服务提供方在解决问题时就能够善用资源。对利益相关者来说,综合全面的概述是改善服务或创新尝试所必须的。

△ 图片摘自:利益相关者地图 Stakeholders Mapping

服务设计与用户体验设计的区别

体验设计关注触点和人,而服务设计则是由表及里,将触点、用户体验和组织中后台支持都规划在内,体验设计是服务设计的起点。

△ 图片摘自:服务设计又来了!服务设计强调的是「幸福感」

另一个区别就是服务设计的收益者是双方(提供者和接收者),而用户体验则聚焦于用户。

说到这里,可能部分同学还是没有记清楚服务设计的和用户体验设计,其实服务设计包含了用户体验设计,也包含人性化设计或者情感化设计等等。如果一个设计只有接收者单独受益,那不能称之为服务设计,只能说是针对用户的用户体验设计。

个人感悟

世界变化如此之快,你还站在原地吗?我们时刻走在学习的路上,不断地武装自己。遇到新的概念或者方法论,要先深入了解并进行独立思考。实践才能出真知,多应用到自己的项目中,结合项目进行实践和反思,让我们在设计的路上走得更远!

敲黑板划重点,服务设计思维,我们讲了这么多~分享出去跟小伙伴一起学习吧,你也要记得来复习哦~

文章来源:优设    作者:Design with CloudAI

2020年设计师应该掌握什么样的设计思维?

涛涛

你的设计是否能被理解?为什么设计的价值总是不被人认可?本文将从深入浅出,带你了解全局性设计思维的真正力量。

导读

你的设计是否能被理解?为什么设计的价值总是不被人认可?

设计不仅仅只是带来美感,好的设计能够为产品、公司甚至整个社会创造巨大的价值。而在创造好的设计这个过程中,最重要、也是最容易被人忽视的,便是设计思维。

何为全局性设计思维?它能够为设计师带来哪些价值?本文将从设计的本质出发,结合设计的发展趋势,带你了解全局性设计思维的真正力量。

目录

  • 我们为什么需要设计思维?
  • 下一个时代在哪里?
  • 互联网「下半场」,从大势中看变化
  • 设计思维的转变,差异与融合
  • 探寻全新的思维方式
  • 全局性设计思维概述
  • 如何运用全局性设计思维?
  • 以全局性设计思维,构建设计体系

这篇文章的主要内容,来自我在 19 年底的一个沙龙分享。整个分享以设计思维的角度入手,讲述了全局性设计思维的来源和重要性,以及我是如何在不同产品线上去运用这种设计思维的。

何为全局性设计思维?为什么要讲这种思维方式?

这是我一直在探索并实践的一种设计思维。从最开始的理论雏形,到各种项目的实践,不断进行修正和完善,最终形成了一套卓有成效的思维方式。通过这种思维方式,我逐步帮助产品解决了许多长期性的问题,并最终构建了各种不同类型的设计体系。最终,随着品牌矩阵与产品体系的落地,形成了一个完整的网易智慧企业设计体系。

△网易智慧企业设计体系

因为篇幅原因,本篇文章将重点从理论层面阐释全局性设计思维的导论、价值及使用方式。而具体的实战案例,我之后将会以另外几篇单独文章的形式进行展现,并详细讲解在设计过程中的一些细节与过程。希望能够帮助大家更深入地去理解如何根据不同的场景正确地去使用这种思维方式。

未来可能会包含以下几篇文章:

  • 全局性设计思维 | 如何打造强大的品牌体系
  • FishDesign 组件库 | 从零到一构建企业级 UI 组件库
  • 全局性设计思维 | 如何构建事业部级大型设计体系

当然,目前的设计体系仅仅只是一个开始,未来还有很长的路要走。

希望本文能够为你带来小小的启发,让设计思维帮助你更好地发挥设计的价值。如果你对某一方面特别感兴趣,可以直接跳到这一章进行阅读,无需浪费过多时间。如果你有任何疑问,也欢迎随时与我交流。

一个习惯性的序

这次把序放在了第二段,这样子看上去就不那么不务正业了哈哈。当然,写序更多的是为了记录生活,希望每一篇文章不仅仅只是传递知识,更是一篇有温度的文章。

整个 2019 年中,经历了很多事情,人生观也随之发生了些许变化。

从并肩作战的同事的不断离去,到逐渐需要考虑团队的发展。从单打独斗闯天下,到思考如何让整个团队更加优秀、如何建立完善的设计体系等等。

角色、心态、责任,以及如何坦然地面对自己。

活在当下,用心生活。这是我一直当作座右铭的语录,也是我希望给自己的承诺。总是试图去尝试这种状态,但却异常艰难。像我这样的人,看上去总是「积极向上」,总是「规划未来」,总是希望事事完美,强迫着每个细节的完善。但不知不觉中,人生好像开始进入了「自动驾驶」的模式,活在了过去的思索中,活在了未来的规划中,唯独对于当下异常麻木。

这并不是我想要的生活,我开始尝试做出改变。

偶然间,通过一些书籍,我开始尝试正念禅修。感受每个呼吸中空气的流动、感受身体的每个部分、感受当下空间发生的每一件事情。虽然只是很浅显的境界,但正念依然对我产生了巨大的影响。我开始重新地审视自己的人生,审视自己的生活状态。

△ 网易蜗牛图书馆:与快乐的小伙伴们

这种感觉,就像再次的呼吸了新鲜空气一样。

我们其实只存在于当下的时空中,过去和未来,并非真实存在的事物。回想一下,我们有多久没有像小时候一样,完完全全、毫无杂念地享受在当下的时光中了?

用心活在当下,平静地接纳一切发生的事物,这种感觉真是太美好了~

我们为什么需要设计思维?

对于设计师来说,什么能力更为重要?是设计这门「技术」本身,还是思考如何去设计的「思维」能力?

对于不同的设计师来说,一定会有不同的答案。

这两种能力本身并不矛盾,他们相互影响,互相促进——就像「术」与「道」之间的关系。设计能力决定了设计作品的输出质量,而设计思维则决定了你思考问题、解决问题的能力。

然而,在现实的大环境下,「术」的重视程度远高于「道」,造成了很多设计师与日常业务的「分离感」。以至于,多数的设计师,无法将自己的设计能力有效地用于日常业务中;抱怨他人不理解设计,也因此错失了许多机会。

重视设计美感,其实并没有问题。视觉是最直接的表现方式,我们从最初开始喜欢这个行业,并最终成为设计师,大概都是因为如此。包括我个人,也是美感的追求者,常常为了几像素的细节,调整无数稿。也常常沉浸于自己的作品无法自拔。

但是,美感之后,设计还需要什么?

路易斯·沙利文曾讲过:「形式追随功能」。而功能存在的意义,则在于解决问题。视觉的形式、美感,很多时候只是包裹在外侧的表层,而解决问题才是设计真正的核心。视觉的表现,一定要遵循解决问题的方式,向用户传递恰当的信息,最终引导用户以此来解决问题。

因此,我更希望更多的设计师,在追求美感的同时,能够重拾设计思维本身,寻找设计最根本的价值。

我们其实可以站得更远一些。学会去理解事物,学会用设计去解决问题。再以此为基础,通过你的设计能力去塑造它、点亮它,让它成为一个真正美好而又有价值的设计。

而设计的价值,将会成为你的价值。

下一个时代在哪里?

互联网时代中的数字产品设计,需要什么样的设计思维?或者说,当下我们需要什么样的设计思维?

这个问题的答案,好像一直在变。

互联网本身便是一个新的形态,1989 年「万维网」发明,1996 年中国引入互联网,到今年已经有大约 24 个年头。我们经历了不同的互联网时期,而「设计」的概念也一直在变化中。

Internet 1.0 PC 互联网时代。在这个时代,我们将大量的信息虚拟化,并通过网络进行信息传递。而我们的「设计师」们大多被称为「美工」,我们的「设计思维」,便是将信息变得更好看。

Internet 2.0 移动互联网时代,或者称为消费互联网时代。自从 2007 年乔布斯发布第一代 iPhone 之后,叠加 4G、wifi 等技术,手机成为日益重要的终端,世界逐渐进入了移动互联网时代。伴随着 iPhone 与其应用的出现,乔布斯让所有人理解了「用户体验」的重要性。我们不再是「美工」,我们变成了「UI 设计师」、「交互设计师」。而这个时代,我们的设计思维变成了「用户体验思维」。

那么,下一个时代在哪里?我们的设计思维又将如何转变,才能适应下一个时代?

互联网下半场,从大势中看变化

1. 红利消失、增长触顶,互联网下半场到来

最近几年,我们已经能够明显地感知到——互联网的「寒冬」真的来了。随之而来的,便是互联网的发展方向似乎也正在发生变化。于是大约从 2017 年开始,互联网圈内逐渐出现一个新的名词——互联网「下半场」。人们普遍认为,中国的互联网将会由消费互联网时代进入下一个时代,即互联网下半场。

我并不完全认同互联网「下半场」的称呼。互联网本身是一个年轻的行业,中国互联网「下半场」,其实更像是互联网发展方向转变的标志。

因此,我们认为的下一个时代的方向,也许将会是 Internet 3.0——即产业互联网时代。

互联网为什么必须要进入下一个时代?

对于互联网企业来说,一方面在成本端,随着人口红利消退,劳动力价格上升,企业的成本将逐渐升高,倒逼管理者使用系统和工具来提率;另一方面,在收入端,野蛮增长的时代结束,增量经济转向存量经济,红利经济转向效率经济。

在「成本」与「效率」的双重压力下,再加上整个市场经济的下行周期,整体经济出现下滑,而一些依靠融资的互联网公司将难以为继。因此企业不得不寻找方法来提升效率,降低成本——而这正是企业级软件(ToB 产品)最擅长的地方。

因此,在互联网寒冬之下,ToB 市场便理所应当地开始被重视。

让我们纵观整个中国市场的发展,互联网的兴起虽然促进了消费领域的蓬勃发展,但产业领域的发展则因此受到了巨大制约。中国率先从消费端、从第三产业开始数字化,然而在第一、二产业的数字化进程似乎并不是很快。一个重要的原因是,人口红利促使了消费互联网的快速发展,而这种红利让人们忽视了产业互联网的重要性。

在寒冬之下,我们终于发现,消费互联网蓬勃的基石,正是底层坚实的产业互联网。产业互联网如果不能得到有效的发展,则整个市场经济将无法更进一步地发展。

因此,产业互联网时代的到来,是中国互联网发展的需要,也将是大势所趋。

2. ToB市场将迎来机遇

产业互联网的发展,需要依托 B 端领域的发展,并逐步融入并带动整个产业进入互联网时代。那么,B 端产品在中国目前处于一个什么阶段呢?

对于整个中国的 ToB 行业发展现状,大多数的人并没有一个清晰的概念。盘点中美上市的科技公司会发现,美国 toC  领域与 toB 领域市值之比是 6:4,但在中国这个数字是 20:1。

虽然互联网的整体环境不同,但中国 ToB 行业的发展,显然是落后太多了。于是乎,2018 年开始,BAT 大举布局,PE、VC 加速进场——中国 B 端产品已经逐渐进入必须发展的时候了。

中国市场已经坐拥全球最发达的消费互联网体系,而产业互联网的发展却严重滞后。

同时,对比 B 端中云计算领域的 IaaS、PaaS、SaaS 三层架构,全球市场中 SaaS 占据了 52.5% 的份额,在中国却是 IaaS 分走了最大的蛋糕,占比达 61.2%。中国市场 VC 的投资总额已经与美国相当,在 SaaS 领域美国企业获得了全球 70.1% 的融资,而中国只有 11.7%。

因此,在互联网下半场,相对于 ToC 行业的触顶,ToB 行业将会迎来历史级的发展机遇,随之而来的将会是产业互联网时代的逐渐到来。而在整个 B 端产品的类目中,SaaS 产品作为企业级软件中最集成的产品,也将随着这股浪潮迎来爆发式的增长。

什么是 SaaS 产品?很多同学并没有接触过 B 端行业,平时用到的也都是 C 端产品,所以对 B 端产品的了解比较少。在 B 端行业最热门的云计算领域中,目前普遍会分为三层架构。SaaS(Software as a Service–软件即服务);PaaS(Platform as a Service–平台即服务) ;IaaS(Infrastructure as a Service–基础架构即服务)。

附:云计算领域,三种不同的架构与对应的服务。

PaaS 基于 IaaS 实现,SaaS 的服务层次又在 PaaS 之上,三者分别面对不同的需求。越往上层,产品的集成度越高,提供的服务也就越丰富,而用户所需要的自行解决的东西就越少。而最顶层的 SaaS 产品,便是用户可以直接购买并使用的云端产品。

我们为什么要了解这些趋势?

因为一个新的时代,对应一场变革,也将成为一次新的机会。不管是 SaaS 产品还是其他 B 端产品,都将在新的时代中逐渐得到重视。而 C 端产品的发展策略,也将迎来新的变化。对于许多设计师来说,这将会是一个新的机遇。

顺势而为,方能乘势而上。

设计思维的转变,差异与融合

那么,在逐渐到来的产业互联网时代,设计师需要注意哪些东西?设计思维又将进行如何转变?

产业互联网时代,意味着 B 端产品将得到重视,并与 C 端产品逐渐趋于平衡。因此,了解设计思维的变化,我们首先要从 B 端与 C 端产品之间,在产品设计与产品策略之间的差异性说起。

1. 服务对象的差异性

从服务对象来看,C 端产品的服务对象是人,产品的目标是针对人们生活方式进行的变革、升级。而 B 端产品的服务对象则大多是企业,目标是帮助企业进行商业效率的提升,从而产生价值。

服务对象的差异性,决定了产品在发展策略也将存在着较大的差异性。

2. 产品「打法」上的差异性

从宏观的打法上看,消费互联网时代会更求「快」,而产品互联网时代则会更偏「稳」。

C 端产品的服务对象是人,而人的需求在个体差异性上相对变化较小,这就决定了 C 端产品通常都拥有广阔的用户市场。

因此,消费互联网时代就像是资本在辽阔平原的角逐,长驱直入。讲究快速占领市场,不断地试错、不断地调整。从团购到直播,从打车到短视频领域的兴起,再到最后的单车大战落幕。消费互联网时代的每一次风口,都伴随着各种「游击战」式的竞争。入场速度、快速调整能力、资本深度,都直接影响了最后的结果,而最终的结果也往往是胜者为王,败者将快速地被市场淘汰。

B 端产品的服务对象是企业,而企业间的需求差异性则非常巨大,这就决定了 B 端产品通常需要较强的纵深能力。相对应的,其用户群体在总量上就比较小、但也相对稳固。

因此,产业互联网就像在崎岖丛林的蹒跚前行,渐次演进,如同一场旷日持久的拉锯战。一方面,产业互联网的链条非常长,需要长期的深耕、积累才能逐渐站稳脚跟。而这也导致了产品的壁垒足够深厚,同类产品在短期内无法快速跟进。另一方面,企业间的差距需求的差异性非常大,因此产业互联网存在非常多的细分市场,不同的产品各自在不同的赛道中深耕。而其最终的结果往往是百花齐放,各自盛开。

3. 整体行业的协同发展

虽然整个市场都不断地强调——ToC 增长触顶,ToB 是一片蓝海。但这并非是「取而代之」,而是逐渐走向整体的「协调发展」。中国 ToB 的发展的一个重要根基,其实是「中国拥有世界上最成熟的消费互联网体系」这一巨大的优势。

因此,ToC 在很长的时间内,仍然会是互联网的主力,而 ToC 市场的转型,也将有赖于 ToB 产品所提供的服务。

而随着中国将「互联网+」政策上升为国家战略,更是明确了以互联网带动传统产业的发展方向。因此,互联网的下半场,即产业互联网时代的最终形态,将是互联网与传统行业的「融合式发展」。

ToB 产品将会成为带动互联网下一轮发展的核心驱动力。一方面帮助 ToC 领域完成转型,进入更健康、更稳健的发展阶段;另一方向,ToB 领域赋能传统产业与互联网相融合,并最终完成产业升级。

4. 产品形态的融合与趋同

整体产业的融合趋同,意味着产品的特性也将互相融合。一个很重要的现象是:C 端产品逐渐变得不那么 C 端了,而 B 端产品也越来越变得不像 B 端了。

比如 C 端产品的主流赛道中,随着头部产品的赛道日渐趋于稳定,其产品体量也因为业务扩展而不断增加。同时,因为产品体系的逐渐形成,为了服务更多的 C 端用户,会有越来越多的 B 类用户进入平台,而为了满足 B 类商家的需求,产品的 B 端属性变得越来越强了。

而随着 B 端产品的不断受到重视,原先不被重视的产品 UI、用户体验也逐渐在 B 端产品中得到加强。B 端用户虽然服务于 B 端,但使用者终究是人。而随着竞争的不断加剧,原来的「重功能、轻体验」思路逐渐式微。我们逐渐发现,许多 B 端产品长得越来越像 C 端产品了,甚至在 UI 和体验层面做的与 C 端产品不相上下。

因此,随着产品属性的融合趋同,意味着设计思维势必会与消费者互联网时代存在差异。而我们的设计思维将不仅仅局限在诞生于消费互联网时代的「用户体验思维」。我们需要更新的、更广阔的设计思维,以满足下一个时代的产品发展需要。

那么,新的思维是什么?它将从何而来?

探寻全新的思维方式

从整个市场的协同发展,到产品形态的融合趋同。那么,我们的设计思维需要如何进行相应的变化?是同样进行「融合趋同」,还是另辟蹊径,寻求新的视角?

1. 关键词提取

首先,不管设计思维如何变化,它一定需要同时满足两种产品设计思维的特性。通过前文的分析,我们可以在产品设计特性的维度,提取各自的关键词进行分析:

产品体验:诞生于消费互联网时代的用户体验思维,在产业互联网时代依然是产品设计中最重要的部分。无论是 C 端还是 B 端产品,用户体验必然是产品的核心竞争力,只有足够好用、好看,产品才能获得更多用户,最终获得商业上的成功。

灵活性:在消费互联网时代,在激烈的竞争中,C 端产品的灵活性的打法对于产品的突围至关重要。而未来的 B 端产品竞争将会加剧,这就需要 B 端产品也逐渐需要较强的灵活性。

成长性:产品的发展必将伴随着不断的变化,特别是具有一定体量之后,产品设计的成长性将至关重要。因此,产品的设计是否能够预见未来发展,满足不断变化的产品形态,伴随着产品不断地成长,也将成为产品是否能够持续获得成功的关键因素。

产品效率:因为产品服务对象的关系,B 端产品一直是产品效率的代名词。而在人口红利消失与经济下行的压力下,产品效率将成为所有企业关注的重要因素之一。产品的效率不仅影响着企业的成本,也是产品竞争力的重要体现。

这四个关键词,将会是我们在未来所需要关注的四个重点关键词。越是往左,则「C」属性越强,因为它更多地从用户的角度出发,更关注用户体验。而越是往右,则「B」属性越强,因为它更多地从企业的角度出发,更关注企业的长期发展。

2. 跳出单一层面,寻求新视角

在四个关键词中,我们会发现,特性越是靠右,其所需要的整体性就越强。要满足灵活性,就需要用户体验与产品策略相关联。要满足成长性,则要进一步结合底层的开发能力。而产品效率的提升,则需要产品的设计与不同层面都有着紧密的耦合。

在互联网设计发展的过程中,我们从单点只关注视觉表层的「美工时代」,逐渐发展为关注线性的「用户体验思维」。在对于产品用户体验层面,确实有着长足的发展。

但是,单一层面的用户体验思维,在逐渐成熟的互联网时代中,逐渐显示出了一定的局限性。我们的价值局限于单一的体验层面,我们似乎无法对产品形成更大的影响力,也难以为产品带来体验之外的更多价值。

因此,设计思维想要满足新时代的需求,就需要同时满足前文提到的四个关键词。这就要求我们需要跳出单一层面,以全局的维度去思考产品的设计。

因此,全局性将成为未来的关键,我暂且将这种思维方式称为——全局性设计思维。

全局性设计思维概述

全局性设计思维,即在设计过程中,始终能以更高的维度去审视全局,思考当下的设计。

何以全局,如何跳出单一层面?这种思维方式的前提,是你要首先了解整个产品(亦或是物体、组织等)的运行方式,清楚的知道整个产品需要达到的目标,从而准确、合理地对针对目前的局部做出设计,并最终构成整个完整的形态。

而「全局」的前提,是你拥有更高的眼界。你的眼界越高,你对产品、市场、甚至整个社会的洞察就越全面,你就能够解决越大的问题,你能够实现的价值就越高。眼界是基础,解决更大的问题是目标,而全局性设计思维则是实现这个目标的方式与过程。

全局性设计思维,可以帮助我们跳出产品的单一层面,去思考从产品层、到体验层、再到开发层这一完成的整体。让设计满足体验层的同时,满足产品层面的目标,同时让产品的设计与开发高度耦合,将整个产品串联成一个完成的整体。

好了,讲了这么多,我们具体应该如何去运用全局性设计思维呢?

全局性设计思维的运用方式

全局性设计思维,的应用方式非常广泛。它并不是一个固定的方程式,而是一个更高层面的指导性设计思维,能够通过不同的形式,来帮助你解决问题。

1. 全局观——在生活思考更多可能

在尝试这种思维之初,我们可以通过一些小的实践,去锻炼这种思维能力。

在日常的生活、工作中,其实我们有大量的事物可以练习和运用这种思维方式。比如你在装修一个大房子,需要去选择房子里的家具。当你在购买家具时,常规的思维方式是:这个家具在某个房间时应该是怎样搭配的,所以我要购买什么样形状、颜色的家具,来满足这个房间的需要。

但是,用这么思维方式来购买家具,将为对家具的灵活性与长期价值造成一定影响。从居住环境的长远来看,也许这个家具有可能会因为某些原因,需要放到另一个房间,而它的形状、尺寸、配色却无法满足其他房间的需要。最终,我们只能重新购买,或者接受一个风格、尺寸上并不搭调的房间出现。

因此,当我们在购买家具时,我们是否可以利用全局性设计思维,从整体空间的角度出发(而非单个房间),去思考如何让家具满足更多空间需求。长此以往,我们不仅可以打造一个风格统一的大空间,同时也能增加每个家具的利用率,在无形中也增加了这个家具本身的价值。

之所以举家具这个例子,是因为这个原理与产品设计的原理非常类似。你可以将这个房子看成是整个产品,而家具则是不同的组件。通过不同的家具(组件),构成了我们的不同功能模块(房间/功能区),而所有的功能模块则构成了整个产品(房子)。

房子(产品体量)越大,房间/功能区(功能模块)就越多,家具(组件)的多样性、复杂性就越高,我们就越是需要从全局的角度去思考装修的统一性(风格体系化)和家具的通用性(样式组件化)。只有这样,我们才能更好地去打造一个风格统一、体验一致,同时又具备足够自由调整空间的「大房子」。

2. 全链路——从全流程中重新思考设计

当你仔细地去理解许多非常著名的设计作品时。你会发现,几乎所有优秀的、巧妙的设计,往往在设计中都体现了全局性的设计思维。它不仅仅解决着当前的问题,同时也能够解决更大的问题,发挥巨大的价值。

比如著名的坂茂卫生纸的设计,看似普通,只是将卫生纸的轴心从圆形改成了方形,但它却成为了举世闻名的、公认的好的设计。为什么呢?

我们先了解一下这个设计为什么好。

首先,传统的圆形纸卷拉出来的纸会比你实际需要的更多。而方形纸卷则由于阻力的作用,让你用得更少,从而起到了解决资源的作用。其次,在运输过程中,圆形的纸卷之间会产生很大的空隙,而方形纸卷则能够紧紧靠在一起,提升空间利用率,从而起到降低运输成本的作用。

这简单的设计,居然发挥了如此大的作用。

那么,为什么我们在设计时就没有考虑到这些问题呢?因为我们从最开始,就没有从「纸」的整个全流程来去思考问题。

让我们「站的更远一些」,纸这个商品,并非只是我们见到的在商店售卖的那一刻。它从工厂中制造完成,通过运输送到每个超市中,当我们购买以后,它又会在很长一段时间内,出现在卫生间,陪伴你使用的每一刻。我们可以将整个流程分为 3 个场景,而每个不同的场景,又将会对纸本身有着不同的影响。

  • 运输场景——卫生纸的运输成本——卫生纸的价格
  • 售卖场景——卫生纸的造型、包装——影响用户购买
  • 使用场景——卫生纸的使用过程——影响用户的使用体验

当我们能够考虑到卫生纸的运输过程时,我们就可以通过设计去降低运输成本;而当我们可以考虑到用户的使用场景时,我们就可以通过设计,去提升阻力,降低使用量,间接地去提升用户的使用体验。而当我们通过全局性设计思维,可以同时解决这三个问题时,我们的设计就是好的设计,就拥有了更高的价值。

发现了吗,为什么你没有想到相同的设计方案?设计能力并不是关键,设计思维才是指引你做出好的设计的前提。当你能按上述的方式,去思考整个流程、不同的场景,我相信大多数的人都能够设计出坂茂的设计方案,甚至比这个方案更好的解决方式。

以全局性设计思维,构建设计体系

通过前面的两个案例,相信大家已经了解了全局观、全链路两种应用方式。

那么,我们最最最关心的问题——如何在业务中去使用这种思维呢?

在产品设计中,全局性设计思维也有着非常多样化的使用方式和场景,在之后的文章中我也会讲到很多应用方式。但是,在所有的方式中,我认为最为有效的,便是以全局性设计思维,帮助产品去构建一个完整的设计体系。

1. 设计体系概述

什么是设计体系?谈及设计体系,大多数设计师会认为,设计体系就是设计规范。「不就是找个名次包装一下规范嘛?」

我们为什么需要设计体系?它与设计规范有何不同呢?

设计规范是设计师最为熟悉的一种规范文档。在产品设计时,优秀的设计师通常都会建立设计规范。然而在实际的项目中,设计规范往往无法难以有效实施。比如在开发眼中,规范并不符合开发规则,过于碎片化。而产品经理通常又不会去了解设计规范,因此在构建产品框架时也常常随意发挥。

很多项目做到最后,设计规范仅存在于纸面的意义,并随着项目的发展逐渐混乱。为什么会这样?

因为不同职能间的思考方式存在差别,设计规范对于其他职能来说经常难以理解与运用,无法与其他职能形成有效联动。

设计规范仅仅是基于视觉层面的规范,它是一个「平面」。而设计体系则是贯穿于产品的每个层面的、与产品深度结合的完整体系,它是「立体」的「有机生命体」。

设计体系的核心在于「体」,它是贯穿于整个产品的完整体系。设计体系由设计师创造,并深度融合于产品每个部分。它能够让产品更紧密、更统一、更有序,伴随着产品的生长,与产品共同进化,并最终推动产品的发展。

创造并推动这一体系,则要求设计师需要更全面的能力。只有充分地去理解并参与产品的每个部分的设计,才能让设计真正延伸至产品的每个部分。

而创造这一切的前提,便是全局性设计思维。

2. 设计体系的构建法则

罗马不是一天建成的,设计体系也是如此。设计体系的建立是一个漫长的过程(与产品体量相关),需要在前期投入更多的精力。但若是你的方法得当,就会在项目中越来越轻松,并以此形成良性循环,而你也会越来越有成就感。

如何正确地去构建设计体系呢?我在这里总结了几个要点:

树立观念

首先,树立长期的体系化意识是必要前提。在任何项目中都要时刻保持体系化思维,着眼于整个项目,去寻找体系化的推动时机。当你在潜意识中拥有这种思维之后,你会自然而然的将其植入到设计中。

以解决问题为导向

体系化并非凭空建立,而是建立在解决问题的基础之上。设计体系的本质,就是由无数个标准化的解决方案,最终构成的一个完整的体系。因此,我们要以解决问题为导向,以全局性思维去思考问题的本质,最终建立适用于全局设计体系。

以小为始,重视质量

脚踏实地,从小处入手,去发现产品中最基础的一些问题。表面上看这些问题,对项目影响不大,但他们数量庞大,加在一起便会严重影响整个产品的效率。因此,我们要首先建立高品质的基础体系,再以此为基础构建更大的体系。

不要一开始就设法建立一个巨大的体系,那样只会是一盘散沙,因为它的结构是无序、混乱、不健康的。而这也是大多设计规范缺乏有效性和可实施性的根源。

梅拉妮·米歇尔的《复杂》一书中讲到,任何复杂系统,都是由无数个体通过简单的算法所构成的。在算法领域也是同样的原理,一个优秀而强大的代码,必然是由无数个小型模块,通过简单的算法耦合形成巨大的代码矩阵。基础算法越强大、代码结构越「健康」,可扩展性和灵活性就越强,其能力就越强大。

从规范入手,由面到体

从本质上来说,设计体系是由「多个层面的规范」组合而成的。因此,由设计师推动的体系化建设,往往最初都是从设计规范这一「单层规范」开始。但是,设计体系的建设需要将单层的规范,通过不同的方式,转化为不同层面的规范,最终由面到体,形成体系化。

换位思考,寻求跨职能合作

设计体系的建立与维护,通常需要多职能的通力协作。因此,我们需要经常换位思考,在完成设计的工作,帮助其他职能完成目标。只有这样,才能得到更多的信任,并以此为基础推动更多体系化的建设。

比如我在设计一个功能模块的页面时,首先会与不同模块产品经理进行交流,了解不同的业务需求,并从产品层面就开始寻求统一性与通用性。这样的话,当其他模块需要同一个功能时,前端便可以直接复用,同时后端的数据也可以进行互通。而在开发端,我也会详细了解不同端的开发实现原理,务求设计规范与开发规则在理解上的一致性。这一既方便了开发理解规范,同时也从根本上提升了开还原的准确性。

长此以往,整个团队就能够建立良好的沟通和互信关系。有了这种默契,设计体系的推动就容易多了。

保持优化,不断成长

设计体系的另一个重要价值在于,它是可以伴随产品不断成长的。所有产品都是在发展中不断变化的,过分僵硬的规则,将会对产品发展起到反作用。

在业务发展中,产品一定会不断地加入新的功能模块,并对原有页面作出相应的调整。因此,设计体系需要时刻与产品策略保持一致,及时与上下游职能沟通,不断地针对产品发展进行优化,以保证设计体系能够符合产品的发展需要。

使用正确的推动方式

体系化最终能否成功实施,推动的方式至关重要。

在日常的项目中,大多数的业务方对设计体系了解甚少,也难以体会其中的价值。因此,他们通常会认为这些东西毫无必要,多数情况也不太愿意配合体系的推进。如果强行推进,反而会引起不必要的阻力,招致反感。那么,我们应该如何正确的去推进设计体系建设呢?

为他人带来价值:首先,寻找双方共同的利益点是首要任务。也许是可以让其他职能的工作更,也许能够促使其达成 KPI,再不直接,那也一定能够为整个产品带来价值(不然你也没必要推了)。总之,设计体系一定要能够为他人带来价值,这样才能顺利推进。否则人家凭什么要协助你推进,因为你美丽可爱吗?你也可能比较可爱,但总归是不能一直这么来吧。

在解决问题后提出方案:不要一开始就啪一下抛出一个「宏大的理想」,大部分人会觉得你不切实际。你只需要通过这个体系,帮助业务方先解决一个问题,然后再提出你解决方式的来源——一个严谨的、可验证的、长远价值的体系化解决方案。

寻找合适的推动时间:最后,对于设计体系来说,寻找到正确、恰当的推进时机至关重要。比如当你在平时突然想要提出,对现有品牌进行升级时,大多数业务方都会认为你是没事找事。而如果情况是在新的一年中,产品进行了概念的升级,这时候你将概念以及未来的品牌规划融入在你的方案中,再去推进品牌升级,就会容易很多了。

文章预告

-本文旨在引导大家更好地理解和学习这种思维方式,想要用好全局性设计思维,光靠讲是远远不够的。最重要的是能将这种思维带入到产品中,为业务带来更大的价值。

因此,在后续的几篇文章中,我将通过不同类型案例,为大家深入讲解全局性的具体实践案例。

全局性设计思维 | 如何打造强大的品牌体系

为什么要建立品牌体系?品牌体系有哪些价值?设计师应该如何推动品牌体系的建立?

本文将带你了解网易智慧企业品牌体系的建设与推动全过程,聊一聊品牌体系建设的那些事儿~

FishDesign组件库 | 从零到一构建企业级UI组件库

我们为什么要建立组件库?在产品的什么阶段需要组件库?如何抽象业务组件?组件库设计过程中有哪些重要的细节需要注意?

本文带你深入了解,网易 Web 端组件库——FishDesign 组件库从零到一的完整全过程。

全局性设计思维 | 如何构建事业部级大型设计体系

设计体系有什么价值?如何基于不同的业务建立设计体系?设计师如何推动体系化建设?在体系化过程中有哪些需要注意的地方?

我将会在这篇文章中,为大家介绍网易智慧企业设计体系构建全过程。

样式组件化+规范体系化,形成产品设计体系,整体重构产品线。

结合品牌体系,推动事业部更多产品加入体系,形成智慧企业 Web 端产品设计体系。

推动更多产品/业务融入体系中,让智慧企业设计体系不断成长,赋能业务发展。

写在最后

好吧,似乎文章又写得偏长了一些。只能说,想要认真地讲清楚一个道理,确实不是一件容易的事情。

设计思维本身并不复杂,但想要讲清楚它的背景、原理及价值,就需要把它整个掰开来讲。而为了确保设计思维的可实施性,又需要经过大量的实践研究,自己能够走通以后,才能与大家分享。

坦白讲,似乎整个社会都在追求快节奏、碎片化阅读。但若是因此而丧失了自己学习的节奏,那么等于是没有节奏的,你的知识体系也将是东拼西凑,无法形成一套完整的体系。这也是我更新比较慢的原因之一,希望大家读完文章,能够切实地得到一些东西,这就很有意义。

文章来源:优设    作者:Jady13

设计思维 - 激活空间

鹤鹤

42个设计思维中的一个知识点~


设计思维 - 激活空间





1.激活空间 - 概念


激活空间的意义在于元素与空间的搭配,能让页面产生灵动性和活力;另外激活空间还有一个影响比较难理解;
当主元素占用版面的主导位置,其他空间过大就会造成观众视线的停顿与停滞;
这样就会导致主体与次客体不会产生一定的关联性;
这时就需要“激活空间”来使两个元素有一定的联结;

undefined



2.空间的概念


在我们理解“激活空间”的概念之前,先来理解一下“空间”的概念。因为平面是一个二维的空间,是二维零曲率广延的一种面,因此我们在定义空间时不需要考虑三维的“第个三维度(一个方向的向量)”带来的影响,我们只要定义空间中的最小单位与空间的相对关系,和定义空间的边际就可以了。如下图所示,平面二维空间中x轴与y轴无限大,那空间也会随之变大。而三维空间中z轴的不断扩大,空间就会随之变大。


只有在有边际的空间中置入一个要素,即使这个要素是最小要素,空间也能被界定。例如一个正方块(一个要素),被放置到一个参照的方框中,这时小的空间就会被界定。如下图所示,二维平面和三维中坐标轴的范围就是界定后的空间,而坐标轴中具体的一个单位就相当于平面中的单一要素。当把要素放入一个有边际的空间中,这个空间就会被界定。


到这里我们只需要了解当我们定义空间中最小的单位,空间也就被界定下来了,理解这个概念就行了。这里的空间中最小的单位指的就是“元素”,而元素被设置好后空间就被界定了下来,这里元素的位置影响着空间,元素激活了部分空间,即激活空间。这了不理解也没有关系,我用简单的图来进行绘制,大家就能理解激活空间的概念了。



3.激活空间 - 理解部分


当我们在一个空间中置入一个元素(一个圆),这时我们就会发现这个元素占了一整个空间。这里如果不好理解就用生活中的例子举例,例如大家都站在自己家的卧室里,并且站在中心点也就是正中间,那这时候给人的感觉就是你占用的一整个卧室的感觉,也就是说整个卧室的空间就被你(视觉元素等于一个圆)所占据了。


接下来大家仔细看啊,如果当我移动一个元素(一个圆)的位置,大家感觉一下平面会有什么样的变化。是不是感觉上面有元素,但下面的空间有些空啊。这是因为只元素只激活了上面的空间,而下面就成了空白的空间。

undefined


接下来我再把平面中的这个元素,向左移动一些位置,大家注意看会有什么样的变化。是不是会发现,左面这一小块的空间被激活了,而右面和下面的一大块是空白的空间。


这时当我再分裂出一个相同的元素,并把这个元素向右移动,这时我们观察后会发现,上面一整块的空间都被激活了,而下面的一整块还是空白空间。并且两个元素之间产生了一定的关联性,它们看上去更像一个整体了。

undefined


接下来我再分裂出一个元素,并且把它的位置移动到最下方,这时我们观察就会发现下面的空间被这个元素激活了,但是中级的部分还是处于空白的,也就是空白空间。如下图这个状态呢,我其实可以延伸出另一个设计思维,那就是“把留白当做一种视觉元素”,但今天就不讲这么多了。这时我们再观察,三个元素所占的位置,是不是刚好能填满一个版面啊,那也就是说他们三个整合到一起,又占据了整个平面。



4.激活空间 - 实际案例1


如果讲到这理论讲的就差不多了,像细节部分大家通过类似的想法脑补一下就行了,接下来我们讲一下激活空间的设计思维如何应用到我们的实际设计当中。我们先来看一个设计作品,如下图所示,大家通过自己的思考,想一下这个作品哪里有问题?


这个作品的问题在于,蓝色标出的部分的视觉重量明显要比红色部分大,而且红色部分之间空白空间占的面积太大了,这样两个红色元素之间就缺少了一定的关联性,整体也会显得十分不协调,那要如何解决这个问题呢?


当我们把红色区域之间的空白空间,用其他元素把它激活,把这里的空间激活,那上下之间就能产生一定的关联。并且用一个有颜色的元素,这里的左右的视觉重量也达到了一定的平衡。



5.激活空间 - 实际案例2


再讲一个案例,咱们看一下第二个案例,我们直接看作品看看它都有啥问题?直接这么一瞅是不是标题的位置不太合适,似乎位置太高了,而下面的冰山看上去很不舒服,不知道哪里有问题,有没有这种感觉?


这个作品的问题在于冰山这块的视觉重量偏左,而且冰山的物理重量并不重,再加上企鹅在上面就会造成物理重量上的不平衡,从自然角度来看也不是很和谐;另外标题与冰山之间的留白太大了,这样就造成了视觉停滞,没有元素可看了,也没有办法引导视线了,也会造成观众对作品整体的影响与理解上的差异。


我们要怎么解决这个问题呢,冰山的物理重量不平衡,我们给右侧画一个企鹅,让它把右面的区域的空间激活,那整体的物理重量相对就平衡了;另外标题与下面元素的距离,可以通过设置新元素-太阳的方式,来使上下之间具有关联性。



6.激活空间 - 实际案例3


再讲一个案例,咱们看一下第三个案例。我们直接看作品看看它都有啥问题?看这个作品总感觉太碎片化了,整体性差没有统一感,而且也不规整并很混沌,元素之间的关联性也不强,有没有这种感觉?


这个作品最主要的原因就是留白产生的负形会对作品产生缺乏整体性的影响。因为这些空间看上去是开放的,没有约束的,零散的且没有统一感的,这时我们需要通过增加元素,利用激活空间的方法来布置它们,这样这些元素就具有了统一性,整体性也就会更强。

这样的整体感就强了一些有没有~

转自:站酷-罗耀_UI

找到本质需求:聊聊内容分类

鹤鹤

资讯产品为例,一段寻找本质需求的旅程。


上篇文章,聊了信息架构。


信息架构有了,得往里面放内容。具体怎么放?特别是当内容非常海量的时候,比如资讯类、购物类产品。这个时候,就离不开内容的分类了。


我们平常看微信公众号(资讯类),会发现,公众号并没有以“科技”、“影视”等维度进行分类,但感觉还好,也没有太多不便。


这种做法,如果放到天猫(购物类)身上,会有点无法想象——硕大一个购物商城,如果不能按照商品的性质进行分类查找,逛起来必然非常不便。


由此可见,关于内容的分类,也是不能一概而论。


那么,内容分类,到底该咋分?个人觉得,笼统的讲,内容分类就是化繁为简,从而更好的满足用户需求。



本文将以综合性资讯产品(手机端、文章类)为例,探讨一下如何给海量的内容进行分类。



01 寻找本质需求


内容分类,既然是为了更好的满足用户需求,那么,我们就从需求出发,从最本质的需求出发。


所谓大道至简,本质的需求一般都不复杂。资讯产品,解决的本质需求是什么?以下是我个人用到的方法,仅供参考。


1 厘清来龙去脉,并注意前后区别


太阳底下无新事。某种程度上,资讯类和购物类产品用到的内容分类,都有借鉴历史。


前面提到,微信公众号没有科技、影视等内容频道。不过网易新闻客户端是有的,类似的内容频道有几十个。


21 世纪最初的十年,逐渐崛起的四大门户(新浪、网易、搜狐、腾讯),也存在几十个这样的内容频道,并沿用至今。


90 年代和 21 世纪初盛行的报纸,比如《参考消息》,也存在类似的内容频道(版面),通常有 10 个左右,同样也是沿用至今。



内容频道这种分类方式,看起来是一脉相承了。但其实这里面有三个很大的变化。


第一,载体由报纸变成电脑、手机(手机还很特殊、被称之为人体的器官)。


第二,报纸代表的是一个信息稀缺的时代,如今是一个信息爆炸、甚至信息泛滥的时代。


第三,报纸和四大门户,基本上都是由专业的记者、编辑来生产内容,质量有一定保障;如今是全民创作时代,各种质量都有。


那么,内容频道这种形式,如今还是最好的内容分类方式吗?


这个问题,是要存疑的。


2 为用户的考虑,尽量周全


由于文章太多,所以有必要按性质对文章进行分类,前台方便展示,后台方便管理,用户查找起来也比较方便。站在企业的角度,这样想,除了可能不够深入,其他也没啥问题。


站在用户的角度,假设有一个从来不买彩票、也没动过相关念头的用户,通常是不会去看彩票相关的内容。对用户而言,一款资讯产品,几十个频道,无数篇文章,往往充斥着大量“彩票内容”。


用户关心什么呢?个人觉得,通常而言,用户只关心“彩票内容”以外、自己兴趣以内的内容,同时还关心怎样快速看到这些内容。


至此,我们可以尝试总结出内容分类需要解决的本质需求了,那就是:兴趣和效率



3 把简单牢记在心


通过前两步,我们已经把本质需求捋出来了。这时候,保险起见,拿本质需求和本条核对一下,看看是否简单。如果本质需求有 10 来条、甚至几十条,通常就是不够简单。


为什么要强调简单,因为诚如张小龙在《微信背后的产品观》中所言,“越简单的分类越易于被接受”。




02 分析本质需求


接下来,我们先剖析一下这俩本质需求,加深一下对它们的理解。


1 本质需求之一:兴趣


相信大部分用户都有这样的感觉:感觉 A 产品的文章,比 B 产品的质量要高;同一类型的公众号,感觉 C 号比 D 号的质量高。


关于文章的质量,个人是这么理解的:

第一,主观上,千人千面,对于质量,每个人都有自己的标准;

第二,客观上,也存在一些比较权威的标准来评价质量,比如豆瓣的影评书评。


不过,常常发生的情况是,即便一部电影的豆瓣评分只有 5、6 分,还是会有很多人去电影院看。


再换一个角度来看:

如果是内容自营,比如心理学科普领域的 KnowYourself(以下简称 KY),就能持续产出较高品质的文章;

如果是平台型产品,像微信公众号,准入门槛又比较低,必然是各种质量的内容都有。


而综合性的资讯产品,普遍都是平台型。


所以,我更愿意这样来理解资讯文章的质量:有些用户是“北方人”,喜欢“面食”;有些用户是“南方人”,喜欢“米饭”。


现在回到“兴趣”这个本质需求上来。


这里的兴趣,是一个广义的概念,既包含了大的方向(比如你是喜欢股票还是彩票),也包含了口味偏好(“面食”还是“米饭”)。


2 本质需求之二:效率


借效率这个话题,简单聊一下手机的特殊性。因为,现在绝大部分用户是通过手机来看综合性资讯的。


情侣之间、夫妻之间、两代人之间,有时候会听到一个词儿,叫“玩手机”。连幼儿园的小朋友都会对自己的父母这样说:爸/妈,你又在玩手机了,到底谁是你的孩子?


不像电脑,手机的办公学习属性很弱,休闲娱乐功能又很强。所以,捧着手机,尤其是在家里,就给人留下了不干正事的刻板印象。


所以,个人猜测,大家在用手机看资讯的时候,潜意识里也会有一点休闲娱乐的感觉,即便是通过公众号在看一些干货文章。


所以实际上,大家也基本上是在用碎片化时间来看资讯:通勤路上;在单位、学校和家里放空的间隙;以及一些无聊的时刻。


在大家的观念里,手机上刷朋友圈和刷资讯一样,都不太属于干正事。


2019 年的微信公开课,张小龙分享的一个数据很有意思。


大概是说,这么多年下来,大家微信好友的数量在增加,朋友圈的内容数量也在增加,但是大家每天花在朋友圈的时间基本是固定的,就是 30 分钟左右。


这说明我们人类是有自我调节机制的。人类的这种自我调节机制,决定了大家每天只会花碎片时间的其中一部分,用来在手机上看资讯


这一特性,无疑也会对“效率”提出更高的要求



03 从本质需求出发,先谈功能特性,再谈内容分类


那就需要聚焦在兴趣和效率上。以下是经过实践检验,比较有效的几点。


1 关注机制


90 年代和 21 世纪初,如果家里订了全年的参考消息,邮递员每天都会把这份报纸投递到你家门口。


2010 年及以后,如果在微博上关注了参考消息。那么,参考消息的每条更新,都会出现在你的信息流里。



关注机制,是一种创新,也是一种“昨日重现”。


用户所关注的账号,通常都是自己感兴趣的;在一个单一维度的关注列表里浏览资讯,效率也得到了很大提升


2 品牌机制


有时候在家看电视,如果没有特别想看的节目,很多人可能就会看湖南卫视。这就是品牌的力量了。


当然,电视台的品牌不止湖南卫视一家。央视和很多地方卫视都是很不错的品牌。


报纸盛行的 90 年代和 21 世纪初,《参考消息》、《大河报》等国家和地方的报纸,都是品牌。百花齐放,百家争鸣。


四大门户盛行的时代,新浪、网易、搜狐、腾讯分别都是品牌,但同时也是一个寡头垄断的时代。


直到博客盛行,品牌的百花齐放才开始复苏,很多人记住了韩寒、徐静蕾、李银河、郑渊洁、王石、潘石屹等各界名人。


微博的问世,品牌再次开始全面开花。


现如今,把综合性品牌经营的最好的,当属微信公众号了。《人民日报》、《三联生活周刊》等老品牌纷纷扎根公众号,公众号也培育了一大批诸如 KY、乌鸦电影的新品牌。这是一个千花齐放、千家争鸣的时代。


通过品牌,用户可以省心而的看到自己感兴趣的资讯内容


3 品牌和频道合二为一


在家里,我外甥喜欢看金鹰卡通频道和卡酷少儿频道。这俩电视台,既是品牌,也代表了“少儿、卡通”这一类频道。


我对心理学比较感兴趣,所以我看 KY 这个公众号比较多。KY 既是一个品牌,也代表了心理学科普领域。


金鹰卡通频道、卡酷少儿频道、KY,他们有个共同点:既是品牌,也是频道。即所谓的品牌即频道、频道即品牌


有了品牌和频道的合二为一,我就不需要再去几十个频道里点“心理学”这个频道、然后再去找文章看。我可以直接找 KY 的文章来看,既符合我的兴趣,又很。


4 推荐机制


人是社会性动物,社交推荐,一直存在。互联网的蓬勃发展,也带来了机器推荐。


前文提到到《参考消息》,中学时代,我买的也不多,很多时候是从同学那儿看到的。


微博鼎盛的时代,大家开始学会一键转发。


如今微信流行,大家开始在微信里分享和推荐文章。


社交推荐的,有时候你未必感兴趣。这里面还有很多其他因素,不在本文论述范围,就不赘述了。


不过,大家是可以在朋友圈、看一看里挑选感兴趣的文章来看,有时候也会从好友的推荐里发现自己感兴趣的内容。


然后再看机器推荐。就在前几年,今日头条凭借比较精准且快速的算法推荐,向用户输送热点和他们感兴趣的新闻,从而在资讯产品里占据一席之地。


总结一下,整体而言,关注机制、品牌机制、品牌和频道合二为一、推荐机制,这四个功能特性,可以更好的满足“兴趣和效率”这个本质需求。



同时做到这四个方面、并且都做的不错的综合性资讯产品,可能就只有微信公众号了。实际上,这篇文章,很大程度上也是以公众号为蓝本进行分析的。


这四个是功能特性。先有功能特性,再做内容分类。


微信公众号是怎么对内容进行分类的呢?抛开推荐机制,只有一个维度,那就是订阅号消息列表。从几十个列表到只有一个列表,更简单,更。


如果跳出来看,也可以理解成有 3 个维度:订阅、朋友在看、精选。这样就把推荐机制也包含在内了。从几十个到 3 个,依然简单,依然。



结语


内容频道/版面,这一特性,被资讯产品一直保留了下来。从这一点也能看出,我们在做内容分类的时候,很多时候都会借鉴生活、借鉴历史。


这其实是非常好的习惯,因为“艺术”来自生活。生活里流传下来的事物,很多都经历了岁月的洗礼。洗礼过后,大浪淘沙始见金。


然而世事纷扰,一不小心,我们可能只是借鉴了形式,而没有借鉴到精髓。


找到那些简单的本质需求,我们就有可能在纷纷扰扰的生活中,借鉴到最精髓的部分。然后相应的设计出比较简单的功能特性和内容分类。


有了能更好满足本质需求的内容分类,这款产品的发展也会更加持久。


行文至此,又到了要说再见的时候。就让我们用下面这句话来结束本文。


太阳底下无新事,惟有经典永流传。

风靡社交圈的产品「绿洲」,有哪些值得关注的设计细节?

涛涛

这几天,各个产品群设计群又被「绿洲」的话题刷屏了,自从8月29日新浪悄悄上架了这款产品后,一时间中国版ins、意图称霸图片社交、趁小红书下架抢占用户等等说服层出不穷。今天我们就从一个设计师的角度,看看绿洲这款产品有什么不同。

绿洲是什么

绿洲是一款社交产品,从已经看到的产品功能和内容上,类似ins,也就是说他是一款图片社交产品,由新浪推出,目前处于内测阶段,除官方邀请的kol外只能通过邀请码注册使用。

社交产品在国内难做大家都知道,原因也不必再说,但社交产品一旦做成产生的巨大利益和助推力又让国内大大小小的公司都在向这个宝藏发起冲击。那么为什么新浪选择的是图片社交产品呢?

为什么会选择图片社交

首先是基于国内市场,还没有出现一家独大的图片社交产品,不像国外已经有了ins,国内的图片社交领域勉强还能算作是「蓝海」,加上最近小红书下架导致市场有短暂的空白,大批kol和内容生产者出走。也正是推出这款产品的良好时机。

当然也有一种说法是:国内的社交产品形态存在「跳代」的现象,从文字社交直接跳到了视频社交,并已经有了很成熟、用户规模极大的产品抖音,所以从产品发展形态来看,图片社交产品在国内并没有什么生存土壤。这里我直接说出自己的观点:我认为图片社交在国内还是有机会的,而且机会不小。对此我有以下几个维度的思考:

1. 信息含量和传达效率

首先不可否认的是图片的信息含量是远远大于文字的,使用图片能够更的传达信息和更丰富的情感,想一想过去很多伟大的文学作品往往需要用一本书来体现某些情感和精神。但是在科技社会里,往往是一张摄影作品更能震撼人心,图片中包含的信息更加直观,人物、场景、颜色、故事都可以直接呈现在用户面前,而不需要通过文字进行描写,也不需要运用很多写作技巧进行铺垫。这并不是说图片比文字更优秀,而是说图片的形态在互联网产品中可以更的传达信息和情感。

说到这可能有朋友会说:图片的信息和情感的传达更,那视频也同样比图片的信息含量更多,更,为什么图片社交还有机会呢?这就要说到下一个维度—内容生产门槛。

2. 内容生产门槛

无论是图片社交还是视频社交,内容都是产品中极重要的一部分,例如现在大家在看抖音时,大部分高质量内容都是由专业的内容生产者制作的,其中涉及到选题、剧本、拍摄、剪辑、后期、压缩等等流程,即使不是专业的团队生产也是身兼数职的多面手生产者。流程一长,工作量也就大大增加了。工作量一增加,门槛就会变高。如果不是为了靠抖音赚钱、如果不是为了增粉变现,又有多少人能投入这么多精力和时间去生产内容?内容不多、质量不高又怎么吸引更多用户来使用-参与-生产最后形成闭环?

绿洲则不是这样,虽然用户可以上传视频,但主要的内容还是图片,拍一张图片的各种成本要比拍一段视频小太多啦,结果就是有更多的内容生产者可以参与进来,而不是被高门槛拦在产品之外,当你生产了一段内容,至少要发给几个亲朋好友来看看吧?即使只在产品内部发个动态,如果有人为你点赞、评论、又关注了你,至少再拍一点的动力会大一些吧?这样循环下去,内容、用户就全部都有了。举个极端一点的例子,如果微信只能发图片,那么还会有这么多人使用吗?原因也是图片的生产成本要大于文字(非文学作品的文字)。所以我认为,内容生产门槛也是绿洲的优势之一。

3. 信息接收程度

最后一点则是大众用户的信息接受程度。我们可能从新闻报道上经常能看到体育记录的突破,例如几十年前科学家预言了人类短跑极限早就被突破几十次了。或者是看到人类平均寿命在过去几百年的时间里提高了几十岁。这里我想说的是:当互联网尤其是移动互联网普及之后,人类对于信息可接收量增加了多少?过去看纸质书和现在拿着手机,每天阅读文字图片视频等等能达到过去的多少倍?这里我没有找到专业机构的研究报告。但是这个增长程度我想大家的意见应该会十分一致。

信息接收能力的提高会倒逼着改变产品形态、过去我们每天只能接收2000个文字和50张图片,所以我们习惯看报纸。现在我们每天能接受10000个文字和300张图片,所以我们在用头条用微信用微信用抖音。当用户有了适应一项改变的基础,那么必然会出现满足用户这种进化的产品。抖音是,绿洲可能也是。

4. 磨刀霍霍的kol和网红

前几年无论公众号、头条号、直播很是催生了一批实现财务自由的幸运者们,但更多的确实没有抓住平台早期红利的玩家,在众多自媒体和直播平台都成熟之后,想要从中获利是越来越难了。这时候出现了一个新兴的、并且很有潜力的新平台。那这些错过了上一波机会的预备役kol和网红们会不会蜂拥而至呢?而更多的现有kol和网红为了巩固自己的地位、扩大影响力和粉丝规模也同样会去参与一番。去了之后为了自己的利益更是会给更多人安利这个产品。

说他有潜力是因为它占据的天时、地利与人和。天时已经说过,市场潜力巨大又缝小红书下架,地利则是国内暂无一家独大的图片社交产品,人和则是拥有几亿活跃用户的微博作为后盾。如此的产品,再加上利益驱动。想必内容方面已经问题不大了。

5. 内测+邀请的机制

这几天下载了绿洲的朋友们应该都知道,如果你没有邀请码的话即使下载了也是不能注册的,整个产品还处于「内测阶段」 。只有前期官方邀请的部分kol和少量内测用户才能使用,每个内测用户又只能邀请一定数量的更多用户。并且整体内测数量也有限制。截止9月4日下午内测人数已经满了,之后即使有邀请码也不能注册使用。那么这个内测+邀请机制有什么好处呢?

有种说法是饥饿营销,利用用户越得不到越想要的心理来获取更多用户。但这种说法有点说不通,因为内测总人数是有限制的。并且现在不是几年前了,可能今天你内测限制注册人数那明天用户就把你忘了,毕竟现在产品这么多,娱乐活动数不胜数,已经不是十年前那个产品稀缺的时代了。我大概有两点猜想,一是产品方希望通过内容试水,看看产品在市场上的反馈,进而做出符合国内用户习惯的修改再大规模推广(嗯,之所以要做符合国内用户习惯的修改是因为他太像ins了~),二是产品方希望变「爆火三天死」为「细水长流」,之前的马桶MT、聊天宝、包括子弹短信等等产品在刚刚发布的时候都是非常火爆、用户在短短几天之内就过了百万大关,但是现在呢?还有多少人在继续用?增长曲线还敢贴出来吗?而使用了内测+邀请机制则不同,一方面可以保持用户维持一定数量的增长,一方面又不会因为用户的三分钟热度而快速冷却,对于社交产品而言,如果你身边有朋友在用,那你继续用的概率就会大很多。如果你发现你身边的朋友在用,那即使你已经卸载了也有一定可能重新下载回来再用一用,也就是用细水长流的方式不断召回之前的用户,用留存做增长。

上面说了一些我为什么认为绿洲(或其他图片社交产品)有一定生存空间的原因。下面我们来看看绿洲中一些很不错的设计细节。

一些设计细节

1. 条目巨大,更重视内容质量

用户的一条动态(在产品设计中我们一般习惯称之为条目,下面以条目称呼它)往往占据了一整屏的空间,作者使用的还是长度较长的全面屏手机依然如此。这种设计可以在一定程度上说明产品方比较重视内容。做产品设计的朋友应该都知道:条目占据的空间越大一般包含的信息量就越多,也更容易形成转化,对应到绿洲中这个转化就是点赞、评论、关注等等用户的操作。一旦用户做出这些操作,就会对产品形成更深度的使用习惯,也就有更多可能性变成活跃用户。当然条目占据空间过大同样有风险,也就是如果这一条内容的质量不够高的话用户可能会产生流失,因为用户可能并不会继续向下滑动去看下一条内容了。所以一般内容质量较高的产品条目占据的空间较大,质量较低的产品条目占据空间较小,希望一屏之中能够容纳更多数量的条目,用户数量换质量希望其中能有一条对用户形成转化。所以绿洲的这个设计细节作者猜测是产品方重视内容的体现。

2. 上传图片,实时看到效果

如下图:

当我们在上传图片时,页面上部为图片的放大展示图,页面下部分为缩略图,用户可以在选择图片时实时看到自己选择的图片的细节,举个例子,如果某漂亮妹子想发张自拍,但是相机里保存的是几十张连拍照片,此时她就可以在选择图片时直接看到自己当前选择的图片是否是自己最满意的一张。而不需要上传后才能看到,或是切换到系统相册中去查看,再记住那张自己最满意的照片的位置再回来重新上传。

我们常见的产品中上传照片时一般都是直接显示缩略图,好处是页面效率高一屏可以展示更多图片,坏处是不能直接看到照片的细节。这种设计比较好的平衡了这个问题。关于上传图片的优秀设计我们前几天还分享了ZAO里面的一个设计案例,下图是ZAO核心流程中的两个页面,是选择「影视剧片段」和「上传替换素材」的页面:

在此页面选择要替换的人物,点击后进入下图上传素材,选择从相册选择。

我们可以看到,当我们选择从相册上传素材进行替换时,系统已经自动对相册内的图片进行了判断,在用户上传照片之前就对照片清晰度是否合适进行了提示,而不是上传后再给一个弹框。

作者对这个设计细节大致想法如下:

  • 提高操作效率
  • 避免上传后再进行提示打断用户自然的操作流程。
  • 避免因操作与预期不符产生的转化率降低
  • 加快内容生产速度,同时也就加快了产品传播速度
  • 避免因上传素材质量差而导致平台内容平均质量下降
  • 大家可以看到上图中一张共享单车的照片的清晰度是满足要求的,但是很明显我不能用它替换角色 。如果加上人脸检测的话效率会高(当然成本也会更高)。

与上面案例相关的东西作者还想起了闲鱼:

一是闲鱼中,当用户上传的商品图片比较模糊时系统会提示用户重新上传,以提高二手物品的卖出速度。这里的设计是在用户上传图片进行提示,作者觉得就没有ZAO中这个设计体验更好。

3. 更强、更方便的互动方式

社交产品中,用户之间的互动率是一个十分重要的指标,对内容的点赞评论可以很大程度上加强用户粘性,使用户与用户之间产生关系链,这样用户流失的概率就会小很多。一般的产品中常见的功能像点赞评论在绿洲里也有了不一样的变化,并且体验还真的不错,如下:

当用户对某一条消息产生了互动的倾向时,可以直接使用三个表情表示不同的情绪,分别是爱心、鼓掌和笑哭,如果想要评论的话只需要点击WOW按钮系统就可以自动生成一句评论,不需要用户自己思考写什么内容,这样用户进行评论操作的成本就大大的降低了。如果对生成的评论不满意的话还可以再次点击生成不同的评论。

4. 不足的用户认知负荷

当然作者同事也看到了体验不是很好的设计细节,如下图产品中使用了太多无文字按钮,导致根本不知道这些都是什么功能,绿洲对自己的介绍是更清爽的朋友圈,如果说是为了让界面更干净简约才使用了这样设计的话我觉得有些本末倒置了,国内用过ins的用户毕竟还是少数,对于大部分用火狐来说绿洲还是一款陌生的产品,在陌生的产品中使用这种不能明确表达功能含义的无文字按钮则让用户十分迷茫,大大增加了认知负荷。

昨天晚上作者在家附近的面馆吃饭,正在等着自己的油泼面、羊肉串、拍黄瓜、小酥肉、酸梅汤的时候看到了一件事:某50岁左右的大叔点菜说想要一份凉皮。

服务员问:您是要麻酱凉皮的还是秘制凉皮?

大叔犹豫一下,问:秘制凉皮是什么的?

服务员答:就是有凉皮和面筋掺一块,放上醋、盐、香油、辣子,酸甜口的可辣可不辣。

大叔继续犹豫了一下说:那给我来个麻酱凉皮吧。

故事到这开始有点意思了,这个用户(大叔)对秘制凉皮是没有概念的,虽然经过服务员解释之后明白了是什么,也知道了口味,但是对于「秘制凉皮」这个概念的熟悉程度还是比较低,所以最终没有选择它。这和我们在进行产品设计时对一些文案的设计很像。大家第一眼看过之后能明白是什么意思吗?反正我是没有明白。不明白就会产生认知负荷。也就会影响向下的转化率。当用户点击几次没有找到自己想要的东西之后,他也就走了,去哪了呢?可能是「商城」「历史文章」「限时促销」这些他明白是什么意思的地方。

你只是绿洲,你还不是微信,这样的设计有些为时过早了。

昨天我故意吃的比较慢,观察了一下麻酱凉皮和秘制凉皮的购买人数,在大约40分钟的时间里,大约有7人选择了麻酱凉皮,2人选择了秘制凉皮。服务员大约解释了4次什么是秘制凉皮,每次大约需要20秒,加上顾客犹豫的时间,这40分钟里服务员大约多花了3分钟时间解释、等待用户做选择。

如果把这种场景放到我们的产品设计中则意味着更低的效率、更少的使用时间、更低的转化率。以及推出新功能之后更少的使用率。现在很多产品中对功能的命名都基本一致、一些常规图标的样式也都基本一样。目的也就是为了减轻用户的认知负荷。

设计思维是一种解决问题的方法,运用同理心,横向思考,做原型,讲故事,

蓝蓝设计的小编

编辑:蓝蓝


设计思维是一种解决问题的方法,运用同理心,横向思考,做原型,讲故事,令人信服地澄清洞见。


2004年,斯坦福大学机械工程系的教授戴维·凯利(DavidKelley)创办了D.School(斯坦福大学哈索普莱特纳设计学院),并在D.School教授关于设计方法论的课程,他也是世界最著名的创业设计与咨询公司IDEO的创始人。

什么是设计思维?

设计思维需要将人放回故事的中心。要学会将人放在首位,这就是设计思维的核心精神:以人为本的设计,也叫做以用户为中心的设计(User-Centered Design)。设计思维,就是一套以人为本的解决问题的方法论。解决问题,要从人的需求出发,多角度地寻求创新解决方案,并创造更多的可能性。

在“设计思维”在被不同的学者提出之后,IDEO是第一家将设计思维应用于商业问题的解决之中。

D.School将设计思维分成五大步骤:“Empathy同理心思考”、“Define需求定义”、“Ideate创意构思”、“Prototype原型实现”、“Test实际测试”,

接下来,就让我们了解一下如何实施设计思维的五步骤!

1同理心思考(Empathy)

同理心思考,就是要获得对你试图解决的问题的共鸣。简单来说,就是换位思考。比如你希望改善学校的教室环境,那么,你就可以像学生一样,坐在课桌后面上一整天的课。或者,你希望学生们来解决班级纪律的问题,你可以让一位学生来做一天的老师。这个步骤的目标是深入解读用户,收集大量信息。

2需求定义 (Define)

在收集到的调查信息基础上,我们需要更的定义需求。像“让学生的成绩更好”,这就不是一个的需求定义。而“提升学生在自习时间的专注力”,则是更精准的,入手点明确的需求定义。只有精准定义需求,我们才能开始入手解决问题!

3创意构思(Ideate)

这个步骤可以看做是头脑风暴的阶段。围绕上一步定义的需求,我们可以跳出局限,打破惯性思维,天马行空的提出各种各样的点子。不要一定要想到好点子,而是要在一百个点子里选出最好的。

4原型实现(Prototype)

这个步骤是要做出可以是粗糙、简单的产品或产品中的特定功能的原始模型,用于测试上一阶段提出的解决方案。原型可以是一个具体的产品的模型,也可以是一个小规模的环境或过程的简单模拟。

5实际测试 (Test)

这个阶段,我们会使用实现的产品原型,或模拟环境来严格测试问题是否得到解决,需求是否得到满足。这个阶段非常重要,一些想法可能会在这个过程中被重新定义,甚至,发现新的问题。

以上,就是实施设计思维的五大步骤。

第6步:重复以上步骤进行迭代 

反馈——原型——测试——反馈——原型.......


日历

链接

个人资料

蓝蓝设计的小编 http://www.lanlanwork.com

存档