Favorite UX Design Process Diagrams

Over the years I've collected quite of few design process diagrams that I like and use as reference to constantly iterate on my process. Here are some of my favorites.

Donald Norman's Double-Diamond Model

double-diamond-process

Reference: The Design of Everyday Things

Dan Nessler's Double Diamond Model

dan-nessler-double-diamond

Reference: https://medium.com/digital-experience-design/how-to-apply-a-design-thinking-hcd-ux-or-any-creative-process-from-scratch-b8786efbf812#.rn1ouppjr

Design Council's New Double Diamond

Reference: https://medium.com/design-leadership-notebook/the-new-double-diamond-design-process-7c8f12d7945e

d.school's User-Centered Prototype-Driven Design Process

dschool_design_thinking-940x444

Reference: http://dstudio.ubc.ca/research/toolkit/processes/

Stanford ME310 Design Innovation Process

stanford-design-innovation-process

Reference: http://web.stanford.edu/group/me310/me310_2016/about.html

EffectiveUI: UX Design Process

effectiveui-ux-design-process

Reference: https://medium.com/@effectiveui/the-ux-design-process-what-clients-need-to-know-d6ed00d0b977#.pjudgx82j

Objective-Based Design

dtelepathy-objective-based-design

Reference: http://www.dtelepathy.com/blog/philosophy/objective-based-design-creative-approach-to-solving-business-challenge
http://www.axure.com/c/blog/177-five-ways-ux-firm-digital-telepathy-designs-through-conversation.html

Vijay Kumar's Analysis-Synthesis Bridge Model

5_kumar_model

Reference: http://www.dubberly.com/articles/interactions-the-analysis-synthesis-bridge-model.html

Laseau's Funnel

Mentioned by Bill Buxton in Sketching User Experience

laseaus-funnel

Reference: https://blog.prototypr.io/a-good-design-process-90ae32d31dcd#.otxowy83a

Engineering Design Model

From Engineering Design Methods by Nigel Cross

engineering-design-method

Reference: http://www.core77.com/posts/52948/Why-is-Sketching-Still-Important-To-Design

NodeSource's Digital Product Design

nodesource-digital-product-design-process

Reference: https://medium.com/@nodesource/what-is-digital-product-design-93caad4e4035#.vqd75mfoj

Paul Hershey's Process

paul-hershey-process

Reference: https://medium.com/looks-good-feels-good/user-experience-for-product-designers-e9fa621ce3bc#.cr0xsi5l3

Nielsen Norman Group - Design Thinking 101

designthinking_illustration_final-01-01

designthinking_illustration_final2-02

Reference: https://www.nngroup.com/articles/design-thinking/

Hang Guo's Spiral UX Design Process

fig2_uxspiral

Reference: http://www.uxmatters.com/mt/archives/2015/04/when-change-is-constant-a-spiral-ux-design-model.php

Ben Callahan's Responsive Process

from Smashing Book 5

04-one-deliverable-opt

Reference: https://www.smashingmagazine.com/2016/02/efficient-responsive-design-process/

nurun Human-Centered Design Process

nurun-design-process

Reference: http://www.nurun.com/en/what-we-do/

IDEO's Design Process


Reference: https://medium.com/digital-experience-design/how-to-apply-a-design-thinking-hcd-ux-or-any-creative-process-from-scratch-b8786efbf812#.42ul4ts9w

LitheSpeed's Design Thinking + Lean UX + Agile Process

Reference: http://lithespeed.com/lean-ux-dont-part-1-3-2/

3 thoughts on “Favorite UX Design Process Diagrams”

  1. I very much enjoy this. Anything new on your radar lately? It's interesting to me how all of these visualizations assume no gatekeepers, no persuasion exercises, no hurdles to implementation. Whereas every actual, real-world design process I'm aware of culminates with many presentations and much case-making... I show these to students with caveats 🙂

  2. I love this. However, I note that none of these visualizations include a step that feels ubiquitous in the real world--presentations to gatekeepers. There 's usually a campaign aspect attached to any project that transitions from testing to implementation...

Write a Comment