制作在线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

相关推荐

  • 实践分析产品第一天

    【分析思路】 首先要明确,产品是面向用户的,当分析一个产品的时候,我们要先以用户的角色按照设计师的引导整体走一遍,也就是遍历每一个操作,每个设计师都会有一条设计主线,把杂乱无章的功能点根据用户的期望及…

    交互设计 2015-08-25
  • 产品原型和交互设计的区别

     产品经理根据需求来规划产品原型,但是产品原型往往比较粗糙,可能只包含了核心功能描述或者模块划分。我们之前问过很多朋友产品经理的原型和交互设计师的原型相比有何异同,得到的结果简单来说,前者更加笼统且…

    2015-02-03
  • Axure RP入门第五篇——全局变量实现不同窗口加载

    产品经理入门:Axure RP入门第五篇——全局变量实现不同窗口加载

    2018-03-04
  • 还有不知道锤子ROM新特性的吗?Smartisan OS v2.0.0 更新日志

    Smartisan OS v2.0.0 开始公测,本次更新新增功能 10 项。主要有:1.丑颜相机;2.超大图标;3.透明桌面;4.桌面人脸识别功能;5.欢喜云查岗。今天我们会将该版本随机推送给 520 位 Smartisan T1 手机用户。欢迎收到…

    2015-08-05
  • 信息港招聘3000多岗位......

    萧山之窗移动生活由此开始....关注2018萧山信息港小镇春季人才招聘200余家企业,3000多个信息经济岗位!3月31日信息港小镇将会举办一场盛大的春季人才招聘会。招聘会时间:2018年3月31日(周六)9:00—16:00招聘会地点:萧山经济技术开发区启迪路198号 信息港小镇B-C连廊除了微医集团、科大讯飞、华网信息、一知智科、网盛数新、华澜微、云集微店、湾区孵化器.....这些信息港小镇内的王牌企业,还有萧山经济技术开发区的部分...

    2018-03-26
  • 邮件其实是一种不容忽视的用户体验

    人们总是愿意相信,他们自己的创作本身就能够说明一切。由于电影《梦幻成真》里 “车到山前必有路” 的这种心态,加上非理性的恐惧,通常这类思想会影响到产品的设计,造成用户体验脱节,这个过程中又很少与用户交流沟通。

    2017-06-01
  • UX不是UI

    2015-07-11
  • 近一年来做的动效设计整理

    最近离职了,空暇之余正好对之前一年多的工作内容进行个总结回顾。主要分两块,一是负责公司App和游戏在App Store及Google Play商店的视频创意设计和制作,可参见我写过的文章《AppStore预览视频AppPreviews制作心得总结》,以及前两天上站酷首页的《2015 moonjoin showreel》。

    2017-06-02
  • 界面设计中的动画原理:可理解的变速过渡效果-深入研究加速和减速

    注:“可读性”是说动画绘制者如何定义动画的精准度,用来清晰而容易地理解正在发生的事情。例如:不可读=不清楚发生的事情很易读=它非常清楚,立刻能懂弹跳背后的物理理论:球刚开始被放开的时候,它有一个相对缓慢的速度。在重力的作用下,球的速度持续增长,直到接触地面的那一刻速度达到最大。地面给球反作用力,使它以几乎相同的速度反弹回去。当球移动时,两种力量作用正在球上 - 反弹的力、想把它拉下来的重力。反弹的力量正在慢慢释放,这使得球随着升高逐渐减低速度,直到它耗费掉所有的反作用力,最终到达反弹的最高点。它在顶部停留一微秒,直到重力把它拉下来,使它像之前一样加速下降。我用言语来描述这句话是有原因的。我们试着将一种自然行为分解为具体的步骤,这样我们就可以重新创造它。注:不要羞于“照搬”大自然。你的观众会更快地与动画关联起来,从而更容易读懂动画。注意:这一术语有可能与其它术语混淆。如果你正在阅读传统的卡通书,例如迪斯尼的《生命的幻象》或《动画师的生存工具》,那么这些书会告诉你,当一个物体开始减速然后加速时,这一过程被称为渐慢(ease-out),因为它的姿态在“缓慢输出”。但是,在软件产业(CSS动画,Adobe Edge等),这一过程被称为渐快(ease in)!我不确定这一不同之处是怎么来的,但是不幸的是,这就是它的形成过程。所以,当你在阅读一篇文章时,而这篇文章把它们把“渐快”称为“渐慢”,那么不要觉得困惑。看一眼你所在的网站你就懂了:D。时间    Y轴的位置(秒) : (像素)—————-0.0  :   00.1  :  34
    0.2  :  68
    0.3  : 102
    0.4  : 136
    0.5  : 170时间    Y轴的位置(秒) : (像素)—————-0.0  :   00.1  :   2
    0.2  :  10
    0.3  :  36
    0.4  :  87
    0.5  : 170注意:你会在软件中看到更多用于设置缓冲的选项,例如二次的、三次的、四次的等等。它们只是缓和程度更高的选择,但是概念是相同的。只需记住——缓和的程度越高,你就会得到更多的缓和度。并不是规则,只是工具(There are no rules. Only tools)- Glenn Vilppu

    2017-06-05
  • Axure 原型界的撕逼大战

    最近在交互原型界也有撕逼大战啊,所以任何以收费为目的的网站都是纸老虎。 为了整体交互设计行业发展来看,只有开源分享才是真的有利于交互设计师们。你们说尼? 原文标题:《金乌:你能消停点儿吗?》-小楼一夜听…

    交互设计 2014-12-29