步步为营!教你从零开始制作在线UX作品集

2017/04/20 8374

对于UX设计师而言,作品集非常重要。一方面,它是证明你的天赋、经验的证据,另一方面,它也是企业和机构招聘UX设计师的的一项重要参考。一份作品集能够反映出设计师的审美趣味,思维逻辑,以及解决实际设计问题的能力。

不过,不论是做什么事情,第一次总会苦手,创建作品集也是如此。今天的文章,帮你系统梳理一下创建一份作品集的全部步骤,让你明白UX作品集的常规创建流程。

#1、搭建一个网站

想要创造一个在线的作品集,创建网站是一个显而易见的思路。换句话来说,作为互联网从业者,创建完整不仅仅是为了展示你的设计作品,它本身就是你工作的一部分。所以,你应该尽量让你所设计的这个网站完美。

A、进行网站分析

你的在线作品集需要你持续的关注和优化,那么优化的依据就很重要了。借助Google Analytics 这样的网站数据分析服务,来了解你的访客构成,以及他们在各个页面的停留时长,这些数据都能帮你优化你的作品集,并且有针对性地提升整体的影响力。

B、清晰直观的导航

考虑到这是你的作品集,千万不要在这个时候耍小聪明。清晰直观的导航才能确保访客能够清晰地获取你的信息,包括你的联系方式,你的社交帐号,以及你的详细的设计作品和项目在哪。

这就是个反例,尽管 Tiffany 的网站列举出了许多有趣的案例,但是很难找到相关的信息。

C、在其他网站上上传作品

最好不要将你的作品只保留在你自己的网站上,在Dribbble 和Behance 这样的平台上上传你的作品能够更好的提供你的曝光量,并且能够适时地给你的个人网站引流。

Behance 是目前最有影响力的设计师作品展示平台,许多公司都将它作为重要的参考。我最喜欢的是 Ramotion 的作品集,他们的每一个作品几乎都是精品,并且受到业界极大的关注。

#2、讲述故事

即使你的作品集的核心是你,但是你在设计的时候依然要以用户为核心来推进。你需要搞清楚你的访客,或者说你的客户/企业的诉求,并且恰到好处地展示你相应的技能:

·搜索、整理并评估工作和项目的需求与类型,这将帮你弄明白你需要展示的技能水平、教育背景以及所需要呈现的专业知识。
·找出你的竞争对手。看看其他同行的、竞争者的作品集,想办法让你自己的作品集能从中脱颖而出。

接下来,你要明确你的优缺点,将你的优势在你的作品集中体现出来。仔细思考一下下面的问题,应该能让你更好的展现自己:

·你有着怎样的背景和经历?当你从事UX设计的时候,哪些技能是你的核心?
·你的设计当中最具有识别度的美学特征是什么?你习惯于采用什么样的风格?你是否专注于某个特定的设计领域?

A、创建一个漂亮的自我介绍页面

“关于我”的页面应该能够简短但是明确的描述自己,阐明你的职业特征,和所寻求的工作类型。你应该在网页中对自己进行简短的介绍,并且在“关于我”的页面当中进行详细的描述。

在“关于我”页面当中,应该对于你的专业知识、兴趣、爱好以及你的奋斗目标都有详细的说明,让你的雇主或者客户对于你有个清晰的判断和明确的预估。

Eric Bue 的关于我页面就做的干净整洁,又足够有个性。

B、善用推荐和反馈

借他人之嘴来反映你的优势其实很符合现如今这个互联网时代。在作品集当中,将用户对你的反馈、嘉奖,甚至推荐呈现出来,是对你的设计能力的肯定,也是你能力的明证。

C、不要成为“独角兽”

我们会将UX圈内难于琢磨特立独行的设计师称之为“独角兽”,通常“独角兽”们会显得在任何领域都非常的专精。相反,一专多能的设计师会更容易受到青睐,也更容易在团队中定位。

看似什么都能做的人似乎更有竞争力,然而实际上,雇主们都是有针对性地寻求雇员来解决特定的问题。你应该有目的性的展示你的设计作品,并且将你的作品集最大化的利用。

#3、想想如何组织你的设计项目

虽然让你的作品集看起来足够漂亮是非常重要的事情,但是绝大多数的客户和雇主都是期望你能解决问题的,他们也希望能从你的作品集当中看到这一点。所以,你需要合理的组织你的设计项目,将它们这方面的价值最大化。

A、列举出相关度最高的项目,而不是最近的

将你最令人印象深刻的设计项目展示出来,而不是按照时间线来整理内容。尤其是当你经验邮箱,并且尝试获得你的第一项UX相关的工作的时候。同时请记住,你的作品集是要展示你过去的工作,同时凸显你未来的方向。确保你的作品集能够体现出你所试图寻找的工作类型,而非其他。

B、提供有效的预览

在企业HR那边,最初的遴选过程可能是非常简单粗暴的,招聘人员可能需要从好几十份简历和作品集当中快速筛选出备选人员,他们需要在几分钟内作出选择,所以,正如同 Patrick Neeman 所说,HR常常只有10~15秒来筛选UX作品集。所以,尽量避免使用文字来展示项目细节,借助有效的视觉预览图,清晰的呈现细节。

C、搞定NDA

对于许多设计师而言,由于NDA,也就是不公开协议,使得他们很难将过去的设计项目在自己的作品集中展现出来。不过通常来说,对于NDA有几种解决方案:

·请求许可。如果你和客户有着良好的关系,那么可以通过沟通,在你的作品集中提及,甚至在不公开关键细节的前提下,呈现部分内容。
·匿名呈现。你可以通过省略敏感、核心信息来展现设计项目的梗概,未来的雇主可能会欣赏你的这一处理手法。
·虚构项目。如果你无法展示某些真实的项目,那么不妨虚构一个项目,并且在展示的时候说明这一点。

D、不要说你什么都没做过

所有刚毕业的学生都会面临一个问题,就是他们没有足够的实战经历,但是作品集当中又需要他们展示工作经历,这就很尴尬了。最好的方法是即使没有项目实战经验,也要尽力展示自己。比如参加 Daily UI 挑战,对于初学者而言这是非常不错的平台,可以通过虚拟挑战来展示技能,同时还能增强曝光度。所以,如果你是毕业生,不妨把你所有参加过的活动、学术项目甚至虚拟项目都纳入到作品集当中。

E、强调质量而非数量

作品集中的作品在精不在多。选择2到3个有说服力有代表性的作品,比罗列所有你做过的事情要来的有用。讲好一个项目,一个完美的设计项目,比什么都好。

Michael Nino Everson 的整个作品集就只有一个设计项目,iOS版的 SoundCloud。他力图深入的描述整个项目的背景、设计思路和过程、实现的细节。

#4、细节描述

尽管其他的行业可以在产品最终实现的之后给予解释说明,但是UX行业并非如此。雇主和和客户在看到一个精心制作的产品的时候,非常希望知道你是如何解决问题的。他们想要看到这个实现的过程,而不是单纯的一个魔术般的结果。虽然描述可能因为项目不同而有所差异,但是一般而言,它是由两个部分组成的:概述和UX流程。

首先,应该有概述,概述部分能够帮助雇主和客户快速了解UX设计本身,以下是概述通常会包含的条目:

·项目目标:为何会有这个项目
·目标:可交付的结果是什么
·持续时间:需要多久完成
·团队:你的合作伙伴和团队成员都有谁
·你的角色:你是如何为团队做共享的
·最终产品:图片、视频、可执行的APP或者原型、源代码。

UX流程部分可能是你的作品集当中最重要的部分,它解释了你的整个用户体验设计流程中的细节,各种问题的解决过程和不断选择的判据。

你应该明白,你在整个UX设计过程中所做的选择和采取的手段,应该放在当时的场景之下进行评估。当你开始描述问题和解决方案的时候,你应该描述和展现当时的情况,并且让客户明白你所处的情形。他们应该能够通过下面的信息来了解情况:

·设计问题/挑战:通过简单的一两句话来表明你正在处理什么问题,或者面临什么挑战。
·用户研究:根据需求、动机或者痛点来阐明你的用户所面临的情况。这部分还应该包含你研究的信息工具(移情图,角色等)。你还可以提到竞争分析(根据用户需求评估竞争对手的优势与劣势)。
·想法和思路:你应该提供以下问题的答案,包括如何解决问题,为什么选择这个方案,以及影响你决策的主要因素。
·设计:完整的描述你的构思,概念,解决方案,以及相应的影响。使用线框图、低保真/高保真原型、视觉稿来进行设计。如果可能,提供可交互式的原型,供雇主和客户来查阅。
·测试:你如何衡量产品的成功或者失败,你是如何测试你的解决方案,以及你提出了哪些问题。

A、清晰的陈述

你的项目在作品集当中,应该以一种清晰的陈述方式展现出来,呈现出你在这个过程中的遭遇和障碍,成功和失败。

·确定读者所需要的信息的优先级。将项目的关键点和重要时刻突出呈现,确保信息的有效性和趣味性。
·展示你解决问题的技巧。当你展示不同项目的时候,突出不同的项目的关键问题,以及解决这些难题的细节。展示你使用不同工具、策略解决不同问题的能力。
·展示你使用图片和文字简洁、快速沟通的能力。尽量使用多媒体元素来阐述每个步骤。
·尽量清晰说明,你从这个项目中学到了什么。

B、描述这个项目的影响

展示你的项目给公司和团队带来的价值。如果可能,仔细描述一下这个项目是怎么给公司带来成功的。如果存在积极的影响和结果,请详细说明。

C、不要沉迷视觉展示

如果你不是视觉设计师,还是尽量不要沉迷于视觉化的内容展现。作品集不是要展示你惊人的视觉设计技巧,而是要呈现你在UX和产品设计上的能力,你的角色是UX设计师,你是为了解决问题、提出方案而存在的。

Slava Kim 的这个作品集就是反例,过多的关注视觉展示,而忽略了UX的流程和基本的信息。

D、不要仅仅关注结果

UX设计师常常关注于交付结果,和忽略了过程。但是在招聘UX设计师的时候,招聘人员更加关注的是你解决问题的过程,而不仅仅是某个项目的完成与否。比如,某个项目中用户角色研究和最终交付的用户画像上的差异,用户研究在这个背后所扮演的角色,等等等等。一个好的UX项目能阐明这背后的原理。

E、不要夸大你对于项目的贡献

每个项目都是由团队成员一起完成的,你的工作只是其中的一部分,而雇主是明确知道这一点的。诚实是美德,谦逊也是品质,大家都更愿意同诚实谦逊的人合作。

结语

完成每一个UX作品集对于设计师而言,都是一项艰难而巨大的工程。你需要花费大量的时间和经历来走完这整个过程,但是它绝对是值得的。它像一份漂亮而有效的成绩单,是你阶段性的总结,更是你新工作的敲门砖。雇主和客户选择的是你,而不仅仅是一份作品集,不是吗?

【别人家的作品集】

  1. 《学会这5个技巧,避免你的作品被人用竞品评头论足!》
  2. 《5个要点教你改造作品集,提高求职成功率!》
  3. 《还在堆图片?来看看这11位UX设计师教科书级的作品集》
  4. 《学会用这5个正确姿势阐述你的设计作品,轻轻松松一稿过!》

原文地址:Medium
原文作者:NICK BABICH
优设译文:@陈子木



本文由优设网原创翻译,请尊重版权和译者成果,转摘请附上优设链接,违者必究。谢谢各位编辑同仁配合。

【优设网 原创文章 投稿邮箱:yuan@uisdc.com】

================关于优设网================
“优设网uisdc.com“是国内人气最高的网页设计师学习平台,专注分享网页设计、无线端设计以及PS教程。
【特色推荐】
设计师需要读的100本书:史上最全的设计师图书导航:http://hao.uisdc.com/book/
设计微博:拥有粉丝量180万的人气微博@优秀网页设计 ,欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航:全球顶尖设计网站推荐,设计师必备导航:http://hao.uisdc.com

非特殊说明,本文版权归原作者所有,转载请注明出处
本文地址:http://www.uisdc.com/essential-guide-to-design-portfolio

界面设计 交互设计师 HTML5 素材 用户体验设计 好文 UI 转场动效 设计师专访 设计师 设计规范 排版布局 扁平化设计 素材下载 视觉设计 职场 产品设计 设计趋势 配色 web前端开发 海报设计 AI教程 字体下载 设计理论 动效设计 神器下载 图标设计 psd下载 logo设计 神器推荐 ICON 职场规划 App设计 酷站推荐 字体设计 交互设计 用户体验 ui设计 设计师职场 优秀网页设计 酷站 ps技巧 PS教程 网页设计 经验分享
wechat

优设官方微信

50万设计师关注

微信号:youshege

把好文章收藏到微信

打开微信,扫码分享
学设计 优设网 在这里