一 : 3块内容讲述结构化设计思维
这期文章,我想引入一个知识点:结构化设计思维。这篇文章是在我拜读《结构思考力》这本书之后的想法,并结合自己的设计经验将一些在工作中用到的方法做一个系统的归类。
很多同学在进行设计的时候往往知道设计方案却无法系统和结构化,这导致了当设计目标和场景变化的时候就无法将设计运用自如。比如针对目前公司的产品,你可能很快就能出几个设计方案,这时候让你换一个产品做设计,你会发现无从下手,好的方案更是偶然性事件。
结构化设计思维能帮助你产出多目标,多环境下不同的设计策略。好,那么下面将分为3块内容讲述一下本文的核心观点。
1.什么是结构化思维
结构化的思维是我们人本身的职业思维方式,这种思维是我们思考(解决问题、决策)和表达(写作、表述、沟通)等方面的一种基本思路。
结构思维的核心理念源于芭芭拉·明托的《金字塔原理》一书,纵向结构上,每一组观点都必须是其下一个层次观点的概括,每组各个观点互不重叠且有一定逻辑顺序。通过这样的结构思考,我们就可以在一个抽象的设计目标下快速抓住主题和主旨,并理清步骤,将方案落地,提出一个合理完善的设计方案。
结构化思维的4个特点:结论先行、以上统下、归类分组和逻辑递进,下面用一副简单的图来表示结构。
下面再举个简单的例子,让你描述一个女人,首先我们要下一个结论,比如这个女人很美,那么她身上什么地方让你觉得很美,我们可以分为外在美和内在美两部分,这两个观点让我觉得这个女人是美的。那么分别再从这两个观点中找出其对应的几点理由去支撑你的这个观点,比如精致的五官,完美的身材,气质的装扮,说明了这个女人的外在美。尊老爱幼,温柔体贴,勤俭持家说明了这个女人的内在美。如果说再说的细一点,比如完美的身材这个理由是由几个数据来论证的:170的个子,九头身,三围的数据等等。
2.为什么需要结构化设计思维
其实,并不只是设计的时候需要用到结构化思维,结构化思维使用的场景非常多,例如:项目汇报,年终总结,方案推演,面试,分享,自我介绍等等地方都需要用到。只不过这次我把这个概念用到了我们做设计方案的时候。
举个例子,在面试的时候,面试官问你你能够给公司带来什么价值?那么我想到的是
1.给产品带来价值。
2.给团队带来价值。
3.给自己带来价值。
给产品带来价值:提升用户体验指标,强化品牌影响力,提升产品项目营收
给团队带来价值:提成团队成员水平,搞好团队文化建设,扩大团队影响力
给自己带来价值:个人专业提升,团队协作能力提升,满足职业规划和福利薪酬,从而反哺团队及产品。
具体子论点大家可以分别列出来,这样的回答能够让面试官知道你清晰的结构化思维和逻辑,真是21世纪不可多得的人才。
结构化设计思维的优点在于能够清晰的理清设计的上下游提出的需求,迅速抓住设计目标和重点,并快速给出合理完善的解决方案。
很多设计者虽然在职场上打拼多年,但是还是无法将自己的设计方法形成一个系统,如果设计师能够有一定的系统理论做支撑的,并且以这个标准为大致方向和目标,那么在设计的过程中就比较容易判断,更容易做出平衡性强的商业设计。
3.如何以结构化思维做设计
我们同样以案例方式为大家解读实际的操作方法,但是结构化思维需要不断的锻炼,否则无法运用自如。
首先我们将会接到一个设计需求,例如一个首页设计,产品说首页里需要这些功能信息,好!帮我去设计一个产品首页吧!当我们接到这个需求的时候我们脑中会出现很多想法和思路,但是全都揉杂在一起,无从下手,这时我们需要一条一条将他们理清楚。那么我们将一个有价值的首页作为目标或者一个结论,来往下分解。
一个有价值的首页我将它分成3个观点来描述:
1.满足用户需求
2.满足产品需求
3.满足自我需求
每一个论点,都是下面子论点的概述,就是以上统下的方式来进行,纵向需要有层次,横向需要有逻辑递进。
这3个观点的合并就是一个有价值的首页的体现。
那么继续分解:
满足用户需求:
1.获取核心信息高效。2.操作体验流畅。3.界面美观。
满足产品需求:
1.功能融合度高。2.功能扩展性强。3.功能转化率高。
满足自我需求:
1设计理据充分.2.严格贯彻设计规范。3.细节把控合理稳妥。4.沟通高效全面。5.项目跟进及时。
这是针对"一个有价值的首页"进行的观点描述,如果我们的主标题换成了"有价值的产品"那么下面的子论点就会发生变化,可能依然是满足用户需求和产品需求,这两个分论点。
但是满足用户需求的子论点会变成:1.满足用户刚需。2.解决用户痛点,等等。而满足产品需求的子论点就变成了1.用户活跃度/粘性/留存高。2.产品数据乐观。3.市场占有率大。4.公司营收可观。
所以一个总标题/结论需要随时贯彻到子论点进行验证。以上是我用来举例的观点并不完全。
我们继续回到一个有价值的首页上来看我们的结构。继续分解,
获取核心信息高效:
1.内容布局合理 2.内容层次分明
操作流畅:
1.反馈及时 2.动效流畅 3.符合预期
界面美观:
1.各元素保持高度统一 2.配色合理舒适 3.情感化部分让用户有共鸣
再细一步的分解大家可以看图片来了解。
可能大家觉得这东西又实在偏理论,即便知道这个结构也无法上手做设计,那么接下来我们以一个实际需求来做一个设计。
先拿我公司的项目为例,需要设计一个货源列表作为首页,我收到了产品的一张原型,非常粗犷,只能看到一堆信息的冗杂,现在我们开始套用这个设计框架:
第一步
来看如何满足用户需求,那么我们就必须以用户的角度和其使用场景来分析用户要获取什么样的信息,这一步并不是我们凭空猜测和经验之谈,所以我们需要用研结果导入、故事板和实地验证方为有效。
确定好了核心信息之后我们就需要根据一些理论知识来设计布局,比如格式塔原理的使用以及一些认知常识的使用。可以先做再验证,也可以先验证再做。
第二步
在保证用户能高效获取核心信息的前提之下我们来考虑用户交互体验方面的设计,比如按钮按下的反馈,语音接收的反馈,页面跳转的动效方式,图片资源的优化等等。
第三步
就是更直观表现的东西了,首先就是整体风格和情感的定义,将会用到情绪板等召集用户参与的讨论,将产品颜色,产品风格有一个方向或者结论。
第四步
寻找让用户共鸣的点,情感化设计的探索,微交互,插画等元素的使用。
我们再来回顾一下满足用户需求需要做到3个点,以这3个点进行扩展论证,当然你也可以分四个点,但这4个点同样需要逻辑递进。
以同样的方式去考虑产品需求,这边就不放开说了,在设计思考的时候满足用户需求,满足产品需求以及满足自我需求这三个论点,虽然列举时有逻辑先后,但是在设计的时候我们要一起考虑,如何平衡化做设计,是非常考验设计师的。
这是从原型到新版本的一个改版变化,虽然我们眼前只有3个版本,但是在设计的时候每个版本都有不下10个设计的方案,最后由专家小组来审核并敲定某一个设计方案,之后再去做验证,不断打磨和复盘。
总结:
结构化设计思维只是结构化思维的一种使用方式,在平时的生活,工作中我们利用这个方式来提高沟通的效率以及提高思考广度和深度,这是一种职业人需要必备的一种能力。而这次讲的结构化设计思维就是帮助设计者提高设计方案的产出效率和准确度,更全面的考虑影响设计的各种纬度还有条件。
二 : 创新思维结构分析 - HERSP
创新思维结构分析三 : 构思与创新
(同步训练——第六册第二单元)
文/雷元周
题目
1、在新的起点上
2、春雨
指导
学生a:每次作文,您都要求我们认真构思,还说要有创新意识,写出点新意来。这个“”到底是怎么回事,它们之间有什么关系吗?
老师:作文的是一个密不可分的整体。所谓构思,通俗一点说也就是打作文的草稿或者腹稿,它是一个过程;而创新则要求我们在构思的过程中要时时有一种求新求异的意识,是这个过程中的一种意识。它们不能机械的分开。
学生a:您能举些例子具体的说说怎么样构思和创新吗?
老师:好的。创新之路不拘一格,总的要求就是尽力做到人无我有,写他人所未写或者少有人写的东西。常见的有逆向思维、从冷门选材的构思方法。如在一片赞扬声中来个鲜明反对,或者在一片批评声中来个翻案反驳。我们都知道,三国时诸葛亮一生鞠躬尽瘁死而后矣,自古以来就是人们赞扬的典范,有学生不从正面入手,偏取诸葛亮六出祁山北伐中原是不顾蜀国实际不惜劳民伤财意欲以一人之力报答刘备知遇之恩,其实是大大的不明智不可取。这样的构思,观点与众不同,仔细想来却又不无道理,按此思路写成的作文也必然不同一般。
另外,如果我们换一个视角,例如以非人类的眼光来看待人类社会、或者以人的身份融入到非人类的世界,也可以达到创新的效果。有一篇题目为《叫还是不叫》的作文,就是以一只狗为主人公,写这只狗和它的女主人在公共汽车上看见扒手向一打瞌睡的老头行窃,它是大叫几声提醒被害人还是视而不见,让还富有人心的它矛盾不已,后来回忆到邻居大黑狗的教诲以及自己曾经目睹过的一位老太救命钱被盗后的惨状,它终于忍不住大叫起来,惊醒了老头。这篇作文视角新奇,内容主题又发人深思,所以能给人留下很深刻的印象。
学生a:啊,我记得去年11期《作文大王》上的《一只狗狗的幻想即兴曲》,就是以狗的身份来写的,真的很生动很有趣。
学生b:还有,我看见的看不少报刊介绍有把作文写成书信形式的,或者采用日记体的、还有写成说明书、报告单等,还有在作文的语言上仿拟流行歌曲、名言警句的等等,也应该都属于一种创新吧。
老师:对啊,那是作文形式上和语言上的创新,我们今天讲的则是构思上的创新。它们大同小异,相得益彰,并不矛盾。
学生b:您还能就我们这次训练的题目给我们讲解讲解吗?
老师:当然可以。就拿《在新的起点上》这篇作文来说,按常规思维可能不少同学会选择积极向上的主题,如在新的起点上再接再厉、在新的起点上更上一层楼等;如果来一点逆向思维呢,如我们国家在古时是四大文明古国之一,而近代的发展却远远不及西方资本主义国家,可以反思闭关自守对于我们发展思考的不利因素。另外,还可以换一个视角构思,假如作文中的“我”是一个其他动物,甚至是外星人,又会发生一些什么故事。
学生b:我懂了。说白了创新其实也很简单啊。
老师:任何事情,只要我们有信心去做,并要求做好,它就会变得简单。大家要记住:创新的总原则就是用别人不曾用或者很少用的方法,写别人不曾写或者很少写的内容。这当然需要我们在日常生活中做有心人,注意搜集注意积累勤奋练笔,并多向报刊上的成功作文学习借鉴。另外还要注意一点:创新不是想当然的标新立异,它必须是在常规基础上的创新,如果走向另一个极端也会适得其反。
同窗习作
在新的起点上(作者:杜攀)
“两小时准备!”这是从指挥室发来的浑厚的指令声。
我就静静的伫立在辽阔的发射广场中央。在我的身后,在发射控制中心,无数的科学家和技术人员正忙得不亦乐乎。
我的名字叫神舟五号。今天,我将要把我国第一位航天飞人杨利伟送上蓝天,并且一天后和他一起返回地球。载人飞天,对于我来说是一个新的起点,因为我的前几次飞行,还没有飞过大型动物甚至一只猴子;在国外,这可是反复实验验证过的呀。我这一飞,也是中国辉煌史上精彩的一个亮点:中国,即将由此成为第三个进入太空的国家。我可以感受得到:在世界的各个角落、在祖国的各个角落,该有多少双眼睛正紧盯着他们的电视机,盯着电视屏幕上身姿矫健的我。我的身下,是力大无穷的长征二号火箭,他将把我送入预定轨道。这位劳苦功高的老大哥,为了今天的这一刻,也甘愿做默默无闻的铺路人。真是感谢他了。
“三十分钟准备!”
地勤工作人员已经完成了一切例行检查,中国航天第一人杨利伟也已经坐进了舱中,正做着一些必要的准备工作。只见他神情严肃,英俊的面庞显露出一种坚定不移的信心。我知道:我们的这一飞,不仅是我们的第一次实际载人飞行,更是我中华民族几千年来飞天梦想的升腾。
“五分钟准备!”
十多个小时的倒计时准备即将结束,激动人心的一刻终于就要来临。我和火箭老大哥体内的各种程序都严密精确的按照即定方针运行着。“三——二——一——点火!”一声令下,长征二号火箭老大哥身下吐出了浓烈的橘黄色火焰,他拖举着我缓缓上升。人群欢呼了。我们离开了地面,直冲霄汉。
火箭大哥甩掉了第一节发动机,继续加速上升。我看见杨利伟神色坚毅的躺在坐椅上。我知道他正忍受着超重的考验。升空590秒,我脱离了地球引力,准确进入预定轨道。
我们真的来到茫茫无际的太空。这里是一幅神奇美妙的景色。舷窗外,阳光把太阳能帆板照得格外明亮。下边就是人类居住了1万多年的美丽地球,蔚蓝色的地球披着淡淡的云层,长长的海岸线在大陆和海洋间清晰可辨。我绕着地球高速飞行,90分钟就可以转一圈,一会儿白天,一会儿黑夜,黑白交替之间,地球边缘仿佛镶了一道漂亮的金边,景色十分迷人。杨利伟在飞行手册上写下了“为了人类的和平与进步,中国人来到太空了!”还展示了我们的国旗和联合国旗,表达了中国人和平利用太空、造福全人类的美好愿望。
二十个小时一转眼就过去了。我们已经顺利的完成了一切预定任务,该要返航了。说到返航,1962年美国的载人飞船飞行时,曾布设了16个救援点,出动了3艘航空母舰、21艘舰船、126架飞机,救援人员达2.6万人;我们今天只需布设三个救援点,如果万一出现不测,我还会自动载着杨利伟飞向预设的地点。
而且,我们还要让轨道舱留在轨道上继续工作,继续对地球进行观测;不是像美国一样让他返回地面时烧毁。从这个意义上来看,美国虽然起步比我们早,但他们的起点并没有我们高。
10月16日6时04分,我载着杨利伟准时飞入大气层。当我打开主伞、缓冲发动机点火时,人们的搜救直升机同步到达,并且拍摄到了刚才的壮观场面,创造了搜救机与返回舱同时着陆的航天奇迹。我们再次把中国人的自信写上了太空。
是的,和美国、俄国等超级大国相比,我们的起点也许的确迟了点,但是这又有什么关系呢,我们在新的起点上出发,有创造性的前进,不是一下子就赶上了这近40年的差距了吗?我还坚信:不久的将来,在太空中领衔起舞的,将是我们中国的宇宙飞船和黄皮肤黑眼睛的中国人。
[简评]:作者关心国家关注时事。神舟五号宇宙载人飞船成功进入太空并且携宇航员安然返回地球,实在令所有炎黄子孙都为之欢欣鼓舞。作者目光锐敏,及时抓住这一素材,以欢快的笔触记录下了这普天同庆的一刻。作者写作技巧娴熟,化身神舟五号,同与杨利伟太空一游,将“亲身”之所见所闻所感一一道来,作文显得真实、生动、鲜活。第十、十一自然段的对比,更见我国航天技术之先进。以上种种,均可见在航天这一新的起点之上中国的骄傲与自豪。最后一自然段再次点题,文章收束紧凑有力,是一篇思想、内容、主题均为上乘的学生作文。(指导教师:雷元周)
春雨(作者:张玲玲)
“唰唰唰,唰唰唰……”是什么声音?是那么的温柔,又是那么的欢跃?我在地底下忍不住挺了挺身子,把头探出了地面。
“啊哈,又一个漂亮的竹笋妹妹出来啦!”我听见一个声音说。我睁开眼睛打量打量四周,原来我就生长在一片竹林里。瞧,有苍劲的翠竹伯伯,有高大的竹大哥,还有苗条的竹姐姐。他们正友好的看着我:“欢迎你,竹笋妹妹!是春风唤醒了你,是春雨滋润了你,让你来到了五彩缤纷的人间。”哦,我刚才听到的那“唰唰唰”的声音,就是春风春雨合奏的音乐啊!
慢慢的我熟悉了我们周围的事物。我们这片竹园,就坐落在一户人家的屋后。每天早晨和晚上,我都可以听见人家小孩朗朗的读书声。而这在我听来,是和春风春雨一样美妙的音乐啊。
然而,有一天,我听见的是另外一种不和谐的搅动声和一些大人的说笑声。竹姐姐告诉我,这是人们在打麻将。“可怜这个家庭,好不容易有了一点积蓄,却染上了牌瘾,看来这小孩是没几天安静日子过了。”翠竹伯伯叹息说。的确,自从听到麻将声以后,我就很少听见那孩子的读书声了。而且这麻将声根本就是一种噪音,吵得我们也心烦意乱。
又是一个春风春雨合奏音乐的日子,我听见了那家屋内传出大人的打闹和小孩的哭泣声。竹大哥愤怒的说:“打牌输了钱就在家里打架,真是比我们竹子都不如。”姐姐悲伤的说:“只可怜了那小孩,原来曾经是一个多么活泼可爱的孩子啊,又聪明,又爱学习。可惜……”
时间慢慢流逝,转眼已经到了晚春。依然是一个雨天,我们尽情的享受着珍贵的春雨。自打那天那户人家屋里大闹了一场以后,我又好像一段时间没有听见什么其他的声音了。不过,在我的心里,我最喜欢的还是那小孩朗朗的读书声,因为这声音是那么清脆、那么欢跃,就像春风春雨合奏的音乐一样,让我们感觉到生命和成长的希望!我试着询问竹姐姐。姐姐说:“他们家的大人已经离婚了,妈妈去了南方打工,爸爸也整天的夜不归宿……”
“那……那读书的小孩呢?”我赶紧问。竹大哥接过话说:“小孩已经失学了,跟着他爸爸在外面游荡……”
竹大哥突然停住了说话。我一看,只见一个衣衫褴褛的小孩冒着细雨向我们这边走来。是那个曾经天天读书的可爱的孩子吗?我不相信的想。
小孩来到我面前,蹲了下来,喃喃的说:“奶奶说过,对着竹笋许的愿,是可以实现的。啊,妈妈,你早点回来吧!爸爸不管我了,他整天就是打麻将,饭不做的吃,觉也不回来睡。妈妈,我一个人好怕呀……”小孩说不下去了,“呜呜”的哭。我能够帮助他完成心愿吗?如果我能,我粉身碎骨也愿意啊!
春雨淅淅沥沥的下。小孩脸庞全是水,也分不清是雨水还是泪水。啊,但愿这雨天之后,迎接小孩的应该是一个艳阳天吧!
[简评]:本文有以下一些亮点:其一是写景优美,充满希望的春风春雨、象征知识的朗朗书声、还有心地善良而且洞察一切的竹子,景美音美心美,一切美不胜收。其二是构思新颖,写打牌赌博之危害的作文可以说是多如牛毛,本文独辟蹊径,以竹笋妹妹的形象出现和观察,于纯真中了解世事是非,令读者读来倍觉新奇别致。其三的对比鲜明,前半部分的幸福家庭和后面的家破人散让赌博给家庭、给子女带来的危害不言自明。同是写赌博之弊端,本文却更能打动人心。(指导教师:雷元周)
(欢迎访问田野文学社网站: )
(本文已经发表于广西《作文大王》中学版2004年第2期;刊号:cn45-1283/g4;邮发代号:48-125)
四 : 设计师升维:运用整合思维模式构建设计形态
现时代的设计师不应只看到美感,从长远而言,需要从商业/产品/体验/视觉多个角度综合考量构建设计形态。
本文将从生活场景引入思考模式,过渡到实际产品中的综合思考。
生活场景思考
地铁口扶手电梯应该往里开还是往外开?
显性因素与隐性因素
所谓显示因素是指用户在体验中的第一感受体验,比如进地铁了我想乘扶手电梯方便我下去,出站时我也想继续乘扶手电梯。
所谓隐性因素是指在连续行为过程或随时间推进过程中可能会发现的潜在问题,此处是我们需要重点考虑的。
内部空间与外部空间
在地铁内的内部空间是有限的,这个是在设计时规划好的空间大小,能容纳多少人,一旦建设后则无法改变。
在地铁外的外部空间是无限的,因为用户出去后即疏散,往不同方向走,不易造成拥堵。
正向分析
假设电梯【往里开】的场景下会发生什么情况,在非高峰期,地铁内没有过多人群时,不会造成拥堵,下电梯后随即前行。当在高峰期时,如上下班时间,在地铁内人群拥堵的情况下,如果排队已经排到了扶手电梯附近,而前面的人又没有移动,此时从扶手电梯源源不断的人群下电梯时会被前方不移动的人挡住,还有一些喜欢走路玩手机的人更加不会经常看前后左右的情况,跟着前面走的人走,然而扶手电梯并不会停,那么就会后面的人群就会不断碰撞前面排队不动的人群,从而造成严重的人群碰撞事故。
反向分析
假设电梯【往外开】的场景下会发生什么情况,在高峰期或非高峰期,人群排队上扶手电梯,到了出站口后陆续出去往各个方向疏散,因为外部空间无限,极少情况会在地铁出站口造成拥堵,从而降低由于拥堵而造成人群碰撞的情况发生。
地铁口实际情况
为了避免严重的人群碰撞事故,在只有一条扶手电梯和人行电梯时,电梯运行方向一直是往出站方向外开
图示为在上下班高峰期观察中所拍,为地铁口真实情况,为了避免严重的人群碰撞事故,在只有一条扶手电梯和人行电梯时,电梯运行方向一直是往出站方向外开。左图可见人群在进站时,由于电梯往外开,方向和人群相反,强制引导用户走楼梯排队。右图可见人群在出站时,电梯依然往外开,此时顺应人群移动方向。
那么,出站口就一定不会拥堵了吗?不是的,还有可能情况,下雨!此时大部分人可能都没带伞,这样就会在出站口站着堵住等待停雨,像之前说的扶手电梯不会停,依然有可能造成跟前面分析的人群碰撞。此处引入高频和低频思考,首先,上下班进地铁的频率高呢还是下雨的频率高?显然易见,天天都要上下班是高频,几个月或者几周才下一次雨属于低频。我们应该更多考虑高频情况,但也不能放弃低频情况,所以在此建议,平时电梯往外开,但在下雨时工作人员应该让电梯停止运行,阻止人群拥挤碰撞发生。这样会不会更具人性化呢?
用户体验驱动设计形态
根据需求特性优化交互操作体验
图中为实际产品中所提供的原始方案和需求,设计一种操作方式,需要符合数值在0%~10%之间波动,且数值必须是0.5%的倍数,如0.5%,1.0%,1.5%,不支持其他数值。对此需求进行特性提取:数值范围适中,需要特定倍数的数值,不支持其他数值或文字。
体验分析_方案1_产品提供的原始方案
方式:点击条目>输入数值或点击加减>点击确定完成
最大操作次数23次:点击条目1次,点击21次+号到最大值,点击确定1次,少数用户会使用此方式。
常规操作次数6次:点击条目1次,点击输入框1次,输入数值3次(如3.5),点击确定1次。
最小操作次数3次:点击条目1次,点击+号随即完成1次,点击确定1次。
当用户输入文字时提示请输入数值,当用户输入其他数值时提示请输入0.5%的倍数值,输入容易犯错,降低心理预期
体验分析_方案2_提前防止用户出错
方式:点击条目>滑动弹窗>点击完成
最大操作次数4次:点击条目1次,滑动到最底部需要2次,点击选择1次。
最小操作次数2次:点击条目1次,无需滑动,当前已有他要的选择,点击选择1次。
无需让用户手动输入,因为容易输错,提前阻止错误提示发生
体验分析_方案3_减少操作
方式:点击数值选择
最大操作次数1次:直接点击选中
最小操作次数1次:直接点击选中
屏占比:半屏
扩展性:低
操作点击次数降低,但屏占比过多,且不适用于当数值更大时。(如果以后数值扩展到100%,那么整几屏都是按钮)
体验分析_方案4_减少操作,防止出错
方式:拖动圆点选择
最大操作次数:1次
最小操作次数:1次
屏占比:低
扩展性:高
操作次数低,效率高,屏占比少,具有适用性,可以多个此类操作叠加使用
体验分析_优化对比
此需求特性是数值范围适中,需要特定倍数的数值,不支持其他数值或文字。
对此分析作出优化后,采用拖动圆点方式,相比原方案来说操作次数平均降低3~6倍,且无需用户输入提前防止用户输错。
商业价值/产品逻辑/用户体验
音乐APP播放歌曲应该用沉浸型还是效率型?
沉浸型指在歌曲列表点击歌曲后直接进入播放界面进行播放,方便听歌看词,随时快进。效率型指在歌曲列表点击歌曲后留在列表页同时进行播放,方便随时切歌,能快速切歌。两类用户各有偏好,有的喜欢听歌看词,有的喜欢随时切歌找别的歌曲听。
产品逻辑驱动设计形态
网易云音乐是以UCG+评论+个性化为定位的音乐社交平台,用户主动评论互动,在听歌时寻找同好。
用户在点击歌曲进入播放页后,点击更多(三个点的图标)会弹出面板,主要是歌曲的相似推荐,歌手,专辑等,引导用户发现相似歌曲,并且增加了该歌手和专辑的曝光度,高质量歌曲或带版权歌曲需要付费,从而促进用户开通付费音乐包。在我们这一代,很多读书时都追过的歌曲,那些种种回忆或现在共同的回忆。
用户点击评论(消息图标)进入评论页面,在听歌的同时寻找同好,当用户找到同好或看到一些有趣的评论时,产生兴趣点击他的头像进入个人主页发现他收藏的歌单,从而让【听自己喜欢的歌-评论-发现同好-发现他收藏的歌曲-听他收藏的歌】环环相扣。这样来说,网易云音乐采用沉浸式,这样在用户每一次点击都进入播放页,每一次都给一个推力,是不是更符合网易云音乐的定位呢?
商业价值驱动设计形态
QQ音乐是一个综合性音乐服务平台,海量歌曲,庞大的用户量。
用户点击歌曲进入播放页后,界面左滑出现相似歌曲推荐,歌手专辑,相似电台,包含此单曲的热单等,和云音乐一样做的相似推荐,同时也是不断帮助引导用户发现其他歌曲,为其他歌曲专辑增加曝光度。当用户通过此功能发现其他歌曲时,会不断消耗流量,遇到版权歌曲不能下载,此场景会促进用户开通绿钻和付费流包。
界面右滑时,显示歌词,用户沉浸在边听边唱,此时界面中的话筒图标会引起用户注意,感觉点了后能录下来跟唱的心理,但是点击话筒图标后确是跳转到【全民K歌】这款APP的下载页面,QQ音乐做的就是从此场景进行价值转化:听歌-看词-跟唱-点击话筒-下载APP。这样来说,QQ音乐采用沉浸式,每次点击歌曲都进入播放页,可以潜在提升QQ音乐相关商业价值转化。如果采用效率型,用户只有在真的需要看词时候才会再次点击进来。
交互设计中的黑暗模式1
特殊情况下轻微降低体验以零成本换取用户流量
问题1:我们平时使用微信最常用的功能就是聊天和刷朋友圈,那为什么聊天放在了底部tab的一级页面,但朋友圈却放在发现tab里的二级页面呢?
问题2:支付宝之前刚更新蓝色版本引入社交元素时在网上引发大量的讨论,其中一条吐槽是在支付宝首页点击右上角那3个图标然后返回,只有通讯录这个图标点击后是返回到朋友tab而不是首页tab,按正常逻辑来说,首页进去,应该返回首页啊?
正反分析_微信
朋友圈放在一级页面
体验角度:微信聊天和朋友圈属于常用功能,从高低频角度,此类功能属于高频,
放一级页可以方便用户使用。
商业角度:并不能对扫一扫,摇一摇,购物,游戏等功能引流
结果:相比放二级来说用户少点一次,但对核心功能和商业价值无影响
朋友圈不放一级页(维持现状)
体验角度:用户多点一次才能进入朋友圈。
商业角度:朋友圈作为引子不断引导用户点击【发现】,从而0成本让微信的核心
功能和商业价值增加曝光度
结果:增加一次点击次数,0成本换取巨大的用户流量促进核心功能和商业价值转化
正反分析_支付宝
从首页进通讯录后,点返回回到首页tab
体验角度:比较正常的逻辑,从哪进,往哪回。
产品角度:在此并不能潜在增加朋友tab曝光度
结果:体验流畅正常返回,但对朋友tab无产生推力
从首页进通讯录后,点返回回到朋友tab
体验角度:潜在心理模型,通讯录找不到?去朋友tab找找近期联系人看看
产品角度:支付宝想做社交,在多方面努力着手引导用户,潜在增加朋友tab曝光
结果:另一种逻辑,为朋友tab增加推力,支付宝就是想做这个事
交互设计中的黑暗模式2
利用与体验相反的操作以阻挡用户正常路径
通常我们想卸载一个软件时,会找到卸载按钮去确定卸载,这是一个流畅的操作。但是产品本身是不希望用户去卸载的,在这里交互设计需要利用黑暗模式,设计以用户体验相反的操作以阻挡用户的正常路径。
行为路径阻挡_驱动精灵
此产品在卸载时,需要通过3步。
我们可以看到,第一次阻挡,卸载按钮不明显(灰色字),突出的是问题修复,希望帮助你解决问题,阻止卸载动作。
当用户依然点击卸载,进入第二次阻挡,卸载字样变成狠心卸载,配搭一个萌化的形象,给人一种楚楚可怜的感觉,同时突出求助专家的服务。
当用户继续点击卸载,进入第三次阻挡,确认窗口,卸载按钮依然是灰字不明显,突出尽情吐槽这个按钮。
行为路径阻挡_2345看图王
此产品在卸载时,也是需要通过3步,为什么大多产品都是3步呢?俗话说,事不过三,一件事情重复发生3次以上会产生厌恶感,给你阻挡10次烦不烦?需要在尽量降低厌恶感的同时进行阻挡。
我们可以看到,第一次阻挡,这里的处理是没有卸载按钮,而是选项,弱化了卸载的感觉,这里要比驱动精灵做的好。
第二次阻挡,可以发现,第一步时取消是在右边,给人感觉右边是取消,到了这一步突然变成右边是卸载,之前给人教育是不要点右边的取消因为我要卸载,那么你会自然的看左边那个继续使用的按钮,同时这里这个按钮也设计的很突出。
当你再次点击卸载,进入第三次阻挡,我们发现,取消按钮又回到了左边而且设计的突出,又颠覆了上一步的操作,可以说2345看图王的交互设计暗黑模式用的很好。体验并不是一直顺着用户走的,需要考虑更多的维度。
综合思维模式构建设计形态
一个设计,需要综合考虑商业,产品,体验,视觉之间的联系,为最终的形态做考量,这样的设计才是具有价值的设计。
商业价值:是否涉及价值转化,是否增加用户流量,是否增加曝光度等
产品逻辑:产品定位,核心功能,需求目标等
用户体验:用户体验多维度评估方法,体验设计流程方法论体系,基于交互五要素的场景思考等
视觉设计:版式设计,情景融合,色彩心理学等
最后用一张图描述商业,产品,体验,视觉四者之间的关系
视觉是皮,卖相好不好,是否吸引
体验是肉,好不好吃,口感体验如何
产品是核,整个形态一切从此孕育构建
商业是价,这个产品最终所带来的价值有多少
以上就是运用整合思维模式构建设计形态教程,教程很实用,值得大家学习,希望能对大家有所帮助!
五 : 必看:设计中的结构化思维介绍
设计中的结构化思维介绍,本文原创作者杰克sean,感谢杰克sean的原创经验分享!61阅读| 精彩专题| 最新文章| 热门文章| 苏ICP备13036349号-1