Ruth's User Experience Nightmares

Slide 1: UX Nightmares BarCamp Canberra     19 April 2008 Ruth Ellison

Slide 2: A word of warning... All characters and events in this presentation are  based upon real people and real events. All  celebrity voices are impersonated poorly. The  following presentation may contain coarse  language and due to its content, should not be  viewed by anyone. ‐ Based upon South Park warning

Slide 3: Do you recognise this man? Photo credit: http://www.tv.com/gordon‐ramsay/person/121427/photos.html&pg_pics=2

Slide 4: What does Gordon do?

Slide 5: Visits a restaurant that’s in trouble Has one week to turn it around Makes recommendations to improve it Revisits a few months later

Slide 6: Gordon Ramsay  =  Guerilla UX consultant?

Slide 7: User experience All aspects of an individual’s perception and  interaction with a company, its services, and its  products.

Slide 8: Restaurant user experience Menu choice Price of food Quality of food – local produce, freshness Quality and timing of service Staff attitudes Décor (visual elements) Layout of restaurant Brand perception Interaction between service and kitchen

Slide 9: The Gordon Ramsay Guerrilla UX  Method

Slide 10: Simple UX cycle Research Implementation Design Testing

Slide 11: The techniques Research Understanding the business context Expert review Contextual inquiry  User interviews Competitor analysis

Slide 12: Understanding the context Research Photo credit:   ©Channel 4 – film still from Ramsey’s Kitchen Nightmare

Slide 13: Expert review Research Photo credit:   ©Channel 4 – film still from Ramsey’s Kitchen Nightmare

Slide 14: Contextual inquiry Research Photo credit:   ©2008 Fox Broadcasting Co http://www.tv.com/photos/viewer.html?type=21&ref_id=121427&ref_type_id=104&expand=1&picnum=53

Slide 15: User interviews Research Photo credit:   ©Channel 4 – film still from Ramsey’s Kitchen Nightmare

Slide 16: User testing Research Photo credit:   ©Channel 4 – film still from Ramsey’s Kitchen Nightmare

Slide 17: Competitor analysis Research Photo credit:   ©Channel 4 – film still from Ramsey’s Kitchen Nightmare

Slide 18: The techniques Design Designing a new menu Look at the navigation & orientation Prototyping Visual elements (restaurant decor) 

Slide 19: Designing a new menu Design Rococo: out‐of‐date styled food Morgan’s:  mashed potato with apricots Piccolo Teatro: vegetarian restaurant in Paris (city  of meat lovers) La Gondola: 1970’s menu 

Slide 20: Navigation & orientation Design Photo credit:   ©Channel 4 – film still from Ramsey’s Kitchen Nightmare

Slide 21: Prototyping Design Photo credit:   ©Channel 4 – film still from Ramsey’s Kitchen Nightmare

Slide 22: Visual elements Design Photo credit:   ©Channel 4 – film still from Ramsey’s Kitchen Nightmare

Slide 23: User testing Testing Photo credit:   ©2008 Fox Broadcasting Co

Slide 24: Gordon’s rules applied to UX

Slide 25: 5 rules

Slide 26: Rule 1: Keep it f***ing simple That’s it in a nutshell.

Slide 27: Rule 2: “Customers customers customers” Great UX is about the whole experience Know your users Design your products and services for your users  (not for yourself – unless you’re the sole user)

Slide 28: Rule 3: Communication is key Communicate with your clients Communicate with your users Communicate with each other Do it in a timely manner

Slide 29: Rule 4: Know what you’re doing Do your research Understand the context and the constraints Make great products!

Slide 30: Rule 5: Be passionate! Cook from the heart! Be passionate about what you’re doing Otherwise (in Gordon’s words)... “You might as well just f**k off.”

Slide 31: We feel the pain… Photo credit:   ©2008 Fox Broadcasting Co http://www.tv.com/photos/viewer.html?type=21&ref_id=121427&ref_type_id=104&pic_number=197909

Slide 32: Questions?

Slide 33: Thanks! Ruth Ellison Catch this presentation on my blog: www.ruthellison.com