What is UX?

Post on 28-Nov-2014

397 views 0 download

description

Many people don't know what UX (User Experience) is, and how easily you can start with it. In this presentation we teach 3 techniques that teams can start using immediately without any UX experience. By Sam Laing and Karen Greaves and Debre Barrett

Transcript of What is UX?

Making sure you build the right

things: how to keep user needs

centre-stage from the start.

AIM

•  Personas

•  Journey maps

•  Sketching

Outline

Bill & Melinda Gates want to invest in a new kind of school.

Budget is unlimited.

You are in charge of designing the layout of the school.

Experiment How much of your $5 would you give?

Food  shortages  in  Malawi  are  affec3ng  more  than  3  million  children.  In  Zambia,  severe  rainfall  deficits  have  resulted  in  a  42%  drop  in  the  maize  produc3on  from  2000.  As  a  result,  an  es3mated  3  million  Zambians  face  hunger.  More  than  11  million  people  in  Ethiopia  need  immediate  food  assistance.  

This  is  Rokia.        

Her  life  would  be  changed  for  the  beLer  as  a  result  of  your  financial  giN.    With  your  support,  and  the  support  of  other  caring  sponsors,  Save  the  Children  will  work  with  Rokia’s  family  and  other  members  of  the  community  to  help  feed  her,  provide  her  with  an  educa3on  and  basic  medical  care.  

Experiment, part 2 How much of your $5 would you give?

We are 2 x as likely to help

when we feel empathy for an individual

The identifiable victim effect

Experiment 2

$ 48% Experiment 1

$ 23%

Personas are not average users Personas  are  the  most  challenging  users  we  want  to  cater  for.  If  we  make  them  happy,  we  can  be  sure  that  everyone  in  between  will  be  happy  too.  

"If I had asked people what they wanted, they would have said faster horses."”

Not Henry Ford

Image  of  persona  filled  in  –  IRIS?  

Susan –  the mom

Some (almost) live interviews…  

Create a persona for a child at the school.

How the architect sees it

How the hamster sees it

What the hamster does next

"If there is any one secret of success, it lies in the ability to get the other person's point of view and see things from that person’s angle as well as from your own"

Henry Ford

ARRIVE LEARN BREAK HOME

Stage name

DOING What's happening at this stage of the journey?

THINKING

What's the persona’s questions?

FEELING What's the persona happy / sad / worried about?

           

Exploration of ideas

                 

Give yourself and your

colleagues permission to sketch

Make space for your sketches

"Sure, the act of creating a sketch can help an individual designer work through concepts and ideas. But more often than not, a significant - if not greater - part of the value comes in encouraging its social life." Bill Buxton

The default reaction to most sketches

                 

Design studio technique

1. What is the problem we’are trying to solve?

Susan struggles to find her way around the school.

BECAUSE There are too many staircases, and they all look the same.

BECAUSE She has never been able to tell left from right, so she finds it more difficult than most to navigate through spaces.

BECAUSE She feels too anxious to explore because she doesn’t know if she’ll be able to find her way back, and she doesn’t want to get in trouble for being late.

How might we help Susan to find her way around the school confidently and without asking anyone?

Four-ups

Based on your research:

interviews, personas, journey maps

You are going to create a sketch

of the ideal ‘new’  school.

What does UX mean to us?

Summary

http://uxsouthafrica.com/

http://www.meetup.com/Cape-Town-UX-Craft-Meetup/

http://www.elezea.com/

http://www.userexperience.co.za/

Links and images from:  hLps://www.elance.com/samples/infographic-­‐ux-­‐designer-­‐vs-­‐ui-­‐designer-­‐infographic-­‐illustra3ons/100426918/  hLp://asinthecity.com/2011/11/10/the-­‐difference-­‐between-­‐a-­‐ux-­‐designer-­‐and-­‐ui-­‐developer/  hLp://fronLoback.org/2007/10/08/ground-­‐breaking-­‐concorde-­‐started-­‐with-­‐crude-­‐paper-­‐prototypes/  hLp://www.dailymail.co.uk/news/ar3cle-­‐484248/Paper-­‐aeroplanes-­‐used-­‐test-­‐Concorde-­‐wing-­‐shapes.html  hLp://www.digitalsherpa.com/blog/why-­‐video-­‐is-­‐a-­‐powerful-­‐social-­‐media-­‐marke3ng-­‐tool/  hLp://www.dafont.com/lauren-­‐c-­‐brown.font