扫码登录 我要学设计网
设计师的职业进阶课堂

微信扫码登录 | 方便安全省心

通过故事型脉络打造 UX 作品集,让作品集更有逻辑

RenaHuang 06月17日 15:17 发布 / 54 次阅读

目录


1. 什么是“故事型脉络”?

2. 开端:矛盾鲜明的问题阐述

3. 发展:环环相扣的策略推演

4. 高潮:能体现解决能力+专业能力的关键页展示

5. 结局:令人期待的愿景设想

6. 做好整体的内容把控




1. 什么是“故事型脉络”?


早些年由于经验和思考都比较少,我对于优秀UX作品集的理解十分浅显:视觉上好看、内容上充实就行——无脑把“项目背景”、“竞品分析”、“用户调研”、“用户画像”、“痛点分析”、“情绪版”、UI成品图等内容一顿乱摆,也从来没好好思考过每个环节存在的原因和目的是什么。这就导致了,作品集在求学/求职的项目展示环节中,我仿佛“无情的PPT阅读机器”,而受众更是呵欠连连,不明所以。这曾让我非常苦恼:时间大把大把花下去,明明作品集看起来精美又充实,但是产出的东西似乎像是“美丽而言之无物的几页作品”。


终于,在反复踩坑后,我开始反思:其实,无论是什么分析或展示手段,它们最终也只是一种帮助你探索设计或阐述想法的工具罢了。对于展示的受众,极少有人会关心你运用了多少种眼花缭乱的分析手段、引用了多少个振聋发聩的专业理论、流程图展示得多么精美详实。他们关心的是:你在解决什么问题,你是如何解决问题的、解决方案的合理性和潜能...等等。


所以说,如果把一个作品集比作一条公路,我认为一个好的UX作品集,它需要做到的是把受众自然、顺滑地引导到你期望的终点,看到你想给他们看的风景。而在这路途中可能会遇到山川河海的地形障碍,那么这时候各种工具和方法自然而然就成为了山麓隧道和跨海大桥。


说得更通俗一些,好的UX作品集要做到能让你像讲一个故事一样精彩纷呈去呈现内容——它有开头、有结局、中间有抑有扬;不求面面俱到,但求脉络清晰、环环相扣



如上图所示,这也就是我想重点展开解释的UX作品集的“故事型脉络”


总结出这个“术”并应用在各种项目实操后,我发现“故事型脉络”不仅有助于我们设计师自身更好地理解和梳理项目,也有助于提升信息对于受众的传递效率。其实这个现象可以被合理解释:因为人的短时记忆容量十分有限,受众不可能记住你罗列的所有散点式要点,然后在脑内自动进行合理性的推演和评估。他们最多只能记住每个模块的要点信息,并顺着你的展示思路去思考、判断和记忆每个节点的合理性,产生最终的评估印象:



那么言归正传,我们如何组织出UX作品集的“故事型脉络”呢?以下将按照开端、发展、高潮、结局几个部分分别解释。




2. 开端:矛盾鲜明的问题阐述





步骤一:找到可对比的至少两个方面,并制造一个鲜明的矛盾点


开端的目的是要明确阐述项目开始的缘由,以“引领着”受众“驶上”这个项目的“公路”。而对于这个开端的性质,如果项目是一个从零到一的全新产品设计,那么它更偏向于“机遇型阐述”——因为机会很大,所以才有后面的创造创新。如果是基于既存产品的优化改版,那么它更偏向于“问题型阐述”——因为问题很大,所以才有后面的优化改版。


当然了,为开端拟定一个合适的阐述类型只是基本。一个引人入胜的好开头,最关键是需要体现出一个鲜明的矛盾点,这个“矛盾点”有两个关键:

1. 至少包含了可进行对比的两个方面。 

2. 被对比的方面最好总结自客观型信息。


比较常见的矛盾点+例子有:



用这种制造矛盾的方式来挖掘问题/机遇,既有助于我们清晰自信地展示出项目的价值点,同时,它相较于“用单一维度去平铺直叙展开问题”这种方法,给受众的观感更强烈、更能产生深刻的记忆点。


让我们再回过头,深入思考一下可对比制造矛盾点的“事实”,可以发现,无外乎不围绕市场、产品、用户这三个元素的现状或需求来展开。那么我们能用怎么样的手段,为这些元素论证出明确的趋势或倾向(以便后续从对比中制造出矛盾)呢?以下例举了一些常见的手段及其目的,至于每个手段具体的实施方式,这里就不做详细展开了:




步骤二:以言之有物、语言凝练的一句话总结机遇/问题


点明了矛盾点后,可以进一步总结收尾:用一句话概括 这个机遇/问题是什么 + 为什么要抓住机遇/解决问题。这样一来,受众就能获取到非常精简凝练的环节记忆点,并带着它继续顺着逻辑理解项目了。





3. 发展:环环相扣的策略推演





步骤一:以设计师视角切入,寻找合理策略


在上个环节中,我们围绕市场、产品、用户去挖掘了这个项目产生的背景问题/机遇。而到了策略阶段,我们需要正式拉回设计师视角,来展开探索并最终收敛出设计方案。让我们依然用上个环节举的例子作为案例,可以发现:无论是由问题还是机遇作为起始点,设计在这些产品环节中的主要使命无非就是两种:


1. 用户导向的情景:探究产品可能性 - 如果商业和用户利益正相关,或至少没有明显冲突点,那么设计师需要探究出尽可能好的、全面的、满足用户期望的产品设计方案。


2. 商业导向的情景:平衡用户体验 - 如果商业和用户利益(对于2B产品,可能是购买者和使用者的利益)有明显冲突,或在商业目标权重较大的情况下,设计师需要设计出满足商业需求的产品,并尽可能找到和消弭掉用户使用产品时的障碍。


而上述的这种设计的“使命”,即可以转译成设计的“策略”:




步骤二:展开策略——用设计方法推演出设计要点


确定并阐明了项目的设计策略后,我们必须要将抽象的策略具象化成设计要点,以作为后续具体设计方案的总体指导。针对上一个步骤提到的两种策略方向,我们后续可以用下面的流程或手段进行设计要点的推演:


1. 对于“探究产品可能性”类策略

后续展开设计要点的大致思路是:从用户的使用场景出发,以假设的痛点为基准产出想法,并基于用户体验的反馈进行评估与迭代。


每个环节常见的设计方法和使用目的如下:



2. 对于“平衡用户体验”类策略

后续展开设计要点的大致思路是:从商业模式出发,寻找能满足商业模式的产品方案,并同时围绕商业目标和用户体验的反馈进行评估与迭代。


每个环节常见的设计方法和使用目的如下:





4. 高潮:能体现解决能力+专业能力的关键页展示




相信经过前面几个环节的层层推演,此时此刻我们已经引出了方向非常明确的设计方案了,包括:功能清单(和重点功能)、信息结构、低保真页面等等。这时候,我们就可以着手界面和视觉设计的相关展示了。当然,就算这个部分是UX作品集最重头戏的部分,展示的内容也是“贵精不贵多”。毕竟这不是项目交付或审核文档,我们需要让受众“了解重点”、“留下印象”,而非“掌握全局”。


那么这个环节的展示思路该怎么安排呢?我认为,展示思路需要由展示目的决定。一般来说,关键页面的展示目的有:

1. 承接上个环节(并针对重点问题),用界面设计进一步展开“解决方案”的细节,说明其合理性。 

2. 根据求学/求职需求展示设计能力,包括:界面设计、交互设计、动效设计、设计系统的统筹规划、视觉设计、品牌设计等等。


但其实,最好的能力展示就是在“实际问题的解决中“展示它,即上述的2.中某些部分可以由1.来更强有力地达成。因此,展示的思路还是应该围绕“重点问题”的解决方案展开:我们应该按某种标准筛选出3-4个重点问题和解决方案(简单阐述这两点即可,主要是为了唤起受众对前个环节中相应观点的记忆),并挑选出最关键的元素、页面或流程(页面组)详细展示并解释:



而对于设计系统的统筹规划(设计指南)、视觉设计、品牌设计等这些往往无法涵盖在主体内容的能力展示相关的物料,我们又能怎么合理安排进这个环节呢?首先请先思考两个问题:


问题一: 项目是新产品、大改版、大规模更新吗?受众对新品牌/界面/形象缺少基本的了解吗?单刀直入高保真的展示和分析,会给受众直接带来信息断层吗?

问题二:展示出诸如:设计系统的统筹规划、视觉设计、品牌设计等这类能力是求职/求学中必要的展示点吗?


如果问题二“是”,问题一“否”:那么可能当前选择的作品,其属性不太能满足你全方位展示必要能力的需求,重新思考选题或者在别的作品集中补缺将会是较好的选择;


如果问题一和二都是“否”,那么我们完全可以放弃这些能力点的模块化展示。如果实在觉得可惜,可以以低文字信息、高图片密度的展示方式将内容重新排个版,作为视觉点缀模块,置于环节或作品集的头/尾部。我给这个点缀模块取了个名字叫“不甘心模块”



如果问题一和二都是“是”,那么我们可以在进入本环节的主体部分前,简明扼要地展示出视觉规范的产出过程,以及关键内容。这里要强调的是这部分展示的“克制性”——毕竟这是UX作品集,且受众短时间能接收的信息量是有限的,所有的模块都应该基于其服务主脉络的强弱,而增减规模。当然,如果实在有这类内容想要展示,同样可以将它归纳进1-2个“不甘心模块”点缀在合适的位置,或者引导受众在另外的文档/作品集中展开专门的阅读。




至于具体的设计展示方面的技巧理论和优秀作品,它们在各大设计网站数量多、质量高、非常容易获取和学习,这篇文章就不赘述了。




5. 结局:令人期待的愿景设想




在完成“关键页面展示”这个全局最关键的环节后,常规的操作可能是直接进行收尾——感谢大家的观看,以及放上自己以及其他主创人员的姓名、联系方式等。但其实这里还有进一步提升项目展示的空间:我们可以对项目(目前的方案)进行总结和展望,这样不仅有助于拉深思考层次、将项目的意义升华,还能给受众更好的项目印象(毕竟受众的终峰体验最影响他们的评价)。更重要的是,这也为后续(如果有的话)和受众的交流讨论环节增加了开放型话题素材。


那么这个环节应该如何展开呢?我常用的叙述顺序是:先总结,再展望:



上图中的其他部分都非常简单明了,除了产品愿景,这里我想强调描述它时的关键点:

1. 保持精简,控制在1-2句话以内为宜。

2. 符合情理,它需要符合企业战略和产品的定位,更需要符合重点用户的期望。

3. 具有野心,“不想当将军的士兵,不是好士兵”,可以着眼于领域最高标准,或对标领域当前最杰出产品。




6. 做好整体的内容把控


当我们将以上四个环节的展示内容整理并衔接好之后,可以将视角重新从局部移回整体,进行进一步的评估和调整:


关键方面有且不限于:是否有头有尾、每个环节的衔接点是否自然、关键名词的称谓是否一致等等。其中,最重要的是:每个环节的体量是否合理,一般四个环节的体量比重如下图所示。当然,这只是对于UX作品集的一个常规参考,实操中可以根据作品集展示的侧重点,主观调整比例。



以上就是我近期对UX作品集的脉络整理上的一些心得,非常高兴最近终于能有时间系统化地整理并和大家分享这些观点。相信拥有了“故事型脉络”后,我们的作品集能在视觉精美的基础上,变得更加精确、合理、有逻辑感,将我们想传达的信息更有效且有吸引力地传达给受众。


谢谢观看!


@RenaHuang 授权黑马家族发布,同步更新51学设计网

原文地址