UX Techniques Guide
An iterative methodology for producing practical and creative resolutions to problems or issues.
- A Brief History of Design Thinking: How Design Thinking Came to 'Be'
- Design Thinking 101
- Design’s Unsexy Middle Bits
- Demystifying Design Thinking: Interview with Tamara Christensen
- Design Thinking... What is That?
- Design Thinking | Employing Design Principles | Defining Ease of Use
- Design Thinking Comes of Age
- How to apply a design thinking, HCD, UX or any creative process from scratch
- The Design of business: Why Design Thinking is the Next Competitive Advantage
The ease of use and learnability of physical and digital objects.
- A Business Case for Usability
- Fact vs. Fiction: What Usability is Not
- Usability 101: Introduction to Usability
User-centered design (UCD)
A methodology and philosophy where users and their goals are the focal point.
- Being User-Centered When Implementing a UCD Process
- Three Steps to Fostering a User-Centered Design Culture
- User-Centered Design Basics
User Experience Design
The holistic experience of a digital or technological product or service.
- CUBI: A User Experience Model for Project Success | UX Magazine
- Four Myths About UX and How to Bust Them
- Getting Started in User Experience
- The Experience Makes the Product, Not the Features
- User experience design is not what you think
- What is UX Design? 15 User Experience Experts Weigh In
User Interface Design
The design of the communication between the user and a system.
A specific form of user-centered design where the focus is on user activities and tasks rather than user characteristics.
- Activity-Centered Design - Bokardo
- Designing Web Applications for Use
- Redefining User-Centered Design, Part 1
A variation of the Agile methodology, which supports a more collaborative approach to various user experience design methods.
- Agile User Experience Design
- Bringing User Centered Design to the Agile Environment
- Fitting Big-Picture UX Into Agile Development
- User Experience and Agile
- UX and Agile: Tying the knot
Bias is the tendency, inclination, or prejudice of one's outlook or opinions.
- 10 biases to be aware of when building products
- Avoiding bias in the oh-so-human world of user testing
- Confirmation Bias in Design
- Managing Unconscious Bias
- You Aren’t So Smart: Cognitive Biases are Making Sure of It
Design ethics are values or aspects considered by designers during the creation of a service or product.
- 5 Keys to Ethical Design Research
- A Guide to Everyday Design Ethics
- Conducting Ethical User Research
- Designing ethically pt. 1
- Ethical Design: The Practical Getting-Started Guide
- Findings from Ethics in Design
- Start designing for transparency.
A proposed explanation of a phenomenon.
- Crafting a Great Hypotheses
- Hypothesis Driven Design: Be the Francis Bacon of Your Product Team
- Jeff Gothelf on Design as a Hypothesis | The Hipper Element
Often associated with use in start-ups, this methodology is focused on the rapid evaluation of hypotheses (i.e. learning loops), while putting in the minimal amount of effort required to test these hypotheses.
- Andy Budd::Blogography - My thoughts on Lean UX
- Lean Design for Good User Experience
- Lean UX: Rethink Development
Scenario-based Design (also known as Task-Centered Design)
Another form of user-centered design that relies on stories of user interaction as the source of guidance for design requirements.
A tool to visually organize ideas and information
- Affinity Diagramming: Extracting Diamonds from the Minds of Your Users
- Affinity Diagrams – Learn How to Cluster and Bundle Ideas and Facts
- How to Prepare and Use an Affinity Diagram
- Using Affinity Diagrams to make sense from Brainstorming
Having participants sort various items into groups of their own choosing.
- Card-Based Classification Evaluation
- Card sorting: a definitive guide
- Information Design Using Card Sorting
Observing participants in their own environment performing their actual work.
- Conducting Contextual Enquiry (or Site Visits)
- Contextual Inquiry - A Primer
- Contextual Inquiry: 8 typical patterns and issues
- Field Research in Commercial Product Development (PDF)
- Focus Questions for Site Visits
Remote Contextual Inquiry
Remotely observing participants using their own to perform their actual work.
- Overcoming Distance in User-Centered Design (PDF)
- Remote Contextual Inquiry: A Technique to Improve Enterprise Software
A qualitative technique for collecting information about user behaviors, activities, and experiences over an extended period of time.
- Dear Diary: Using Diaries to Study User Experience
- Diary Studies: Understanding Long-Term User Behavior and Experiences
- JumPDTart Design Research with a Diary Study
Alternative research techniques when direct contact with users is not possible, or as a preparation to user research.
- 5 ideas for user research when you can’t talk to users
- 7 Alternative User Research Methods
- A practical, 10-step guide on conducting user research with no access to users, no product and (almost) no budget
- How to use desk research to kick-start your design process
A simple tool to better understand people using a product or service.
- Agile Coaching Tip: What Is an Empathy Map?
- Empathy maps: The business of putting users first
- Empathy Maps for UX
- How To Use Empathy Maps To Make Better Services
- Updated Empathy Map Canvas
A technique that utilizes a question-asking method to explore the causes/effects underlying a particular issue.
A conversation where an interviewer asks a series of questions to one or more interviewees.
- Asking the right questions during user research, interviews and testing
- How to Make User Research a Conversation
- Interviewing Humans
- Never Ask What They Want — 3 Better Questions to Ask in User Interviews
- User Interviews: How, When, and Why to Conduct Them
- When Interviews Go Wrong
- Why User Interviews Fail
An approach to task analysis that is inspired by Jobs To Be Done.
- 5 Tips For Writing A Job Story
- Designing Features Using Job Stories
- Job stories are great, but personas aren't dead
Fictional persons, based on research, where each one represents a specific type of user.
- An introduction to personas and how to create them
- Describing Personas
- Five Factors for Successful Persona Projects
- Persona Grata - Welcoming users into the interaction design process
- A Closer Look At Personas: What They Are And How They Work (Part 1)
- Personas: Setting the Stage for Building Usable Information Sites
- Three Important Benefits of Personas
Hypothetical persons, where each one represents a specific type of user.
- Assumptive Personas
- Boost Empathy Quickly With Proto-Personas
- The UX Designer’s 5-Minute Guide to Lean Personas
- Using Proto-Personas for Executive Alignment
A visual representation of a user journey to help prioritize a product backlog.
- Buying better digital products part 3: Mapping user stories
- Story Map Concepts (PDF)
- The new user story backlog is a map
A data collection tool to gather responses to a series of questions.
- 7 Tips For A Great Survey Results
- 8 Research Based Insights for User Experience Surveys
- Preparing an Online Questionnaire - How to Conduct an Online Survey
- Survey’s Up!
- What Is a Survey - Booklet
Task analysis is the decomposition of how tasks are currently performed.
- Hierarchical Task Analysis
- Task Analysis: The Key UX Design Step Everyone Skips
- Task Analysis: Understanding User Goals and Behavior
- Task Analysis - Hierarchical, If/Then, and Model-Based
- Uncovering True Motivation: The Whys and Wherefore
- Why most UX projects could use Task Analysis
The process of identifying and presenting qualitative user research themes.
- A Strategic Storytelling Tutorial
- Extracting Research Insights: How to Analyze Qualitative Data with Timothy Moore of The Design Gym
- How to Analyze Qualitative Data from UX Research: Thematic Analysis
- How to Do a Thematic Analysis of User Interviews
- How to Leverage Thematic Analysis for Better UX
A summary of relevant user characteristics, which can include both demographic and behavioral information.
The process of learning about the audience for your system or product.
- 10 diagrams to help you think straight about UX Research
- Communicating User Research Findings
- Doing Research with People Who Are Not Users: Consultation
- From Research Goals to Usability-Testing Scenarios: A 7-Step Method
- How to understand customer needs?
- Needs statement
- One page user research plan
- Step By Step Guide To More Structured User Research
- The two questions we answer with user research
- User Research: What It Is and Why You Should Do It
- User Need Statements: The ‘Define’ Stage in Design Thinking
- When to Use Which User-Experience Research Methods
User Research Analysis
The process of effectively analyzing user research findings.
- A Guide to User Research Analysis
- How to analyze user interviews?
- How to Analyze Qualitative Data from UX Research: Thematic Analysis
- Making an Impact with UX Research Insights
- Synthesis: How to make sense of your design research
Informal (Guerilla) User Research
A rapid and less rigorous approach to conducting user research.
- Are you doing your user research on the right people?
- Discovery on a Budget: Part I
- Getting Guerrilla With It
Remote User Research
Conducting user research activities at a distance.
- Coronavirus: now is the time to embrace remote user research
- How to Run Remote User Research (Like a Boss!)
- Ready for take-off: Best practices for creating and launching remote user research studies
- Remote Contextual Inquiry: A Technique to Improve Enterprise Software
- You’re grounded: time to level up your remote research
User Research Reports
How to write more effective user research reports.
- Communicating User Research Findings
- How to Visualize Your Qualitative User Research Results for Maximum Impact
- Perfecting the art of the UX Research report
- Sharing Insights
Brief narratives that describe on user interactions with a system, with a focus on the value gained from such interactions.
Identifying and classifying the content in an existing product or system.
- How to Conduct A Content Audit
- Tips for laying out a responsive site
- Tools for the UX Architect: Content Inventory
Determining the relative value of content in relation to its audience.
- Devising a Strategy for Responsive Design
- Responsive-Ready Content
- The case for responsive web content: it's all about the users
Designing for Touch
How to make applications and website touch optimized.
- Design for Fingers, Touch, and People, Part 3.
- Hover is dead. Long live hover.
- Responsive Navigation: Optimizing for Touch Across Devices
- The Pursuit of Tappiness
- The Cost of a Touch
- The Thumb Zone: Designing For Mobile Users
- Touch interaction design (Windows Store apps)
The structure and behaviors of interactive products, services, and systems.
- Top 10 Application-Design Mistakes
- Dan Saffer - Designing Microinteractions
- Defining an Interaction Model: The Cornerstone of Application Design
- Interaction design and its 5 dimensions
- Interaction Design Tactics For Visual Designers
- Users Don’t Hate Change. They Hate Our Design Choices.
Intrinsic Web Design
A technique where individual web pages have both fluid columns and rows.
- A Sneak Peek At Intrinsic Web Design
- Everything You Know About Web Design Just Changed
- Intrinsic Web Design: Everything You Need to Know
Mobile and Multi-device Web Design
How to more effectively design and build for mobile and multi-device usage.
- 8 rules of mobile design
- Design for Every Screen
- Designing Exceptional Mobile Experiences
- Designing for Progressive Disclosure
- Eight Tips to Make Your First Mobile Design a Success
- Mobile first: Insights from going mobile only
- Framework for Designing for Multiple Devices
- The Hamburger Menu Doesn’t Work
- Think Again: Assumptions About Mobile To Reconsider
- Tools for Mobile UX Design
A brief description of the issue that needs to be solved by a project or group.
- Bridging User Research into Design
- How to come up with great UX ideas
- Lean Product Design: Write a problem statement
- What’s Your Problem? Putting Purpose Back into Your Projects
Responsive HTML Frameworks
HTML frameworks that support responsive web design.
Responsive Web Design
A technique where individual web pages automatically adjust to various screen sizes.
- 9 responsive design mistakes you don’t want to make
- Beginner's Guide to Responsive Web Design
- Design Process In The Responsive Age
- Responsive Strategy
- Responsive Web Design
- Responsive Web Design Patterns
- The opportunities and challenges of responsive design
A visual representation that shows a key sequence of a task.
Accessibility is the practice of removing barriers that prevent interaction or access to websites by people with disabilities.
- 4 Ways to Make Online Content More Accessible
- 7 Things Every Designer Needs to Know about Accessibility
- 40 Tips For Inclusive And Accessible User Interface Design
- A is for Accessibility — 12 top tips for designing an inclusive user experience
- Accessibility according to actual people with disabilities - Axess Lab
- Accessibility for Visual Design
- Accessibility Guidelines
- Accessibility resources for designers
- Baby Boomers Are Aging–And Designers Need To Adapt
- Design Accessibly, See Differently: Color Contrast Tips And Tools
- Font Awesome & Accessibility
- Learn to Create Accessible Websites with the Principles of Universal Design
- Unlock your universibility
A chatbot is a service, powered by simple rules and sometimes artificial intelligence, provided in a conversational style.
- Best practices for designing a chatbot conversational experience
- Chatbots Deliver the Worst Customer Service
- Chatbot UX – Does Conversation Hurt Or Help?
- Conversational UI Principles — Complete Process of Designing a Website Chatbot
The branch of psychology that studies mental processes including how people think, perceive, remember and learn.
- 4 psychology principles every UX/UI designer should know
- Cognitive Styles: Get inside the user's head
- Designing for Human Memory
- Improving Usability with Fitts's Law
- Reducing Cognitive Overload For A Better User Experience
- Reducing Reliance on Superstition
- The Psychologist's View of UX Design
- The psychology in UX design
- UX psychology principles: seven important questions
Conceptual models involve three views of a system; the user's mental model, the designer's model, and the system image.
- Affordances Design
- Human Centered Design & The 6 Fundamental Principles of Interaction Between Products and Users
- IBM Design: The three models - User
- The 6 design principles of Don Norman
- The Secret to Designing an Intuitive UX: Match the Mental Model to the Conceptual Model
Platform Design Principles
A high-level of advice for general platform design decisions.
Creating experiences that are emotional appealing to people.
- Design for Emotion: Expert Tips by Aarron Walter
- Design for Emotions: Experiences & Interfaces
- Design for Emotion and Flow
- Designing Fun
- In Defense of Eye Candy
- Not Just Pretty: Building Emotion Into Your Websites
- The Art of Emotion — Norman’s 3 Levels of Emotional Design
- The dangers of delightful design
An empty state is the initial appearance of an application when there is no user generated information yet.
- UX Best Practices: Designing the Overlooked Empty States
- Why Empty States Deserve More Design Time
- Writing empty states
The display and input of information within online forms.
- An Extensive Guide To Web Form Usability
- Design Better Forms
- Inline validation in forms — designing the experience
- The New Rules of Form Design
How a system prevents, or handles, users making mistakes.
- 4 rules for displaying error messages from a user experience perspective
- Avoid Being Embarrassed by Your Error Messages
- Non-Fatal Errors: Creating Usable, Effective Error Messages
The design of products and services that consider the full range of peoples ability, age, culture and language.
- Designing for Inclusion
- Inclusive - Microsoft Design
- Inclusive Design: An Overview of Current Thinking
- Making the Web Accessible for Everyone With Inclusive Design and Diverse Personas
- What the Heck Is Inclusive Design?
Information architecture primarily involves the organization of a system and how navigation is supported within that system.
- Complete Beginner’s Guide to Information Architecture
- IA Heuristics: A Journey
- Information Architecture: The Scaffold of Good UX
- The Difference Between Information Architecture (IA) and Navigation
Machine Learning is a type of artificial intelligence (AI) that allows software to learn without being explicitly programmed.
- Applications Of Machine Learning For Designers
- Getting to Know Machine Learning
- Human-Centered Machine Learning
- An intro to Machine Learning for designers
Natural User Interfaces
A natural user interface, or NUI, is an effectively invisible interface that is used via natural and human movements.
Brainstorming is a common group ideation technique.
- 7 Tips on Better Brainstorming
- How to run a brainstorming meeting
- Ideation in Practice: How Effective UX Teams Generate Ideas
- Tips for Structuring Better Brainstorming Sessions
- Troubleshooting Group Ideation: 10 Fixes for More and Better UX Ideas
A diagram showing how various concepts are related.
Exploring what interaction model will be presented to the user through the use of structure, behavior, and visuals.
- Book Review: The Design of Everyday Things
- Conceptual models: begin by designing what to design (PDF)
- Conceptual Design for Interactive Systems: Designing for Performance and User Experience
- Specifying what we want the user experience to be - the designer's model
General solutions for commonly occurring system design problems.
A design system is a collection of reusable components, which can be used to build any number of applications.
- Design Systems Handbook
- On the Current State of Design Systems in UX
- The User Experience of Design Systems
Re-examining the underlying goals, assumptions and perspectives that are assumed to be part of the problem.
- Abductive Thinking and Sensemaking: The Drivers of Design Synthesis
- Reframe: Shift the Way You Work, Innovate, and Think
- Reframing is a Strategic Skill and a Design Thinking Skill
An illustration of specific processes a user may undertake within a system.
The creation of a working model of a system or interface.
- Design Better And Faster With Rapid Prototyping
- Designer’s Toolkit: Prototyping Tools
- Designing with Code
- Five Prevalent Pitfalls when Prototyping
- Flavors of Prototypes
- Interactive Prototyping, Part 1
- Prototyping 101: The Difference between Low-Fidelity and High-Fidelity Prototypes and When to Use Each
- The Right Tool For The Job: Picking The Best Prototyping Software For Your Project
- The Skeptic’s Guide To Low-Fidelity Prototyping
- Using prototypes in user research
- Why You Should Start Prototyping—Right Now
Descriptions of how a specific user accomplishes their goal, with regards to an existing or yet-to-be system.
- Create Scenarios
- Context-Rich Scenarios Make UX Projects Manageable
- Scenarios & task flows: how to align design decisions with user behavior
- Tell me the story: the unifying role of scenarios in conceptual design
Graphical or textual representation of the structure of a website.
A means to explore ideas and iterate on concepts quickly and easily.
- UI/UX sketching techniques 101
- User interface sketching tips part 1
- Wireframe 101: Sketch First, Wireframe Later
A sequence of images or drawings representing a specific period of time.
- Storyboards and Startups
- Telling Your Website's Story with Sketchboarding
- The 8 Steps To Creating A Great Storyboard
A combination of process flows and wireframes.
Drawings of individual screens that represent major content and navigation elements.
Aspects of an object described in terms of hue, lightness, and saturation.
- Color - Usability Matters
- Color Basics: Dos and Dont's
- Color in UI Design: A (Practical) Framework
- Color Theory for Designers, Part 1: The Meaning of Color
- Colorblindness - A Usability Guide for Commercial Applications, Part 1
- Designing for Colour Blindness
- Latest UXD Tool: UI Color Psychology Map
- Natural color palettes for UI design
A visible or invisible structure of intersecting lines.
- Create a grid that adapts to all screens
- Designing With Grid-Based Approach
- The Grid System: Building a Solid Design Layout
- Using Layout Grids Effectively
Differences between items shown visually.
- A Closer Look at Hierarchy in Web Design
- Creating Better Typographic Hierarchy
- Design Principles: an introduction to visual hierarchy
- Visual Design and Usability Yellow Brick Road
Visual symbols representing concepts or commands.
- Bad Icons: How to Identify and Improve Them
- Designing For User Interfaces: Icons As Visual Elements For Screen Design
- Icons As Part Of A Great User Experience
- Small Elements, Big Impact: Types and Functions of UI Icons
- Usability Testing of Icons
The use of animation to enhance the feedback and overall experience of a user interface.
- A beginner's guide to designing interface animations
- Animated Interactions. Motion on Purpose
- Communicating Animation
The arrangement of individual visual objects within a composition.
- Importance of White Space in Design
- Unbox the Web!
- Using Gestalt Laws of Perceptual Organization in UI Design
- Using White Space (or Negative Space) in Your Designs
- UX & Psychology go hand in hand— How Gestalt theory appears in UX design?
The terms used to describe various concepts and objects.
- Plain Language and Usable Accessibility: Whitney Quesenbery
- Tell It To Me Straight: Plain Language in UX
The design of typefaces, and the way type is selected and arranged.
- 5 typography mistakes new designers make & how to avoid them
- A Quick and Comprehensive Guide to Type (Infographic)
- Best UX practices for line spacing
- Guide for designing better mobile apps typography
- HTML & CSS - Working with Typography
- How to Speak Typography: Terms You Should Know
- Legibility: how to make text convenient to read
- Reading Online Text: A Comparison of Four White Space Layouts
- Typography Terms Cheat Sheet
- Web Typography: Designing Tables to be Read, Not Looked At
Visual Design Principles (CRAP)
The visual design principles of contrast, repetition, alignment and proximity.
- Build Better User Experience With C.R.A.P. Design Principles
- CRAP Way to Design
- The Four Basic Principles of Design
Visual Interface Design
The design and presentation of visual user interfaces.
Considering the role and impact of design on society.
- Before the Backlash, Let’s Redefine User-Centered Design
- Purpose of design is creation of a good society - What Design Can Do
- Shifting from user-centric to society-centric
- UX For Social Good
- Why User-Centered Design is Not Enough
System design is the process of designing the components of a system, and how they interact with and affect each other.
- Creating an Empathetic System Design
- Design Systems and Systems Design — what’s the difference?
- Digital Design is Never Really Done: A Systems-Oriented Design Approach
- How to design systems, not screens
- Systems Design: Because everything* is systems
- Tools for Systems Thinkers: The 6 Fundamental Concepts of Systems Thinking
A step-by-step evaluation of a system, from the viewpoint of a specific type of user.
- Assessing usability with Cognitive Walkthrough
- Cognitive Walkthrough: bare bones - quickie example
- The Streamlined Cognitive Walkthrough Method (PDF)
- Usability Inspection: Cognitive Walkthrough
The evaluation of a user interface against a checklist of design rules or heuristics.
- An Introduction To Heuristic Evaluation
- How to Conduct a Heuristic Evaluation
- How to run an heuristic evaluation
- Severity Ratings for Usability Problems
- Applying ISO 9241-110 Dialogue Principles to Tablet Applications in Emergency Medical Services (PDF)
- Ergonomics of human-system interaction -- Part 110: Dialogue principles
- Usability Expert Reviews: Beyond Heuristic Evaluation
Rapid Iterative Testing and Evaluation (RITE) Method
A highly iterative and rapid usability evaluation method.
- The Rapid Iterative Test and Evaluation Method (RITE): Better Products in Less Time
- Using the RITE method to improve products; a definition and a case study (DOC)
Usability Test Reports
How to write more effective usability test reports.
- How to Deliver a Report Without Getting Lynched
- Making Usability Findings Actionable: 5 Tips for Writing Better Reports
- Writing usability reports
Usability Test Surveys
Post-session usability test surveys which have been shown to be valid and reliable.
- After-Scenario Questionnaire
- If you could only ask one question, use this one (SEQ)
- Recent Advances with the System Usability Scale
- System Usability Scale (SUS)
- Two Simple Post-Test Questions
- When A Survey Is The Better Research Method
Usability Test Tasks
Creating effective tasks for observational usability tests.
- How to Maximize Insights in User Testing: Stepped User Tasks
- Seven Tips for Writing Usability Task Scenarios
- Usability testing: how do we design effective tasks
An evaluation method where participants try to complete certain tasks using a specific system.
- 4 forgotten principles of usability testing
- 8 tips for writing great usability tasks
- 10 Tips For Benchmark Usability Tests
- 20 Tips For Your Next Moderated Usability Test
- Beginner's Guide to Moderating a Usability Study
- Getting started with usability testing
- One page usability test plan (dashboard)
- Seven Common Usability Testing Mistakes
- Success Rate: The Simplest Usability Metric (Jakob Nielsen's Alertbox)
- Talking with Participants During a Usability Test
- Usability Testing (Usability BoK)
Informal (Guerilla) Usability Testing
A rapid and less rigorous approach to conducting usability testing.
- 7 Step Guide to Guerrilla Usability Testing: DIY Usability Testing Method
- Quick and Dirty Remote User Testing
- The Art of Guerilla Usability Testing
- The Pros and Cons of Guerrilla Research for Your UX Project
Remote Usability Testing
An evaluation method where participants at a distance try to complete certain tasks using a specific system.