Hippo GetTogether Usability Presentation & Workshop 20 Aug 2010 Amsterdam, Felix Meritis

1. Hippo GetTogether
Usability Sidetrack
20 Aug 2010, Amsterdam, Felix Meritis
Rolf van der Steen • r.vandersteen@onehippo.com
About me
EUROPE • AMSTERDAM HIPPO B.V. • OOSTEINDE 11 • 1017 WT AMSTERDAM • THE NETHERLANDS • +31 20 5224466
USA • SAN FRANCISCO HIPPO USA INC. • 185 H STREET, SUITE B • PETALUMA CA 94952 • USA • +1 707 773 4646 WWW.ONEHIPPO.COM • INFO@ONEHIPPO.COM • SALES@ONEHIPPO.COM

2. Schedule
13:30 - 14:00
Brief introduction on usability
14:00 - 15:30
Practical workshop
Your input is valuable here
Hippo GetTogether - Usability Sidetrack 20 Aug 2010 2

3. What is Usability
“Usability really just means making
sure that something works well”
Steve Krug - www.sensible.com
Hippo GetTogether - Usability Sidetrack 20 Aug 2010 3

4. Usability = Ease of Use
“The ease in in which people can use a
“The ease which users can use Hippo
particular toolto achieve aaparticular goal”
CMS/Portal to achieve particular goal”
en.wikipedia.org/wiki/usability
Ease of Use
Hippo GetTogether - Usability Sidetrack 20 Aug 2010 4

5. What defines usability
Usability is defined by five quality components:
● Learnability
● Efficiency
● Memorability
● Error tolerance
● Satisfaction
Jakob Nielsen - www.useit.com
Hippo GetTogether - Usability Sidetrack 20 Aug 2010 5

6. Why is usability important
● Usability increases conversion
● Usability improves productivity
● Usability reduces amount of support
● Usability reduces training cost
● Usability differentiates from competitors
Overall satisfaction:
returning customers,
continued use
Hippo GetTogether - Usability Sidetrack 20 Aug 2010 6

7. How to improve usability
“Usability is a quality attribute that assesses how easy user interfaces are to use.”
“The word usability also refers to
methods for improving ease-of-use
during the design process.”
Jakob Nielsen - www.useit.com
Hippo GetTogether - Usability Sidetrack 20 Aug 2010 7

8. User Centered Design
Anthony Colfelt - www.boxesandarrows.com
Hippo GetTogether - Usability Sidetrack 20 Aug 2010 8

9. Methods for UCD
● Persona's ● Heuristic evaluation
● Mental models ● Use cases
● Prototyping ● Interviews
● Scenarios ● Storyboarding
● Usability testing ● Design patterns
● Expert reviews ● Participatory design
● Focus groups ● etc
Many methods available
Hippo GetTogether - Usability Sidetrack 20 Aug 2010 9

10. Usability and User Experience
Peter Morville - www.semanticstudios.com
Hippo GetTogether - Usability Sidetrack 20 Aug 2010 10

11. Usability at Hippo
Enough of the theoretical stuff
How are we doing this at Hippo
Hippo GetTogether - Usability Sidetrack 20 Aug 2010 11

12. Where we are coming from
Anthony Colfelt - www.boxesandarrows.com
Hippo GetTogether - Usability Sidetrack 20 Aug 2010 12

13. Where we are going to
Anthony Colfelt - www.boxesandarrows.com
Hippo GetTogether - Usability Sidetrack 20 Aug 2010 13

14. How do we do that
Integrating UCD into Agile development process
● Usability testing
● Persona's
● Design patterns
● User stories
Hippo GetTogether - Usability Sidetrack 20 Aug 2010 14

15. Usability testing
Hippo GetTogether - Usability Sidetrack 20 Aug 2010 15

16. Personas
Hippo GetTogether - Usability Sidetrack 20 Aug 2010 16

17. Design patterns
Hippo GetTogether - Usability Sidetrack 20 Aug 2010 17

18. User stories
Hippo GetTogether - Usability Sidetrack 20 Aug 2010 18

19. Workshop
● Introductions
● Top 10 improvements
untill time runs out
● Persona's or you get bored with me +
● Today's design
Hippo GetTogether - Usability Sidetrack 20 Aug 2010 19

20. Introductions
● Name
What you do Please include your experience
●
with Hippo products
● Where you're from
● Three tags
Hippo GetTogether - Usability Sidetrack 20 Aug 2010 20

21. Workshop 'rules'
● Focus on CMS 7
● Focus on usability of the CMS UI
● Hippo Go Green demo to demonstrate
Feel free to say anything!
Hippo GetTogether - Usability Sidetrack 20 Aug 2010 21

22. Top 10 improvements
● Usability method: Focus Group
● Write down your most wanted improvements on
post-its
● Take a turn in presenting your improvements
● Collectively cluster improvements
● Collectively prioritize improvements
Hippo GetTogether - Usability Sidetrack 20 Aug 2010 22

23. Break?
Hippo GetTogether - Usability Sidetrack 20 Aug 2010 23

24. Personas
● Usability method: Personas
● Create personas
● In groups, one persona per group
● Personal input is desired
● Template is provided
● Presentation in “a day in the life of ...” scenario
Hippo GetTogether - Usability Sidetrack 20 Aug 2010 24

25. Today's design
● Usability method: Participatory Design
● Select improvement (tab management)
● Generate use cases
● Rapid prototyping: wireframes / sketches
● Presentation
Hippo GetTogether - Usability Sidetrack 20 Aug 2010 25

26. Wrap up
Your questions
... ?
My questions
Opinion on sidetrack?
Interested in participating in usability tests?
Hippo GetTogether - Usability Sidetrack 20 Aug 2010 26

27. Hippo GetTogether - Usability Sidetrack 20 Aug 2010 27