“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.




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.



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.





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 /幻灯片甲板


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


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.






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个基本组件的示例模板:标题页,项目简介,带有字幕的图像和结果


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.







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