“Designer”这个词可以意味着许多不同的东西,设计师角色具有许多可能的技能和职责。UX-Design Portfolios展示他们的主人是:他们专注的领域,他们的优势,他们的流程及其设计风格。

在本文中,我将“设计师”称为设计用户体验的一个或多个组件的任何人——交互流、离散界面元素、视觉效果或全渠道旅程,无论是在桌面、触摸屏还是其他设备上。

我们的许多人UX-Research投资组合的前十大建议also apply to design portfolios. A common misconception about design portfolios is that they are only made up of final UI designs and screenshots. This article will guide you through the steps of creating a UX-design portfolio that encompasses your entire UX process and not just the shiny artifacts.

What Hiring Managers Are Looking For

As part of our current research on用户体验职业, we surveyed 204 UX professionals in charge of hiring about what they look for in a portfolio. Here are some things they mentioned:

  • “向我展示你是如何从一个机会开始的,并为用户和组织创造了真正的价值。”
  • “I’m curious to know what isn’t in the design and why, just as much as I’d like to know why elements made it in.”
  • “Don’t just show me the finished product. I want to see the messy process and all the work and research that was put in to land on that shiny polished design. Tell me the problem you were trying to solve, your role, any constraints, project timeline, changes from iteration to iteration and how the research informed the design.”

The “users” of your portfolio will be hiring managers, recruiters, or fellow UX professionals, so your portfolio must appeal to these different groups of people. Think about which capabilities you want to showcase and how each group will understand this information. Very rarely will hiring managers take the time to read your entire portfolio word for word — which is one reason why your portfolio should bescannableand not contain unnecessary detail.

在设计你的投资组合之前,先确定你想要传达的东西的优先顺序。关于你和你的工作,你的作品集的读者最应该注意的三件事是什么?当你的投资组合完成后,重新审视这个问题,以确保你实现了目标。

把它放在一起

第1步:占据所有项目的库存

UX professionals work on many types of projects and tasks. Therefore, it may be difficult to narrow down what to include in a portfolio. The first step is to take inventory of the projects you’ve worked on.

You’ll want to showcase your specialties through multiple types of work. To do this, consider all your projects and ask yourself the following questions:

  • 我真正擅长什么?
  • Which UX activities do I really like to do?
  • What differentiates me from other designers?
  • On which projects did I bring the most value?
  • From which projects did I learn the most?
  • What interesting stories can I tell about the work that I did?

优先考虑与您要找的工作对齐的项目。When seeking a new job, tailor your project selection to the job duties you want to perform. For example, if you really enjoy prototyping, showcase projects where you created prototypes and how they benefited the ultimate outcome. You don’t want to promote work that you don’t like doing, so be sure to avoid adding in projects that don’t align with your future career goals.

第二步:选择3-5个项目作为详细的案例研究

在将投资组合放在一起时,质量超过数量是最好的规则。由于招聘经理没有很多时间致力于每个候选人的投资组合,最好选择一些最好的项目来展示您在上一步中所做的优先列表。您选择的项目应与作业描述中描述的工作对齐。

The number of projects you include is not important per se. What’s important is that your portfolio showcases a wide variety of work and skills — so, if you had substantial, varied contributions to a small set of big projects, emphasize the many different activities that you were involved in.

除了每个项目的视觉效果外,还创建一个案例研究,包括以下信息:

  1. The problem(s) you had to solve or the hypothesis you came up with for solving it
    1. 示例:我们的应用程序有否定审查,因为用户没有收到关于网站上新销售的警报。根据审查的内容,我们假设用户不知道他们可以调整应用程序中的通知设置。
  2. Your specific role in the project and how you collaborated with others
    1. Example: I was the sole UX designer on an Agile team comprised of 3 developers, a product owner, a scrum master, and a quality engineer. I was responsible for determining the overall design direction of the project, while collaborating with the rest of the team on ideation.
  3. 您是如何得出建议的解决方案的
    1. 示例:可用性测试显示用户没有意识到他们可以调整其通知设置。我们决定在网站导航中设计通知设置以更加突出。
  4. 您提出的解决方案是如何解决问题的
    1. 示例:我们对相同的任务和我们的新设计进行了额外的可用性测试,结果表明,与上一轮测试相比,可查找性有所提高。用户可以调整通知设置,从而可以访问新的销售警报。
  5. Challenges you faced, including design concepts that were ultimately not pursued
    1. 示例:在构思过程中,我们经历了几个不同的设计概念,这些概念最终并不能完全满足用户的需求。我们原型化的一个设计概念在用户登录时以一种模式显示通知设置,但由于用户必须关闭通知才能完成最初的任务,因此它导致了挫败感。
  6. 项目如何影响用户和业务
    1. Example: Because users were now able to turn on new-sales notifications, sales increased by 15%. Our application reviews have skewed positive and customer-satisfaction survey scores have increased.
  7. 你学到了什么
    1. 例子:因为这个项目,我们意识到importance of prototype testing for exploring new design concepts. It made us test new designs to make sure they were viable solutions before putting in development effort.

These case studies should be displayed in a way that is scannable and easy to follow. Include relevant photos and screenshots that tell the story, including early sketches, whiteboards, research documentation, or final images.

Remember, the final screenshots only tell part of the story.Hiring managers want to understand how you work and giving them a glimpse of your process will help them envision how you fit in with their teams.

第3步:选择所需的格式

无论格式如何,您的投资组合都应该讲述一个故事。分手与视觉效果的文本,并在项目之间进行明确区分。

设计器投资组合有三种常见格式:

基于Web的

A web-based portfolio is a website or online service that displays your work. Web-based portfolios are the most common medium for designers. Resist the urge to go overboard on a flashy template. Your content should be the main focus and your site should be easy to navigate and consume.

Web Portfolio
A typical web-based portfolio has some form of navigation along with a collection of projects. Users are able to click each project individually to learn more about it.

PDF /幻灯片甲板

投资组合的另一种流行的媒体是一种数字PDF或幻灯片牌,其作为您的项目的演示。创建数字投资组合时,请使用所有项目保留主PDF或幻灯片甲板,以便根据您申请的作业或您想要突出的技能隐藏项目。

PDF或幻灯片甲板组合
Keeping a PDF portfolio based on a slide deck allows you to tailor the projects you show to different audiences. Simply hide the projects that are not relevant to the job.

Physical Artifacts

实体公文包在印刷设计师中更为常见,但你可以将设计过程中使用的实体作品(如草图或纸质原型)带入面试。将你的实际工作与基于网络或PDF的投资组合结合起来,这样招聘经理就可以在面试前看到你的工作。

Physical Artifacts
物理工件允许您显示粗略的草图和过程图表,包括未到最终产品的设计选项。

When deciding between formats, ask yourself the following questions:

  • 招聘经理是否指定了格式?
  • 这种格式有哪些成本?
  • How much knowledge do I have of the software that I’ll be using?

If the answer still isn’t obvious, below are some pros and cons of the possible formats.

Medium

Pros

Cons

基于Web的

招聘经理和用户体验专业人士很容易找到和有机地查看

Many options for setup that don’t require coding knowledge

更难根据不同的工作类型调整你的投资组合

可能会强制将您的信息调整为预定义的模板

PDF /幻灯片甲板

Allows you to have multiple unique, job-tailored portfolios

Harder to access (e.g., may have to be explicitly shared with the hiring manager)

Physical artifacts

可以带你去面试,帮助你完成面试过程

非常有限的访问,难以与招聘经理分享

第四步:创建你的投资组合

既然您有计划的项目和格式,您可以开始将所有东西放在一起。无论您选择哪种格式,都会创建一个基本的模板,以便所有项目都看起来很凝聚。

UX-Design Portfolio的5个基本组件的示例模板:标题页,项目简介,带有字幕的图像和结果
UX-Design Portfolio的5个基本组件的示例模板:标题页,项目简介,带有字幕的图像和结果

第5步:获得反馈并迭代

Once your portfolio is created, send it to others to provide feedback. Another set of eyes on your portfolio will catch spelling or grammar errors, confusion about content, and the overall usability of your format.

当你面试招聘经理时,记下他们的共鸣和不清楚的地方。然后迭代你的投资组合。

您正在进行新项目时,保存任何工件或流程文件,以便在投资组合中作为未来案例研究。您的投资组合将始终是正在进行的工作,并具有有效的方法来跟踪项目将使更新简单。

导航路障

“My work is under a nondisclosure agreement (NDA).”

在做UX工作时,不具备的协议很常见 - 如果您正在进行政府工作,甚至更有。这些合同禁止您展示有关公司,用户或项目详细信息的识别信息。当您制定投资组合时,限制可能会令人沮丧,但有些方法可以在不违反NDA的情况下展示您的工作。

Show process images.Rather than showing the polished UI and visual designs that display company-specific information, showcase your process for these projects. Highlight communication skills like workshop facilitation or early design concepts through sketches or black-and-white wireframes.

WhiteShop Whiteboard.
Workshop photos give potential employers insight into your design process.

Redact or blur out information.如果你有线框或原型,你想显示,模糊了识别信息。(模糊对于显示财务或医疗信息的应用程序尤其重要。)

Redacted information
Redacting personal information like names and contact information protects privacy of individuals while still allowing you to show your designs.

使其通用。Recreate your designs using different styles. While this approach is time-consuming, it ensures that you are not using brand colors or styles that would identify the client.

Generic design elements
Remove company logos, change branding, and update copy in order to show the layout and design without compromising company information.

“I don’t have a lot of time. What should I focus on?”

如果你的时间很短,但仍然想产生巨大的影响,集中精力在一两个项目上,你必须结合各种各样的用户体验和设计技能。这些案例研究将是深入的,并将展示你的多才多艺。

“I had great ideas/designs, but they were never implemented.”

As designers we often generate many candidate solutions for a single problem and ultimately choose only one. In this process, many great ideas are left on the cutting-room floor. As you’re writing your case studies, include candidate solutions and explain the thought process behind the designs. Hiring managers want to know that you’ll be able to navigate challenges and constraints, and you can show them that your work lives in reality instead of an ideal world.

“我是学生。”

第一份工作是最难​​的。如果您可以为自己展示的全部是学生项目,那么难以展示一个引人注目的设计组合。我们强烈建议在公司进行实习,以便您至少有一个真实的项目展示。

任何设计的一个关键方面是处理约束的能力。学生项目通常会有一些限制条件,包括用户和人物角色,这些都是你为现实世界设计能力的有力证明。如果你还在做你的学生项目,选择那些与商业相关的(也就是说,能赚钱)和现实限制的问题。如果你已经做了,至少在你的档案袋描述中承认你的学生项目中任何不切实际的元素,这样管理者就不会得出你不知道更好的结论。

Conclusion

公文包永远是设计师工作的一部分。创建一个能以吸引观众的方式展示自己优势的投资组合,将有助于你获得下一份用户体验设计工作。创建一个投资组合的行为可以让你识别你的技能和成就,同时思考你将来想做的工作。

创建用户体验设计组合时,请记住以下提示:

  • 愈合,驯化,驯化
  • 表现出真实的工作,即使它很乱
  • Highlight collaboration with teams
  • 反思作为设计师你是谁,你想成为什么样的人