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

相关推荐

  • 别逗了,真正的“用户体验”并不如你们所说!

    User Experience is “a person’s perceptions and responses that result from the use or anticipated use of a product, system or service”.— ISO 9241-210The extent to which a product can be used by specified users to achieve specified goals with effectiveness, efficiency and satisfaction in a specified context of use.— ISO 9241-11— Baekdal, T., 2006. The Battle Between Usability and User-Experience [Online] Available at: The Battle Between Usability and User-Experience–Nielsen Norman Group, 2007. User Experience – Our Definition [Online] Available at: http://www.nngroup.com/about/userexperience.htmlBy Alan Penn, director of the Virtual Reality Centre for the Built Environment at University College LondonReference:Why User Experience Cannot Be DesignediA | Can Experience be Designed?文章一:Eric Baczuk, Design and the (Ir)Rational Mind: The Rise of Affective Sensing
    https://designmind.frogdesign.com/2014/05/design-irrational-mind-rise-affective-sensing-2;
    文章二:Daniel H. Pink, A Whole New Mind Moving from the Information Age to the Conceptual Age
    http://www.goodreads.com/book/show/99315.A_Whole_New_Mind“做项目久了,难免就会职业病发,没成想现在最大的爱好就是拆字玩儿,总想着能从字本身的意思去弄点洞察出来。现在哪哪儿都在说用户体验,说实话,这个概念本人听的是真有点腻了,凡是个东西都要扯上“体验”二字。顺手在网上搜了下在线词典,这下面倒是有对于体验的几种原生态解释:1.亲自处于某种环境而产生认识2.指通过亲身实践所获得的经验3.所谓亲身经历与实地领会4.也含有查核,考察的意思
    从这些个解释里不难看出,从1,2,3的解释中,体验是包含有时间概念的:体验当下的那一刻,体验后的回想总结,以及建立下一次体验的心理预期和评判标准,其中反复强调的是“亲身”一词,这个时候,人的概念就被带出来了,不难看出所谓“体验”又包含了多少亲历者的主观意识;从4的解释中,个人觉得特有嚼头,这似乎是来了个总结:大多数的人都是带着“挑刺儿”的情怀去走完整个时间线的。
    最后,简单的总结下我想说的1.体验设计的who 是别人,体验包含太多主观因素,设计师要懂得如何充分提炼每个人情怀背后的深层共性。2.体验设计是围绕过去,现在和将来这条完整时间线的设计,绝对不是一锤子买卖。3.只要是人,就会对你为他们所架构的体验进行“审核”,所以作为设计师,千万要宽容要大度,那个被“骂”的点或许就是支撑前行的机会。文章中揭示的“互联网产业中对于User Experience和Interaction Design的混淆”可谓是一针见血。作为一名有着一点用户体验sense的互联网从业者,我往往会花费很多时间去说服决策者将投入更多地精力去研究用户,用更加宏观的角度去看待用户体验,但由于自己对于用户体验理解和阐述的局限性,这样的尝试往往无疾而终。我觉得这篇文章提供了很好的逻辑结构和对比佐证,让设计师能够更好地理解用户体验的同时也可以更好地把这个概念传输给别人。
    对于文章中提到的两个工具,Customer Journey Map和User Experience Questionnaire,在我看来虽然被证明在设计咨询和设计用户研究领域非常有效。但是在产品迭代迅速的互联网行业,决策者往往会更倾向于快速地推出产品、快速地试错、快速地更新迭代这样的“野蛮”方式来获取更加直接与准确的用户反馈。在这样的一种大环境下,相对传统的用户研究工具似乎因为周期长与结论的不确定性显得有些“笨重”,这也间接导致了部门互联网公司的决策者对于类似调研方式的抵触。如何做出改变,让这些有效地工具和理论在这样相对“野蛮”的环境中显得“接地气”,我觉得是作为一名设计师需要思考的问题。这篇文章很是解答了大家对于“用户体验”,“易用性”,包括“体验设计”的差别。非常赞同对于未来设计世界和人类世界对于情感化消费需求的方向,很多时候人们看似理性的消费实际上也是出于背后难以明状的亦或是潜意识亦或是外界的多重的信息刺激。神经科学(neuro science) 主张的决策下达从来都不是由内而外的,而是由外而内的。从这一点看,似乎“体验“还是可以被”设计“的,这种预设,结果当然越接近最终的现实越好。在《Thinking fast and slow》这本书中提到了诸多人们下决定的包括背后存在的偏见,所谓主观的意见实际也掺杂了背后潜意识的,本能的,直觉的迅速的判断,在这样的情况下,消费者的“体验”可以”被操控”的因素也大大增加了。说到底,人都是很有同理心(empathy)的动物,再正经地挣扎表现出理性的样子,也不过是那层薄如蝉翼的外壳罢了。“用户体验”就是在不停地触碰这层外壳,让“体验”直入你心。作为一个Service Design背景的设计策略师,用户体验之与我并不是虚拟产品中的手势,按钮,和A/B测试。用户体验融合在一整套服务系统里无形或有型的用户触点中。正如文章所提到的,实体体验的内容层级要远远超越互联网产品的易用性,它是一个更加复杂而庞大的系统,它需要深入挖掘人类需求的本源与动机,而并非只是依照某种需求本身位用户提供某类的便捷工具。
    正如Pine II和Gilmore在The Experience Economy一书中所述,任何企业在喝消费者互动时都是在导演体验,以一种个性化,令人难忘的方式与消费者建立联系,以服务为舞台,产品为道具,以品牌故事为剧本,当我们购买的是体验时,我们花钱享受的事商家为我们提供的一场难忘的回忆,就如同参与一场戏剧演出,其价值将长久地存在于我们的心里。
    试想一下MM巧克力世界,乐高积木世界,苹果体验中心,以及把体验做到极致的迪斯尼。他们永远不可能收到互联网产品的冲击。许多人说随着互联网服务的发展,电影院,商场,美容院,餐厅,所有的产业都将受到影响。然而,良好的体验是在一个人心理,生理,智力和精神水平处于高度刺激状态下形成的,这并非是互联网产品的良好易用性就可以轻易满足的需求。
    对于“用户体验”而言,“易用性”是衡量整个体验过程中所需要的某一工具的标准之一,而体验则应该思考如何通过全方位的营造让服务变乃至于整个生活状态变的更加丰满和人性。“用户体验”被广泛的使用和探讨,说明随着经济发展,消费者的需求已不再单薄。以设计为主导商业创新挑战才刚刚开始,作为这个时代的设计师,我们更应该以开放和学习的心态来迎接新的挑战!关于用户体验的未来的展望非常有趣。说到底是对人的更深入的了解是用户体验的根本。传统上来说,用户体验是基于对于用户更深切的研究,是以用户研究为基础的。也就是根据用户的所说,所做,所想,甚至所感挖掘出真实的用户的能力,需求和期待。而从上文用户体验不能被设计上来说,Context of use和User两个都是影响的因素。也就是说,未来对于User本身的了解的加深, 以及Context of use的改变也会对用户体验本身有着极大的影响。

    2017-06-03
  • 交互设计师应该如何设计作品集

    作品集是反映设计师设计水平最直观最有说服力的材料,而作为一个交互设计师,应该如何设计自己的作品集来证明自己的专业水准?知乎、Quora、 ux.stackexchange.com等论坛都有相关的讨论,本文总结这些观点并针对自…

    2016-09-13
  • 2016年度13篇最佳UI/UX参考文章【UXRen译#161】

    作者:Grace Jia(UI/UX Researcher & Analyst)  |  翻译:代代子,校审:Chen Jing   本文收集了2016年度最受推荐的设计文章,内容涉及(1)UI/UX设计的原则、书籍和工具(2)如何做出更好设计的方法和建议(3…

    交互专题 2017-08-07
  • 交互设计与空间展示的深度结合 | 通过交互科技扩展展览空间的体验维度

    本文分为两个主部分,第一部分为如何理解,通过交互科技扩展展览空间的体验维度,第二部分将结合若干具体案例,为大家分享怎样运用交互科技,扩展展览空间的体验维度。大理石是大型彩色模压形状,能够和人通过声音…

    2017-08-01
  • 用户体验是家电实体店独享红利

    不可盲目自信,也不能过度自卑。对于众多的家电实体店来说,满足用户的体验、持续带来新的用户体验,是应对一切外来不利因素挑战和冲击的最大筹码,也是生存的底线。蔓欣||撰稿现在,主题乐园正成为现在人们选择度假的方式,在春节旅游大报告中,上海迪士尼赫然位于“最热门景点”第四,而其他像常州中华恐龙园、顺德长鹿农庄、上海长风海洋世界、武汉欢乐谷等也是今年春节期间最热门的主题公园。尽管,现在基本上所有的购物、娱乐和消费,都可以在线上解决。但是,更多的...

    2018-03-09
  • 设计干货推荐|四类弹框的四大设计准则

    弹框是交互设计中非常重要的一个点,这类设计不仅考验交互设计师的综合能力,也能从产品看出整个团队的整体水平如何。这就是一个细节,但是细节往往决定成败。

    2017-05-21
  • 交互设计9种交互状态的设计

    现在的UI设计团队通常先设计组件,多数界面几乎就是各种组件的结合。这会在用户的“异常路径”上留下不容小觑的断档。由于我们构建的是整个系统,而非几个页面,我们必须投入精力打磨这些常常被忽略的状态的设计,创…

    2015-11-09
  • UED建筑品谈 | 昭君博物馆:土木轮回

    📌编辑 | F.项目竣工的下午,一片低黑的云朵重重地飘盖过来,浓烈的阳光穿过云缝狠狠地砸在了和周围土地一样色质的“夯土”表面上,一派陌上苍歌的景象。新的“土木”谦虚地溶嵌在大地之上,迥异的材料体验感却反而没有让建筑消失,熟悉得甚至可以忘记的“土”和“木”。体验变得几分陌生,他们与大地一同构建了令人难忘的场所。这让我想到几米漫画书里的句子:“……看不见的,看见了;遗忘的,记住了。”——曹晓昕主创建筑师曹晓昕中国建筑设计院有限公司副总建筑师...

    2018-02-02
  • 一文看懂用户体验五要素

    《用户体验要素》是美国AJAX之父Jesse James Garrett的经典之作,被称为互联网入门必读的书籍,系统介绍了产品用户体验设计的模型。原作第一版完成于2002年,距今已经16年了,本书的最初是针对网页设计写作而成,但在这16年间,从internet到APP再到移动互联网,这个理论都能适用,越来越被称为经典,可见其在当下以及可见的未来,都具有普适性。因此,学习下用户体验的五要素还是很有必要的。用户体验五要素是将产品设计的过程抽...

    2018-03-17
  • 译文 | 我为什么喜欢丑陋的,凌乱的界面

    漂亮的,新颖的,干净的,简洁的,极小化。在有关设计的讨论中这些单词频繁出现。看下面的这个优秀作品集收集网页:http://www.creativebloq.com/portfolios/examples-712368。单词“漂亮的”被用了6次,“简单的”被用了11次,仅仅还是在一篇文章中。

    2017-05-24