制作在线UX作品集的四个步骤

本文作者将帮你系统梳理一下创建一份作品集的全部步骤,让你明白UX作品集的常规创建流程。


本文作者将帮你系统梳理一下创建一份作品集的全部步骤,让你明白UX作品集的常规创建流程。

制作在线UX作品集的四个步骤

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

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

1、搭建一个网站

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

A、进行网站分析

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

B、清晰直观的导航

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

制作在线UX作品集的四个步骤

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

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

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

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

制作在线UX作品集的四个步骤

2、讲述故事

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

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

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

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

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

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

制作在线UX作品集的四个步骤

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

制作在线UX作品集的四个步骤

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

B、善用推荐和反馈

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

制作在线UX作品集的四个步骤

C、不要成为“独角兽”

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

制作在线UX作品集的四个步骤

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

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

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

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

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

B、提供有效的预览

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

制作在线UX作品集的四个步骤

C、搞定NDA

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

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

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

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

E、强调质量而非数量

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

制作在线UX作品集的四个步骤

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

4、细节描述

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

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

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

制作在线UX作品集的四个步骤

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

制作在线UX作品集的四个步骤

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

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

A、清晰的陈述

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

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

制作在线UX作品集的四个步骤

B、描述这个项目的影响

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

制作在线UX作品集的四个步骤

C、不要沉迷视觉展示

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

制作在线UX作品集的四个步骤

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

D、不要仅仅关注结果

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

制作在线UX作品集的四个步骤

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

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

结语

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

 

原文作者:NICK BABICH

原文地址:Medium

译者:@陈子木

译文地址:http://www.uisdc.com/essential-guide-to-design-portfolio

原创文章,作者:Catherine,如若转载,请注明出处:https://www.iamue.com/22664/

(0)
CatherineCatherine
上一篇 2017-05-02 15:03
下一篇 2017-05-02 16:53

相关推荐

  • 重温《别让我思考》,这本书到底告诉了我什么【UXRen译#141】

      作者:Nick Kellingley(交互设计基金会社区经理)| 译者:天蛙,审校:xing   《Don’t Make Me Think》是人机交互和易用性工程师Steve Krug写的一本书的书名(中文版本的书名是《点石成金》)。这本书教用户体验…

    交互专题 2017-08-07
  • 酱课程丨交互设计第②期 · UI/UX傻傻分不清楚?分分钟带你搞懂交互设计下的六大Job Titles!

    上周,我们发布了交互设计师Eary Alan的第一期课程,最值钱的内容,就是这张指导交互设计师们工作流程的“双钻图”了(横屏观看)。从0开始到完成一个设计项目,都是两次发散(Diverging)和两次汇聚(Converging)的结果。Discover探索与调研属于发散型的思考,探索研究问题的本质1. 质疑 rip the brief对需求质疑,对商业模式质疑,对用户质疑,质疑一切不合理的事情。2. 故事/场景 cluster topi...

    2018-04-07
  • 实战经验|在工作中,交互设计师应学会的“僭越”

    本文是刚入行的交互设计师结合整个实际项目实践,尝试探讨交互设计师和产品经理、其他上下游同事之间的“共生”关系,希望帮助设计新人找到与上下游配合的一点灵感。“人们创造了事实上并不存在的对立,并且他们也给这些对立强加上十分确定的新的名称”。

    2017-05-04
  • 如何成功运用扁平化设计与色彩趋势

    经验分类: 经验/观点 / 自译外文 原作者: Carrie Cousins  翻译:蒋灿 我们在Designmodo上已经聊了很多有关扁平化设计趋势的内容。 之前瞎说了很多,也给大家展示了大量不错的示例,还开发了一套免费的用户界面以…

    2014-09-14
  • 这个按钮不简单

    Slack 将保存时的「状态提示」设计在了同一按钮中。Flava 通过按钮的不同状态将「删除」与「确认」两个操作结合在了一起。Arent & Pyke 巧妙的将进度提示设计在了提交按钮中。Fantastical 2 利用了 iOS 的 Switch Button 来对 Event 和 Reminder 两种类型进行切换,并在按钮中加入了相应的图标用以识别。Wifeel 将 iOS 和 Android 版 App 的下载按钮统一设计在了一个按钮中。Tidy 在进行「归档」和「添加至相册」操作时,会在顶部以同色的方式来标识所对应的操作按钮。在 Tumblr 中关注某个用户时,「Follow」按钮会变为当前用户的头像并以一个小动画来作为关注成功的提示。

    2017-06-05
  • 交互细节思考: Calender VS 下拉框

    微小的差别给用户的感受可能完全不同。

    2017-05-05
  • 你天天挂嘴边的「用户体验」,到底是什么?

    用户体验到底是什么?这个每天都挂在嘴边的词,你真的懂吗?

    2017-05-02
  • 用户体验:从幽灵按钮到空心元素,它们一直在流行

    幽灵按钮和类似的空心元素,在诸多的设计趋势当中,还是显得颇为单薄的。它们的转化率看起来不够突出,和其他的固定形体相比,吸引力也一般,它们的视觉效果主要取决于周围的对比度和环境本身,一句话,缺点很多。即便如此,它们并没有很快消失,相反依然活跃在设计的一线。它们能够如此,很大程度上是因为我们对于这些元素已经习以为常了。它们最初出现在 UI 界面上的时候,用户所感到的迷惑和混乱,已经逐步消失,我们都知道,它是一个按钮。现在的幽灵按钮和类似的元...

    2018-05-04
  • 【UX设计】如何成为一名更加贴心的用户体验设计师?

    我曾见过一个简单却贴心的设计,是个仅170 像素的笑脸。那是非常疲惫的一天,下班后我想要清理一下Email 收件箱,放松一下心情。以前我都是用苹果自带的邮件应用,但这次我打开刚下载的Gmail 应用,筛选了收件箱里…

    交互设计 2015-09-13
  • 走进交互设计——感受生活中的交互设计

    交互设计交互设计(英文Interaction Design, 缩写IXD),是定义、设计人造系统的行为的设计领域,它定义了两个或多个互动的个体之间交流的内容和结构,使之互相配合,共同达成某种目的。交互设计努力去创造和建立的…

    2017-08-01