An Introduction to User Experience Design

The deceptively tricky challenge of designing for user behaviour

This is a resource guide to complement the ‘Intro to UX Design’ course run by IF Academy. Visit their website for upcoming course dates.

Also see Part 2 (Agile & Lean UX), Part 3 (UX Research) or the full Table of Contents.

In this article we cover:

1-zb2kjtfjmekr2wlqrgzxsq

What is UXD?

I always find it difficult explaining what I do as a UX Designer to my friends, family and sometimes even co-workers. At parties, with relatives and with the odd customs official I often fall back to ‘I design how websites work’, but that is an incomplete definition and understates my real suite of skills. In the same way plumbers don’t just unblock toilets, and being an electrician is far more technical than changing lightbulbs, UX designers do far more than sketch out where a button should appear on a web page.

UX Design is studying user behaviour and understanding user motivations with the goal of designing better digital experiences.

Sometimes it doesn’t even need to be a digital experience, it could just be a bad door:


Systems that confuse, intimidate or infuriate their users don’t have flawed users, but flawed designs that need to be fixed.

What your relatives actually think when you say “UX Designer”You will inevitably be asked what you do for work, and you better be ready to explain yourself when you say, “I’m a UX designer.”
Balancing business, people and technology

Balancing business, people and technology

Balancing business requirements

While focusing on user needs it is also important for a UX Designer to be aware of balancing business goals with technology constraints (or opportunities). While it is true that a product cannot succeed without a healthy business, a business cannot succeed without a happy customer— and it is the UX Designer’s job to be the customer advocate.

Customers don’t often get invited to meetings, so don’t be afraid to speak up on their behalf.

UX Designers are part of the full product design process

UX Design goes a lot deeper than just the user interface.

Testing one user early in the project is better than testing 50 near the end— Steve Krug

UX is a mindset that should be shared by the whole team. It is the team’s way of empathising with your users and being inquisitive about what they want. In this way UX isn’t a single step in a process but a skill that must be applied at each stage.

Let’s walk through the full UX Stack to see what questions UX can help the team answer, starting with the initial strategy and scope phases where the concept is taking shape. UXD can answer some fundamental business questions:

  1. Do users need the product you are making?
  2. Do they want it enough that they will either pay for it or if it is free, spend time looking for it and learning to use it?
  3. Are you missing a key feature they will need?
  4. Are you spending time building features they will never use?

Next, once we have decided what to build we need to decide how. It is in the structure and skeleton phases where the project really takes shape and a good UXD can help answer some critical implementation questions:

  1. How should the content be organised so that users can easily find it?
  2. Will users find your app easy to use? Where do they get confused or lost?
  3. What content is needed and how should it be written to be most engaging?

Lastly we need to focus on the surface of the product. What is the product going to look like visually? This is an important step because a user’s first impression is critical. UXD can help with the following:

  1. What should the visual tone of the product be?
  2. How do users feel when they see your product? Do they trust it?
  3. It the product visually appealing and does it spark joy?
  4. Is the visual design usable and accessible?
Myth #31: UX design is a step in a projectHow UX design is way more than user interface design
Crash Course: UI DesignA recap of my design workshop PennAppsXV.

Lastly, always remember that users use products; they don’t use documentation. Design artefacts (wireframes, prototypes, strategy documents) are a means to an end, so don’t lose sight on improving the product.

The UX Pyramid

With such a broad and varied definition it can be difficult to find ways to benchmark or measure User Experience. The UX Pyramid is an excellent framework for categorising UX effort and tracking progress. Based on Maslow’s hierarchy of needs, the base of the UX Pyramid lays the foundation with fundamentals (breathing, in Maslow’s case), before advancing to higher, more enriching user experiences.

Levels 1 to 3 of the Pyramid concentrate on a user’s ability to achieve a desired task. Can they use the system to achieve a beneficial outcome?

Levels 4 to 6 go on to focus on the user’s experiences while using the product or service. Do they enjoy using it? Does it make their life better?

Many budget-focused businesses only see value in achieving up to level 3, thereby missing out on improved customer loyalty, customer advocacy, customer spend and many other incredibly beneficial outcomes that stem from an engaged customer.

1-h30usxlbw-inwgxmvot37g
Level 1: Functional
Does it work?

Characteristics:

1-y7b3_ekxqu0uzisfsq92pa

Level 2: Reliable
Is it available and accurate?

Characteristics:

A Designer’s Guide to Perceived PerformanceA well-designed site isn’t how easy it is to use or how elegant it looks. A site isn’t well-designed unless the user is…

1-pyqqlceqc9bxnw0cq399iw

Level 3: Usable
Can it be used without difficulty?

Characteristics

1-iuxxzryczrwv-upqfhhf8q-1
Level 4: Convenient
Does it fit in with my life and work the way I want?

Characteristics

1-eey0wutl1q1bcjdi2jcwzg
Level 5: Pleasurable
Is it an enjoyable experience that’s worth sharing?

Characteristics

1-swwxllkqwwmh9fk310swsq

Level 6: Meaningful
Does it have personal or social significance?

Characteristics

Diagnosing and solving UX issues

There are three main strategies for improving the UX of a design or system.

Firstly, by using UX patterns and best practice.

When working on a project, there is no need to reinvent the wheel each time. There are many standards, templates, checklists and case studies available, providing solutions to many common design problems. Users love consistency, so even though it might be tempting to design something ‘cool’ and ‘new’ it is often a better experience to use a commonly accepted way of doing things.

It is important to note that this needs to be done mindfully and doesn’t mean just blindly copying. Make sure you have explored the rationale behind a particular deign choice and if in doubt, user test the design before release.

Web Field Manual | DesignA curated resource for web creators.

The second strategy is to conduct a heuristic evaluation.

A heuristic evaluation is where you review a design against a set of UX principles. There are many widely accepted lists of UX heuristics you can use that have stood the test of time. A heuristic evaluation is not a total replacement for getting out into the field with users it is a good way of addressing the ‘low hanging fruit’ (or easy to find usability issues) before spending time and money testing designs out in the field.

How to run an heuristic evaluation – UX MasteryBeing a user experience designer often requires juggling tensions, whether they be juggling creative tension, managing…
MeasuringU: How Effective are Heuristic Evaluations?It’s a question that’s been around since Nielsen and Molich introduced the discount usability method in 1990.
What You Really Get From a Heuristic EvaluationEvery user experience researcher I know gets requests to do heuristic evaluations. But it isn’t always clear that the…

Thirdly, there is no substitute for researching and observing your users’ behaviour. Get out of the building! (GOOB)

There are many research activities (discussed in part 3) that allow you to understand your users and how they interact with your sites, apps and services.

1-zb2kjtfjmekr2wlqrgzxsq

This article was originally published on Ben’s Medium page, and is part of his series covering UX design.

Design and prototyping for everyone

Design and prototyping for everyone

Thousands of individuals and teams use Marvel to design and prototype ideas.

Get Started, it's Free!

UX teacher, writer and designer. Founder of Pocketful of Pixels. Find me on Medium and Twitter.

Related Posts

In this article I am keen to take you through my process of building the new custom logotype for Marvel, from sketch to final product. I post work in progress on Dribbble and tweet about it on Twitter and using Instagram at the same time. Introduction Marvel is a design, prototyping an collaboration application based in London, UK. Marvel’s co-founder Murat Mutlu… Read More →

Concepts and Methodologies To Live By At the time I’m writing this post, I’ve been a full-time product designer for ~ 3 years, though my overall professional career is closer to ~ 8 years. Every couple of months I would sit down and braindump lessons learned and methodologies I’d absorbed from work, Meetups, articles, podcasts, etc. As a believer in paying… Read More →

For the first 10 years of my career, I worked exclusively for clients. First as a freelancer and then later in the context of my design shop, Sputnik. In those years, I worked for some amazing people, but I also worked for a small number of really awful people. As much as you try to do your homework on the… Read More →