Ux is not UI

12,445 views

Published on

Here I share some thoughts about the difference that exists between User experience (UX) and User Interface (UI).

Published in: Design
2 Comments
183 Likes
Statistics
Notes
No Downloads
Views
Total views
12,445
On SlideShare
0
From Embeds
0
Number of Embeds
328
Actions
Shares
0
Downloads
464
Comments
2
Likes
183
Embeds 0
No embeds

No notes for slide

Ux is not UI

  1. UX ≠ UI Based on the post UX is not UI by @Erik_UX
  2. “UX is the intangible design of a strategy that brings us to a solution.”
  3. 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.
  4. User Interface what people use interact the product User Experience how they feel while they do. UI UX
  5. UIUser Interface what people use interact the product User Experience how they feel while they do.UX Technical Emotional
  6. How UX people see UX?
  7. 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)
  8. "Many UX designers have started to re-label themselves […] I think this is partially to help keep them from being marginalized as only interface designers"
  9. UX Designers UX Architects, UX Engineers, or UX Strategists Experience Architect/Engineer/ Strategist equals equals
  10. So what does UX actually mean?
  11. 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
  12. UI design is a huge part of UX. Partially because its the visible part of the process
  13. UI
  14. UX is what it does and what it does is solve problems
  15. ID = Interaction design (how the look and feel work, user behavior research) VD = Visual Design (look and feel, visual and graphic design research)
  16. ID + VD = Interface The interface is the result of the “solution design” that came before it.
  17. A skillful interface designer understands the importance of providing the user with a solution to a defined problem.
  18. How you can get to an effective UI
  19. Hypothetical Process 1. Identify the problem We presume the problem has been identified through the user/market/persona research. 2. User Stories User flows and stories are made, then trashed, then made again, then iterated on until the problem flow is clear. 3. Experiments with personas With an idea of ways to solve the problem, some rapid experiments are carried out to validate the assumptions with the personas. 4. Information Architecture Some IA work is done to break out the product/site into the logical areas and hierarchies. 5. Wireframes Various wireframes and sketches are drawn to start to organize where things could go on the screen. 6. Mockups With all the preceding research material and UX work, now mockups with UI included can be made with confidence. 7. Prototypes With mockups and a UI designed, they are user tested and iterated on through some prototypes or experiments. 8. UI Design After the mockups have been vetted, it’s now time to code up the interface – UI Design! 9. Production 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.
  20. Hypothetical Process Where fits the UI process 1. Identify the problem We presume the problem has been identified through the user/market/persona research. 2. User Stories User flows and stories are made, then trashed, then made again, then iterated on until the problem flow is clear. 3. Experiments with personas With an idea of ways to solve the problem, some rapid experiments are carried out to validate the assumptions with the personas. 4. Information Architecture Some IA work is done to break out the product/site into the logical areas and hierarchies. 5. Wireframes Various wireframes and sketches are drawn to start to organize where things could go on the screen. 6. Mockups With all the preceding research material and UX work, now mockups with UI included can be made with confidence. 7. Prototypes With mockups and a UI designed, they are user tested and iterated on through some prototypes or experiments. 8. UI Design After the mockups have been vetted, it’s now time to code up the interface – UI Design! 9. Production 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.
  21. So now, what is really UX?
  22. "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."
  23. Thank U @bruno2ms Feel free to Share if you like =D

×