“UX is the intangible design of a strategy that brings us to a solution.”
UX has become a neologism. When something has “good UX” it is an implied meaning of having the core components of UX (research, maybe a persona, IA, interaction, interface, etc etc…). It’s not really necessary or desirable to tack the word design onto the end anymore. It’s a distraction and leads people down a parallel but misguided path… the path to thinking that UX = User Interface Design.
I was inspired to write this post after viewing Elisabeth Hubert’s (@lishubert) presentation at the Future of Web Design 2012 conference in Prague. She says in the presentation quite clearly:
The interface is not the solution.
That’s the true heart of the battle between UX and those who only want UI – or don’t know the difference.
How UX people see UX
UX is an acronym for “user experience.” It is almost always followed by the word “design.” By the nature of the term, people who perform the work become “UX designers.” But these designers aren’t designing things in the same sense as a visual or interface designer. UX is the intangible design of a strategy that brings us to a solution.
Many UX designers have started to re-label themselves as UX Architects, UX Engineers, or UX Strategists. Some have even dropped the word “user” altogether and just go by Experience Architect/Engineer/Strategist. I think this is partially to help keep them from being marginalized as only interface designers, and partially as a result of the broadening nature of UX. You could be a researcher and persona writer in a senior UX role and never touch an interface design (or even have the skills to).
So what does UX actually mean? The various UX roles that a person can fulfill are plentiful. Some are whole jobs, some whole careers, and others are tactical roles we all dip in and out of.
What we want them to see
- Field research
- Face to face interviewing
- Creation and administering of tests
- Gathering, organizing, and presenting statistics
- Documentation of personas and findings
- Product design
- Feature writing
- Requirement writing
- Graphic arts
- Interaction design
- Information Architecture
- Usability
- Prototyping
- Interface layout
- Interface design
- Visual design
- Taxonomy creation
- Terminology creation
- Copy writing
- Presentation and speaking
- Working tightly with programmers
- Brainstorm coordination
- Company culture evangelism
- Communication to stakeholders
What they typically see
- Field research
- Face to face interviewing
- Creation and administering of tests
- Gathering, organizing, and presenting statistics
- Documentation of personas and findings
- Product design
- Feature writing
- Requirement writing
- Graphic arts
- Interaction design
- Information Architecture
- Usability
- Prototyping
- Interface layout
- Interface design
- Visual design
- Taxonomy creation
- Terminology creation
- Copy writing
- Presentation and speaking
- Working tightly with programmers
- Brainstorm coordination
- Company culture evangelism
- Communication to stakeholders
(Download this comparison list at UX is not UI – www.uxisnotui.com right now!)
UI design is a huge part of UX. I would say that in a good majority of cases the UX designer does in fact design the interface. But UX is not UI. This is where the education of others comes in. Helping people understand just what UX is and the invaluable role it plays is illustrated beautifully with the UX Umbrella.
The UX Umbrella
In a presentation that Dan Willis (@uxcrank) did for the DC Startup Weekend in 2011, he had a phenomenal image that really shows what UX encompasses:

The items that are sheltered by the umbrella have two purposeful omissions – user experience design and interface design.
User experience design is omitted because it is the loose term that encompasses all of the various disciplines. You’re never really doing any “user experience design” that isn’t just a combination of one or more of the things under the umbrella.
User interface design is omitted because it is the crossover between visual design (look and feel) and the interaction design (how the look and feel work). Combine those two and you have an interface. The interface is the result of the “solution design” that came before it.
A skillful interface designer understands the importance of providing the user with a solution to a defined problem.
How you get to an effective UI
UI implementation in production code is typically carried out by a front-end developer. There are people like me who are HTML/CSS slingers, I am often happy to build working prototypes. But when there is complex interaction with real backend code and frontend javascript, that is best left to professionals.
So how do we get to implementing a killer UI? Let’s take a journey through an ideal hypothetical:
- We presume the problem has been identified through the user/market/persona research.
- User flows and stories are made, then trashed, then made again, then iterated on until the problem flow is clear.
- With an idea of ways to solve the problem, some rapid experiments are carried out to validate the assumptions with the personas.
- Some IA work is done to break out the product/site into the logical areas and hierarchies.
- Various wireframes and sketches are drawn to start to organize where things could go on the screen.
- With all the preceding research material and UX work, now mockups with UI included can be made with confidence.
- With mockups and a UI designed, they are user tested and iterated on through some prototypes or experiments.
- After the mockups have been vetted, it’s now time to code up the interface – UI Design!
- Once the usability of the UI has been honed, you can move it on to production – the place that people usually think of as the singular UI.
That’s quite an idealized journey. Not every step has to be taken depending on time and resources. There’s also nothing to stop it from going pretty fast; a matter of days even. I’ve designed countless UIs straight from my head to the screen without following those steps, but that’s not UX. I believe they call it “design malpractice.” Good UI is not trivial or simple – solid UX, killer visuals, and effective interaction are all part of the formula.
Keep on educating!
This is how I’d like people to see UX and understand what is meant by “user experience design.” It takes a lot of behind the scenes work to end up at a capable, elegant, and delightful interface. But the interface is not the solution. This is what the school of UX needs to combat, and then educate about what UX really can do. It’s a huge strategic process that aims to create a product or website that customers/users/visitors are drawn to, find easy to use, and quickly understand. Through the UX work we’ll arrive at the right interface conclusion.
Credit to Dan Willis (@uxcrank) for the UX Umbrella and Elisabeth Hubert (@lishubert) for Interaction Design Beyond the Interface.
Update: Download the comparison poster/graphic
I’ve had a lot of people email about the 2-column “what we want them to see, what they typically see” comparison lists, so I’ve put them up in PDF and PNG format at UX is not UI – www.uxisnotui.com!
This page has been translated into Spanish language by Maria Ramos from Webhostinghub.com/support/edu.
Pingback: sokohl.com » Blog Archive » Keep Repeating()
Pingback: Kommunikation ohne Content Strategie schafft ein schlechtes Nutzererlebnis (Video) - Daniel Joerg | Daniel Joerg()
Pingback: UX is not UI | Hello Erik – User Experience @Erik_UX()
Pingback: Tweet Parade (no. 52 Dec 2012) | gonzoblog()
Pingback: User Experience is not User Interface()
Pingback: Great UX Explanation()
Pingback: The difference between UX and UI | Wireframing Tool - ProtoShare()
Pingback: Linkness. What we’ve been reading | January 18, 2013 | NEXTNESS()
Pingback: UX is not UINathanael Rouillard | Nathanael Rouillard()
Pingback: UX is not UI | Waverley()
Pingback: UX är inte UI()
Pingback: Week of 1/25/13 – TDAS Creative Wiki()
Pingback: UX is not UI | Hello Erik – User Experience @Erik_UX | Erik's Links()
Pingback: UX: what it is, what it isn’t | life is [User cUstomer hUman] eXperience()
Pingback: UX Artifacts and Adventure | Hello Erik - User Experience @Erik_UX()
Pingback: 3 Ways Technology is Becoming More Human from @engageQ()
Pingback: The Importance of a well-designed user interface Figure | SMARTIES()
Pingback: What UX (User Experience) Is Not … | Portfolio of Svetlana Kouznetsova()
Pingback: FILive: The Future of UX: Killing the Wireframe Machine | A grain of salt()
Pingback: monday apps !!! | Mobile Media()
Pingback: UX is not UI (in poche parole) | Giomino's Blog()
Pingback: To Hell with the Slash! | Elisabeth Hubert()
Pingback: UX ≠ UI Design: Does Your Company Get It Right? | Mr. Lange()
Pingback: UX is not UI | Just Random()
Pingback: UX is not UI | A Way Back()
Pingback: UX is not UI | Simone Borsci()
Pingback: UX is not UI - TYA Singapore Pte. Ltd.()
Pingback: User Experience Research Methodologies - Designer School()
Pingback: UX != UI | Great White Spot()
Pingback: UX is not UI | By @Erik_UX | LMedia()
Pingback: Weekly Design News – Resources, Tutorials and Freebies (N.196)()
Pingback: Weekly Design News – Resources, Tutorials and Freebies (N.196) « Refined Sites Blog()
Pingback: [번역] UX is not UI by Erik Flowers | Lovelyredsky()
Pingback: Issue 58 – Spread A Little Sunshine, Make A Little Magic | Tech Leadership News()
Pingback: Worth seeing this week #2 | Experience Economy and Why it Matters.()
Pingback: UX is not UI - User Experience - UX - Mobile - Design - Jerry Lieveld()
Pingback: ENT 1.0 » UX and UI are not the same thing!()
Pingback: Changvy UX Designer()
Pingback: UX – это не UI()
Pingback: UX is not UI | UX at Hello Erik | CFMeta()
Pingback: UX is not UI | Suhainda - Creative Thinking()
Pingback: Article Roundup for 02.04.2014 | Tvenge Design()
Pingback: linabanina()
Pingback: Why startups & enterprises in Asia should invest in UX()
Pingback: Why startups & enterprises in Asia should invest in UX | Xcluesiv Cloud Technology Blog()
Pingback: what UX want to be seen | ux design. startup. mobile.()
Pingback: Why Startups & Enterprises in Asia should Invest in UX | Netizen Testing()
Pingback: Understanding Design And Development Jobs Titles()
Pingback: UX vs. UI | Going the Extra Pixel()
Pingback: Discussing research methods and UX. | mattskie()
Pingback: “UX is not UI” | luissoares.com()
Pingback: + UX & UI – Research Interest | Jef Lee()
Pingback: How User Consultants can help Internal Teams | Usability Matters()
Pingback: Optimal Workshop | The UX language debate — why it’s a good thing()
Pingback: What is the difference between UX and UI? | modern8()
Pingback: Designing in an Agile World | tony quiroz()
Pingback: UX is not UI: helloerik.com/ux-is-not-ui @MattyLapage | @parkr on twitter()
Pingback: UX is not UI | ChannelOne+EdTech()
Pingback: Ux is not always sustainable (and how it could be) | Sustainable Virtual Design()
Pingback: UX VS UI, diseño y Usabilidad - UX Lumen()
Pingback: UX Architect » How to break into UX()
Pingback: The Top 100 Design News Links in 2014 ~ Creative Market Blog()
Pingback: The Top 100 Design News Links in 2014 | Singapore Web Design()
Pingback: The Top 100 Design News Links in 2014 | Illustrated Monthly Blog()
Pingback: What does UX actually mean? | React And Respond()
Pingback: A Fundamental Difference Between UI+UX – Mac Galeano UX Director + Designer()
Pingback: A UX Designer That Hates UI – Mac Galeano UX Director + Designer()
Pingback: The UX Umbrella | Posting For LaterPosting For Later()
Pingback: Top 5 UX Articles This Week()
Pingback: UI Does Not Equal UX | Cesar Vela()
Pingback: UI Does Not Equal UX | Oh Alright!()
Pingback: UI Does Not Equal UX | Omaha Sun Times()
Pingback: UI Does Not Equal UX | TeamOTG()
Pingback: UI Does Not Equal UX | The H2O Standard()
Pingback: UI Does Not Equal UX | Blogger()
Pingback: Mobile Technology News, February 26, 2015 | DigitalWorkshed()
Pingback: “UX is not UI” | Luís Soares()
Pingback: UX is not UI - blog.designaffairs.com()
Pingback: It’s Not UX vs. UI, It’s UX & UI | A WordPress Site()
Pingback: Don't marginalize your UX - Blog - vaadin.com()
Pingback: 5 ways ux design will build your brand - ux design branding()
Pingback: The Gamble of a Just Build It Mentality & How to Avoid It()
Pingback: Why you should hire me | Andrew Dean()
Pingback: What is a full stack employee? | Growth hacker en SEO consultant()
Pingback: UX Is Not UI | UXVenture()
Pingback: 3 common UX mistakes killing good design | 1337 Tech News()
Pingback: 3 common UX mistakes killing good design | Bobbie Hollowell Blog()
Pingback: 3 common UX mistakes killing good design | 3Buzz Now()
Pingback: 3 common UX mistakes killing good design | Prague City Magazine / Beat Blog | human views on the ins and outs of prague, czech republic()
Pingback: 3 common UX mistakes killing good design | How To ??()
Pingback: 3 common UX mistakes killing good design | Amazing Voiceovers()
Pingback: 3 common UX mistakes killing good design | Voiceovers()
Pingback: Three Common UX Mistakes That Can Kill Good Design | A multi-disciplined Graphic Designer and Art Director based in Bristol with a passion for technology and digital design()
Pingback: Three Common UX Mistakes That Can Kill Good Design | Kreative Feed()
Pingback: 3 common UX mistakes killing good design()
Pingback: UI und UX – Wo liegt der Unterschied?()
Pingback: No es UX vs. UI, es UX & UI - Designmodo en Español()
Pingback: Ta kontroll på feilmeldingene | Klokkeklart()
Pingback: Sylvester Ezeani()
Pingback: LG’s HomeChat review | Apart from UX()
Pingback: UX – najlepsze źródła do nauki | Order Group Blog()
Pingback: UX and UI : The Apparent Difference | The Creative Banter()
Pingback: Another “What is UX?” post | Eli Ferrall()