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

3. AIM
Making sure you build the right
things: how to keep user needs
centre-stage from the start.

6. Outline
• Personas
• Journey maps
• Sketching

7. 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.

10. 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.

11. Experiment, part 2
How much of your $5 would you give?
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.

12. The identifiable victim effect
We are 2 x as likely to help
when we feel empathy for an individual
Experiment 2
$ 48%
Experiment 1
$ 23%

13. 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.

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

16. Susan –
the mom
Image
of
persona
filled
in
–
IRIS?

17. Some (almost) live interviews…

18. Create a persona for a child at the school.

20. How the architect sees it

21. How the hamster sees it

22. What the hamster does next

23. "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

27. 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?

30. Exploration of ideas

31. Give yourself and your
colleagues permission to sketch

32. 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

33. The default reaction to most sketches

34. Design studio technique

35. 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?

36. Four-ups

37. Based on your research:
interviews, personas, journey maps
You are going to create a sketch
of the ideal ‘new’
school.

39. Summary
What does UX mean
to us?

40. http://uxsouthafrica.com/
http://www.meetup.com/Cape-Town-UX-Craft-Meetup/
http://www.elezea.com/
http://www.userexperience.co.za/

42. 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