Scribd
Upload
51 views

UX Portfolio

Uploaded by

fastmovertracker
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
51 views

UX Portfolio

Uploaded by

fastmovertracker
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 3

UX Portfolio

• Paragraphs length → 2-3 sentences at max.


• Font style → Start with Sans Serif.
• Font size → 16px at min.
• Font weight → Regular to medium.
• Line height → Start with 1.5 - 1.6
• Line length → 50-75 characters max. With spaces.
• Text alignment → Left. Right if you read right to left.
• Color contrast → 4.5:1 against the background.
• Letter spacing → Slightly increase for the body,
reduce for headings.

As I mentioned, it's a starting point.


It often changes depending on the font I choose.

Also,
• Headings → use them to make content scannable.
• Whitespace → use it to improve focus, reduce clutter.
• Multiple fonts? → use a single font family with multiple weights.

Type: UX Design Portfolio


https://www.nngroup.com/articles/ux-design-portfolios/
Components: interaction flows, interface elements, visuals,
omnichannel journeys
Channel: desktop, touchscreen, offline
● “Show me how you started with an opportunity and
produced real value for a user and the organization.”
● “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.”
SCANNABLE
https://www.nngroup.com/articles/how-users-read-on-the-web/
concise, scannable, and objective

What am I really good at? user flows, user stories


Which UX activities do I really like to do? Prototype, user flows, user
stories, visual design
What differentiates me from other designers? lean startup, agile
On which projects did I bring the most value? Enterprise, SaaS, B2B
From which projects did I learn the most? SaaS
What interesting stories can I tell about the work that I did?

. Take inventory
Prioritize projects that align to the work you’re looking for
. Choose 3–5 Projects as Detailed Case Studies
wide variety of work and skills
if you had substantial, varied contributions to a small set of big
projects, emphasize the many different activities that you were
involved in.

Case Studies
. The problem(s) you had to solve or the hypothesis you
came up with for solving it
○ Example: Our application got negative reviews because
users weren’t receiving alerts about new sales on the site.
Based on the content of the reviews, we hypothesized
that users were not aware that they could adjust
notification settings in the application.
. Your specific role in the project and how you collaborated
with others
○ 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.
. How you came to your proposed solution(s)
○ Example: Usability testing showed that users did not
realize that they could adjust their notification settings.
We decided to design the notification settings to be more
○

prominent in the site navigation.


. How your proposed solution(s) solved the problem
○ Example: We conducted additional usability testing with
the same tasks and our new design, which showed an
increase in findability compared to the previous round of
testing. Users were able to adjust their notification
settings, which gave them access to new sales alerts.
. Challenges you faced, including design concepts that
were ultimately not pursued
○ Example: During ideation, we went through several
different design concepts that ultimately did not
completely satisfy user needs. One design concept that
we prototyped displayed the notification settings in a
modal when users logged in, but it caused frustration
because people had to close it to complete their original
task.
. How the project affected the users and the business
○ 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.
. What you learned
○ Example: Because of this project, we realized the
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.

You might also like