Home » Methods

Methods across 4 design phases

Accessibility Analysis

Definition: Checking UI against Web Content Accessibility Guidelines (WCAG).   When to use: Test early after UI programming has began. Then test often, regularly throughout...
Read more

Card Sorting

Definition: A technique in which subject experts or 'users' are guided in generating a taxonomy.   When to use: Designing information architecture (site's navigation).

Heuristic Analysis

Definition: Inspection method which benchmarks a UI design against 10 design principles. These principles were designed by Jakob Nielsen in the 1990s.   When to...
Read more

Hopes and fears

Definition: Two part workshop to create empathy with staff/employees. Part one gets everyone involved working on a project at all levels to submit 'hopes' and...
Read more

Pattern Library

Definition: HTML, CSS and JavaScript templates/frameworks.   Three types: 1. Developer-centric pattern, focus on quick code production turnover. 2. Designer-centric pattern, emphasise problem solving through...
Read more


Definition: Proto-personas are like traditional Personas, difference is instead of using marketing data and notes from user interviews we only use Client stakeholders' experience with...
Read more


Definition: A prototype is an approximation of an experience that allows you to simulate what it is like to use the product or service in...
Read more


Description: A site map is a visual representation of a site's organisation and how content nodes will relate to one another. Nodes often end up...
Read more


Definition: Drawing user interface wireframes or storyboards.   When to use: Working in teams to quickly communicate, explore and share ideas across disciplines.

Stakeholder interview

Definition: Meeting involving Stakeholders and a UX designer. When to do Stakeholder interviews: Early on in the project when a solution needs to be chosen....
Read more

Story board

Definition: A story board is a low fidelity hand drawn comic strip. When to use story boards: When everyone involved in your team hasn't got:...
Read more

Task Analysis

Definition: Capturing and understanding the user's perspective of their tasks.   When to use Task Analysis: Before starting UI designs. When you want to define...
Read more

Task model

Definition: Lean UX simplified version of Task Analysis. A visual representation of the steps users go through and the behaviour they adopt in order to...
Read more


Definition: Website's navigation, a tree structure of terms, reflecting the majority of user's assumptions of: 1. The term an item should be referred too as...
Read more

Usability Test

Definition: Usability testing is a technique used to evaluate a product by testing it on users, it gives direct input on how real users use...
Read more

User flow

Definition: User flow diagrams are similar to a Developers' Task flow diagram. A task flow diagram shows all the possibilities a user could follow through...
Read more

User Stories

Definition: In multidisciplinary teams we make User Stories, these are user centred stories that detail how the users are going to use our product to...
Read more


Definition: Visual representation of a user interface, stripped of any visual design or branding elements. It defines the hierarchy of items on a screen. Based...
Read more


Definition: Designer leads multidisciplinary teams in design activities, typically the conceptualisation of a product.   When to do Workshops: 1. Design agency/consultant wants stakeholders to...
Read more