一份优秀的交互设计作品集应该准备哪些内容?

 

  Spell(华裔设计总监):我觉得首先要明白的一点就是,为什么找交互设计,或者其他设计的工作需要作品集。从我面试各种设计师的经验来说,作品集其实是一个人设计风格和思考过程的折射。所以基于这个观点,我们来说说怎么用作品集来传达这些信息。

  本文主要基于硅谷的业界标准,如果有和国内不完全相同的地方欢迎跟我讨论~

  1,你解决了什么问题

  我见过最普遍的作品集,也是最普遍的让我看了一眼就会选择不要这个candidate的作品集,通常有一个固定的格式:上来就说“我的流程”。UX是一门科学,请问你除了做用户研究做线框图做原型做测试做迭代,还能给我玩出什么花样来?我不需要你把这些赘述一遍,我真正想看到的是,你如何用你的设计解决了一个具体的问题。

  可能你会说我做的东西都是产品经理提的需求,我做的都是学生项目只是个大作业,但其实万变不离其宗,你之所以设计一个款产品或者产品中的一个功能,总是要解决一个问题吧。哪怕是个很小的例子,你做了朋友圈点赞的设计,这个设计存在也有他的理由吧,你是如何思考得到了你最终的解决方案的呢?我在意的是这个。

  下面来一发栗子

  我非常喜欢的设计师事务所MetaLab是设计了大名鼎鼎的 Slack | CrunchBase (融资3亿多美金,一年前估值已达到28亿)的事务所。他们怎么展示了他们对于Slack的设计呢?


  是的你没有看错,只有这么短的内容。你可能会说那是因为他们名声在外不需要做很高级的Portfolio展示了。那么你就错了,在做了Slack之前,MetaLab在硅谷众多老牌牛逼事务所里面,只是名不见经传的小事务所一枚,没有Portfolio,哪里来的客户。

  扯回来。之所以说他们是个很好的栗子,并不是因为他们做了Unicorn Startup的设计,而是他们怎么展示了自己用设计解决的问题:”How we got people talking.”整个布局中,他们很简单的展示了他们设计中不同的走向,不需要他们说太多话,你能感受到他们在设计产品中,投入在产品中的思考力。

  当然,这个栗子只是为了帮大家认识到怎么确立一个好的problem statement. 让别人第一眼就知道你做了什么。

  (后面的Portfolio会比较接地气,只是忍不住给大家看看这个很牛逼的Portfolio)

  2,你如何思考并解决问题

  设计不是纯粹主观的,交互设计更不是。交互设计强调功能性,强调解决问题。作为一个每天审阅很多作品集的人,我很看重你的思考力,你如何解决问题。

  接地气一点的说,就是你的“流程”。你可能很疑惑,刚才第一条里面不是说了如果上来就说流程我会立马Pass么。恩,此流程非比流程,如果你在这一步做的还是列出来你做的事情,告诉我我做了用户调研,然后做了线框图,然后做了高保真blah blah,那么不好意思,你还是out。大多数时候,我们需要的不是只会简单重复一个流程的人,而是能说明白为什么在某个特定场景需要使用特点流程的人,也就是事情背后的那个“为什么”。

  这个听起来好像很简单,但是我认为是作品集实践中最难的一步。因为你要不着痕迹的把你解决的问题,使用的方法融入到你叙述自己如何解决这个问题的过程中。

  在这里提几个小技巧:

  1. 给一个不是行业内的人讲一遍你做了什么,用了哪些方法解决了哪些问题的故事,看看他们哪里有了疑问。这就是你故事没有讲好的地方。

  我们举例你做了个App帮用户找附近好喝的奶茶店(这是一个虚构的项目请不要太认真为什么是奶茶不是咖啡之类的问题),你采访了10个爱喝奶茶的人,然后你做了个流程图,接着你做了线框图,你把线框图给工程师看了,他们提了点建议,你做了改进然后做了高保真.现在你要把这个项目放到你的Portfolio里面。

  找个人说说这个流程,你每一步做了什么之类的。你可能会被问到:你为什么要找10个爱喝奶茶的人,为什么不是不爱喝的人?为什么你要做流程图之类之类的。然后你再来做改进。

  于是改进后的版本可能是:为了知道谁是我们的用户,他们有什么痛点,我们采访了十个人。我们希望我们的App能够给喜欢喝奶茶的人带来价值,所以我们采访的都是奶茶的爱好者。。。(后面的请开脑洞自己编下去)

  重点就是你知道谁是你的听众,并且讲清楚你每一步的决策是为什么。

  2. 能使用图来讲故事的时候,多使用图片

  你们读我写的这么多字到现在,估计也要哭了吧哈哈哈。想想我看你Portfolio的时候你全是字我的心情~!来让我给你们个栗子吧。

  Tingyu Li | The Feast Catering 是亲爱的萌萌哒的学生听雨小朋友的作品之一,这也是一个课堂项目。她做了一些很有意思的观察,然后在作品集里面,很聪明的把这些流程用图像表现了出来。比如她和用户访谈的过程中,发现用户说点餐的时候想要一个餐巾纸都要很久,她就形象的把这部分做了出来,让你能够感同身受,同时也深入的说了这个问题是因为顾客并不能总是及时的和服务员交流。我觉得大家对于作品集最多的问题可能就是:我都做得是用研,怎么办?我做的东西看起来并不高大上,怎么办?你们可以自己感受一下听雨这里的方法。(所以学生项目也可以做的很有意思并且被包装的很好)


  3. 能展示结果,一定要展示结果

  就像刚才说的,交互设计不是纯主观的,一个设计有没有起到他本来的作用,是可以被衡量的。比如一个交友网站,你做了让用户对其他用户点赞的功能,目的是为了增强用户间的交流,加强用户粘性,那么有没有做到这件事情,是可以衡量的。

  估计你们也喜欢看更接地气一点的栗子,那我还是用学生的例子吧。XUAN同学本科期间一直在为在校同学做一枚App,在过程中积累了不少用户,于是在她的作品集里面,她很清楚的写出了自己的这个结果。我建议大家再有这样的结果的时候,就一定要展示出来。


  4. 没人不喜欢惊喜,来个彩蛋吧

  这个没什么太多可以解释的,每次看到申请者的作品集里面有很匠心独运的小彩蛋的时候,都肯定会是个加分项。

  来个我好朋友的Portfolio安利一下,这除了是一个非常好的作品集之外,彩蛋请自寻。Shuang’s Portfolio

  3,你到底是个怎样的设计师

  其实说来说去,我看你的作品集,最想知道的就是你到底是个怎么样的设计师呢?有没有自己的风格,自己分析问题处理问题的方式。

  你可能会说,作为交互设计师我不想限制自己,我的风格就是项目是什么风格我就是什么风格。那么你可能错误理解了我这里说的风格的意思,我所指的风格,是指你作为设计师,思考的风格。

  这次先来一枚栗子

  I Am | Ying Wang Sunny是湾区挺厉害的设计师一枚,也是我很喜欢的一个妹子,之前在Google,最近刚刚去了Airbnb。她做过的项目,不管是Freelance的还是在公司做的项目,跨度很大,风格也不禁相同,但是她的Portfolio展示出来的,却是一个很完整的有自己体系的设计师。你看了她的Portfolio之后,就像是能看到她这个人一样。(是的她本人也是这么萌萌哒)

  再比如Melanie Daveid 的例子就是完全不同的风格,但是你能从她的作品里面直接感觉到她到底是怎么样的设计师。

  做到这一点,其实是很难的,因为不同时期的项目,不同时期的你,会有不同的思考和工作流程,那么应该怎么办呢?下面是几个小技巧。

  1. 多使用stock image

  2. 先确定整体Portfolio的风格,再对项目逐个调整

  3. 整个作品集别使用太多字体,不论是你包装出来的图片还是你的作品本身。也别用太多颜色。

  4. 别在布局上创新,我能顺利的浏览你的作品集是重中之重,别搞出什么导航在左下角这种反人类设计。

  最后说几句大家谈起Portfolio的时候经常问我的问题:

  1. 多少个项目最合适?

  我的Portfolio 上面只有六个项目,其中 UXOffer 那个项目还只是个链接,有充数的嫌疑。我个人认为3-8个都是合适的,无需太多。

  2. 之前做的和UX/交互设计无关怎么办?

  这个其实有点因人而异,但是你要做的第一步无疑是要开始做更多的项目开始积累。但是更重要的是不要浪费自己之前的经历,因为你的每部分经历都会对你的人生和成长有帮助的。我面试过从数据科学家,建筑师,日语翻译等等各行各业转行来做交互设计的人,我反而觉得这些人很有趣。在项目不够的时候可以想想怎么把自己之前的经历讲成故事,放在你的网站上。

  3. 我不太擅长视觉设计,怎么包装自己的项目?

  几个建议:stock image大法好。别吝啬留白。选好字体。

  作者简介:Spell,高级产品设计@Salesforce。曾助力微软,亚马逊,HTC,Citrix及若干创业公司的产品设计。当下乐趣是将UX的知识传递给更多的人,并创立了UXOffer-专注于帮助中国学生获得最好的HCI/交互设计教育机会。

  个人网站:http://hangyu.me/

时间: 2024-12-26 17:59:35

一份优秀的交互设计作品集应该准备哪些内容?的相关文章

优秀的交互设计应该是最愉悦的满足用户的需求

 本文,我主要想表达的意思是:交互设计师一多半的时间其实是在做逻辑分析,从业务逻辑到产品逻辑的迁移:然后另一部分时间是在做按钮的摆放.(注意,我说的是部分,不是全部!)在这两个过程里需要注意的最重要的问题就是不能懒!       让我们再来重复一下那句关于交互与用户体验之间的关系的论断: 优秀的交互设计应该是用最低成本的交互,最愉悦的满足用户的需求.      那么,什么是最低成本的交互?我的理解,用户需要的时候才出现交互,用户用不到或者不能使用的时候就不出现交互:当用户需要交互的时候如果能二步

值得你深入了解的交互设计五大支柱

  真正优秀的交互设计,是由人情纽带所驱动的.那么问题来了,人的情绪纽带又是如何转化成数字化的界面和接口的呢?答案的当然是存在的,但是并非是由非黑即白的是与否.对与错所构成.根据我们的经验,真正成功的交互设计立足于基本用户体验设计的完美执行. 看起来不像是一个答案?没事,我们慢慢看下去. 1.结果驱动式设计 即使不亲自参与用户研究,但是你还是得知道如何对设计构建成熟的认知. 我们在<用户体验设计师必备的4种UX文档>这篇文章中对于交互设计师必须知道的四种UX文档有了深入的介绍,这些文档--或者

2014年最佳的十款交互设计工具

  几年前交互设计师还是一个不明觉厉的工作,而现在,交互设计师和UI设计师一同战在设计最前线.UI设计师们拥有经典的PS和先锋的Sketch来开疆拓土,相比之下交互设计师这个新兴的职业还没有比较统一的设计工具.不过,交互设计社区的成熟催生出越来越多功能完善的新工具,也使得2014年成为了交互设计工具之年. 在设计之初,UI设计师所提供的视觉稿和最终的可交互原型之间,需要交互设计师借助工具来补足,让静态的视觉转化为富有生命力的可交互界面.2014年所涌现出来的这些交互设计工具,在不断迭代升级中走向

交互设计及用户体验的几个概念

1.交互设计 Alan Cooper对交互设计的经典定义: 简单地说,交互设计是人工制品.环境和系统的行为,以及传达这种行为的外观元素的设计和定义. 交互设计首先规划和描述事物的行为的方式,然后描述传达这种行为的最有效形式.交互设计是一门特别关注以下内容的学科: 定义与产品的行为和使用密切相关的产品形式 预测产品的使用如何影响产品与用户的关系,以及用户对产品的理解 探索产品.人和上下文(物质.文化和历史)之间的对话(Riemann和Forlizzi) 这个理解有点晦涩,Alan Cooper的<

交互设计与用户体验:满足用户需求的交互设计

     本文,我主要想表达的意思是:交互设计师一多半的时间其实是在做逻辑分析,从业务逻辑到产品逻辑的迁移:然后另一部分时间是在做按钮的摆放.(注意,我说的是部分,不是全部!)在这两个过程里需要注意的最重要的问题就是不能懒!(京东商城的设计完全不具备交互性,不做分析).对照"看人下菜碟"的说法,我们来看看哪些是可以改进的.       1.如果用户没有登录(注册),用户是否需要去点击"兑换"OR"评论"按钮?答案是否定的.这个时候用户最需要什么交

交互设计存在的意义

最近交互设计到底做什么又开始成为一个经常听到的话题.UED团队里交互设计尽管已经占据了相当的比例,但无论是视觉设计师还是前端工程师都对于交互设计的 工作知之甚廖,更遑论PD和工程开发了.在百网培训的时候,服务和BI的同事对于视觉和前端都有着粗略的了解,但对交互设计这个职位却异常陌生,经常听到 的一句话是,交互设计也是画图的吗? 有时候我会用一个比喻来说明产品开发中各个职位的功能:如果把产品当作一栋房子来看 的话,由PD来根据要卖给谁来决定我们的房子是海边别墅.精致小区或者是廉租房及其配套设置,而

关于交互设计中的全面知识整理

交互设计是一门特别关注以下内容的学科: 交互设计是什么?       1.定义与产品的行为和使用密切相关的产品形式. 2.预测产品的使用如何影响产品与用户的关系,以及用户对产品的理解. 3.探索产品.人和物质.文化.历史之间的对话. 交互设计从"目标导向"的角度解决产品设计: 1.要形成对人们希望的产品使用方式,以及人们为什么想用这种 交互设计产品等问题的见解. 2.尊重用户及其目标 3.对于产品特征与使用属性,要有一个完全的形态,而不能太简单. 4.展望未来,要看到产品可能的样子,它

交互设计原型的构建与设计

继续<交互设计的职能>的内容,那么怎么去组织页面元素,制作原型Demo;哪些表现层面是交互设计师该重点表达的内容,原型的制作又有哪些章法可循呢? Ⅰ. 什么是原型? 原型的概念说的简单直白些就是用户使用产品的界面模型,原型的设计主要包括三部分:①需求内容的呈现 ②导航和链接 ③数据的交换 ①需求内容的呈现 1)文本,多媒体内容的呈现 最基础的web页面就是文字和多媒体的载体,通过文字和媒体把需求内容呈现给访问者是Web设计最最基础的部分,设计师需要将信息分主次的传达给访问者,这是设计最基本的目

交互的良性循环的优秀用户体验设计

文章描述:产品交互的良性循环. 用户与产品之间的相互可以看成是双向线性的过程,手机上输入字母"d"和界面输出显示是一次短交互,完成一次购物支付是长交互,这是使用一次产品过程中.用户体验考量的是用户使用产品的全过程,这个过程包括了从安装到放弃使用的时间轴,交互的良性循环的优秀用户体验的表现. 简单以推荐引擎为例来说明各元素是如何在时间轴上发挥作用的: 初始化.基于群体特征和用户的相关程度,将相似用户喜好的其他物品推荐给用户.在用户对产品还没有发生行为时,用户填写的个人信息(性别.年龄和收