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

相关推荐

  • 【Sketch切图】系列教程之sketch切图基础教程

    sketch切图效率是ps的几倍,几十倍。因为大部分公司没能给设(qie)计(tu)师(zai)配mac电脑,所以用sketch少,不然我相信大部分设(qie)计(tu)师(zai)都会转移到sketch。 先说说最基础的,在sketch中,一个项目的…

    2015-12-03
  • 7种方式玩转信息可视化中的时间线设计

    时间常常被认为是一种主观的体验,然而在可视化的表达中,时间却成为了结构化维度。时间帮助我们构建稳健而直观的框架,使我们更好地建立事件间的联系。 按照时间线的方式阐述信息已经广泛应用于企业传播、营销的各…

    交互设计 2015-08-27
  • UED专访 | 众建筑:未来城的边缘

    📌 编辑 | 裴盛📌 采访| 杨紫惺 李思远 李佳琪📌 视频 | 裴盛EXCLUSIVE INTERVIEWUED × 众建筑玻璃框景中,映出木构的筋骨红砖青瓦间,闪烁金属的光芒古老与现代在这座“新生”四合院中交织年轻的的思想碰撞出新时代的活力观察生活、测试构想、生产建造踏进“众建筑”,寻觅空间的更多可能点击观看专访视频UED × 众建筑专访视频 ©UED1“三人成“众”“众建筑”,既是对其由三位合伙人共同创立的直观描绘,更符号化地表达...

    2018-02-07
  • Axure教程:实现类网易云音乐APP播放效果

    整体效果截图首页:视频播放:我的音乐:朋友:音乐识别:音乐播放:实现本原型实际效果可以在预览地址查看,本文将重点讲述播放器界面的实现过程。1.原型共有11个独立页面:依次为:首页,排行榜,FM,视频,我的,朋友,账号,音乐识别,音乐播放,每日推荐,歌单页面。2.音乐识别界面效果实现分析:1.音乐识别效果由首页左上角麦克风图标点击后触发,进入识别页面时开始识别同时效果自动开始。由于音乐识别和首页分别在两个不同页面,所以可以考虑通过全局变量...

    2018-03-24
  • 小优姐姐,大家都在说的交互设计,它日常工作内容究竟是啥?

    封面设计:vivien bertin每次亲朋好友来问我,做什么工作的啊?自豪的回答:交互设计然后然后就没有然后了。。。朋友每次看完俺的文章都会说很好啊还会给我打赏但是最后的最后会补充一句没看懂,太高深以及最近被一波接地气的央视海报刷屏大家纷纷表示看到了希望先来两张海报让大家感受一下连一向以严肃正经形象示人的央视好像被触发了某个开关变得越来越不正经亲切可爱咱们交互设计师是不是也要走下神坛来说说交互设计师每天那点事9:00查看邮件确认是否有...

    2018-01-31
  • Sketch49交互原型新功能测评教程!

    昨天,Sketch49新版本发布,小编朋友圈又被刷了一波屏。对于该全新版本,具体有哪些新功能,以及如何使用呢?「10000个知识点」特邀讲师UIBANG-乔帮主连夜做了sketch新功能测评教程,分享给大家,希望可以给予你们帮助。深夜给大家整理了Sketch49版本更新的新功能-交互原型,希望大家能有所收获。下午在圈内微信群里,忽然看到2月28日发布了Sketch49新版本的...

    2018-03-03
  • APP切图命名规范:介绍一种通用的命名规则

    今天菜心要分享的内容是关于切图命名的规范,由于最近正在总结这一部分内容,所以拿出来和大家一起分享探讨一下。组件_类别_功能_状态@2x.png模块_类别_功能_状态@2x.png

    2017-05-10
  • 做用户体验设计最难的是「平衡」

    做用户体验设计最难的是什么?「平衡」是我一贯以来的答案。在实际工作中,需要我们平衡的因素有很多,比如商业目标与体验目标的平衡、理性思维与感性思维的平衡、追求极致与关注全局的平衡、发散创新与克制专注的平衡、符合习惯与突破常规的平衡……一个好的用户体验设计师能够综合考虑到绝大部分情况,作出最适合当下产品的设计思考与决策,而不是理想化地沿着一个方向走到底。

    2017-05-08
  • QQ音乐年终盘点H5设计总结:音乐与色彩的次元幻想

    2016年是一个H5满天飞的年代,如何在众多牛气的H5中脱颖而出,留住用户关注和让朋友圈永无休止的不停传播呢?这也是一枚骚气且不隐忍的运营设计师一直研究琢磨的课题。这里拿QQ音乐年终盘点H5为例来解析下我对H5的次元幻想。

    2017-05-07
  • 什么是用户体验文案设计?【UXRen译#164】

    作者: Kristina Bjoran  |  翻译:陈馥丹,校审:小四   有一种新的职业出现了,嗯,也许不是“新”的,但可以肯定的是这种职业出现次数会逐渐增加,像谷歌、亚马逊、Dropbox、Paypal……许多大型科技公司正在寻找UX文…

    交互专题 2017-08-07