Diving into the UX World

For the past few weeks I have been working with a team on redoing a large corporate website (almost two large corporate websites).

Word Cloud for UX

Word Cloud for UX

During the course of the project I have had several people, who are unfamiliar (and familiar) with web technology talk with me about UX and UI, but in terms of Design. They might say: "We need a re-design. Our branding is not displayed well." or the might say " Oh, but it was designed to do that, it is doing exactly what it was designed to do!" So, most of the people (I am encountering) talking in terms of design, are talk about the business design or the function of a website at a very high level. Not the UX and UI level of design. I have tried to explain it in the following terms

The words Usability and Design each suffer from a very unfortunate ambiguity. Usability in a very raw sense means is a tool usable. Just because every tool can be a hammer, does not mean that every tool should be shaped like a hammer. Design in computing also suffers a similar fate. If some computer tool does something, it does so because it was designed to do so. This does not mean that the computer tool is esthetically pleasing or that it creates a good impression on its user. An impression of such a nature that the user might want to come back to the site and use it again. The following diagram contrast the words, functional, reliable, usable, convenient, pleasurable, and meaningful.

User Experience model

User Experience model

Because images show so much more than words I looked around for some images to describe the difference I have been trying to communicate. This has resulted in the following collection of images. In the process of linking to these pictures I hope to introduce my readers to some of the ongoing discussion of professional UX design and development.

Layering the Design

Layering the Design


This image is from a PDF called: The Elements of User Experience by Jesse James Garret. [ref 1]

Layering the Design

Explaining the Layers


This Image comes from a write up about UX: UX Design Defined[ref 2] In it is perhaps the best definition of UX I have come across is:

User Experience Design is the art and science of integrating all the various elements that comprise an interactive system so that:

  1. The user's needs, limitations, goals, desires, expectations, are served
  2. The publishing organization's objectives are served as a result of serving the user's (#1)
  3. The whole is greater than the sum of the parts

Peter Morville's Facets of the User Experience

Peter Morville's Facets of the User Experience


This image was take from Peter Morville's article on User Experience Design.[ref 3]

Flickr user Model

Flickr User Model

This Diagram of the Flickr user experience model has been attributed to Bryce Glass by Kenny Chen on 5 April 2008, at http://www.kennychen.net/blog/2008/04/05/flickr-user-model-diagram/.[ref 4]

user experience design explained

User Experience Design

This image comes from What Is User Experience Design by Kimmy Paluch.[ref 5]

Multiple Roles in Web Strategy

Multiple Roles in Web Strategy


Finding the right fit of UX

Finding the right fit of UX

This image is taken from User Experience Strategy.[ref 6]

Additionally there some good articles:



Bibliography

  1. Jesse James Garret. 30 March 2000. The Elements of User Experience. [Accessed: 8 November 2011] http://jjg.net/elements/pdf/elements.pdf [PDF]
  2. Michael Commings. 16 August 2010. UX Design Defined. Uxdesign.com [Accessed: 8 November 2011] http://uxdesign.com/ux-defined [Link]
  3. Peter Morville. 21 June 2004. User Experience Design. [Accessed: 8 November 2011] http://semanticstudios.com/publications/semantics/000029.php [Link]
  4. Bryce Glass. Diagram of the Flickr user experience model. [Accessed: 8 November 2011] [Link]
  5. Kimmy Paluch. 10 October 2006. What Is User Experience Design. [Accessed:8 November 2011] http://www.montparnas.com/articles/what-is-user-experience-design [Link]
  6. Luke Wroblewski. 27 July 2005. User Experience Strategy. [Accessed: 8 November 2011] http://www.lukew.com/ff/entry.asp?203 [Link]
  7. UXPassion.com. 10 October 2009. UX ROI: User Experience Return on Investment. [Accessed: 8 November 2011] http://www.uxpassion.com/2009/10/ux-roi-user-experience-return-on-investment [Link].
  8. uxrevisions.com. 23 December 2010. User Experience vs. User Interaction [Accessed: 8 November 2011] http://www.uxrevisions.com/user-experience-design/user-experience-vs-user-interaction [Link].
  9. uxrevisions.com. 23 December 2010. The difference between Usability and User Experience. [Accessed: 8 November 2011] http://www.uxrevisions.com/user-experience-design/the-difference-between-usability-and-user-experience/ [Link].
  10. Tim Brown. 1 June 2005. Strategy by Design. [Accessed: 8 November 2011] http://www.fastcompany.com/magazine/95/design-strategy.html [Link]

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>