Hippo GetTogether
 Usability Sidetrack
 20 Aug 2010, Amsterdam, Felix Meritis

 Rolf van der Steen • r.vandersteen@onehipp...
Schedule
                                     13:30 - 14:00

         Brief introduction on usability

                   ...
What is Usability
  “Usability really just means making
    sure that something works well”




                          ...
Usability = Ease of Use

“The ease in in which people can use a
  “The ease which users can use Hippo
particular toolto ac...
What defines usability

Usability is defined by five quality components:
  ●   Learnability
  ●   Efficiency
  ●   Memorab...
Why is usability important
●   Usability increases conversion
●   Usability improves productivity
●   Usability reduces am...
How to improve usability
 “Usability is a quality attribute that assesses how easy user interfaces are to use.”


   “The ...
User Centered Design




                     Anthony Colfelt - www.boxesandarrows.com




Hippo GetTogether - Usability S...
Methods for UCD
●   Persona's                                   ●   Heuristic evaluation
●   Mental models                ...
Usability and User Experience




                      Peter Morville - www.semanticstudios.com

Hippo GetTogether - Usab...
Usability at Hippo

Enough of the theoretical stuff
           How are we doing this at Hippo




    Hippo GetTogether - ...
Where we are coming from




                     Anthony Colfelt - www.boxesandarrows.com




Hippo GetTogether - Usabili...
Where we are going to




                     Anthony Colfelt - www.boxesandarrows.com

Hippo GetTogether - Usability Sid...
How do we do that

Integrating UCD into Agile development process
●   Usability testing
●   Persona's
●   Design patterns
...
Usability testing




Hippo GetTogether - Usability Sidetrack   20 Aug 2010   15
Personas




Hippo GetTogether - Usability Sidetrack   20 Aug 2010   16
Design patterns




Hippo GetTogether - Usability Sidetrack   20 Aug 2010   17
User stories




Hippo GetTogether - Usability Sidetrack   20 Aug 2010   18
Workshop
●   Introductions
●   Top 10 improvements
                                               untill time runs out
●  ...
Introductions
●   Name
    What you do    Please include your experience
●
                        with Hippo products
●  ...
Workshop 'rules'
●   Focus on CMS 7
●   Focus on usability of the CMS UI
●   Hippo Go Green demo to demonstrate


        ...
Top 10 improvements
●   Usability method: Focus Group
●   Write down your most wanted improvements on
    post-its
●   Tak...
Break?




Hippo GetTogether - Usability Sidetrack    20 Aug 2010   23
Personas
●   Usability method: Personas
●   Create personas
●   In groups, one persona per group
●   Personal input is des...
Today's design
●   Usability method: Participatory Design
●   Select improvement (tab management)
●   Generate use cases
●...
Wrap up

Your questions

... ?

             My questions

             Opinion on sidetrack?
             Interested in p...
Hippo GetTogether - Usability Sidetrack   20 Aug 2010   27
Upcoming SlideShare
Loading in...5
×

Hippo GetTogether Usability Sidetrack

1,442

Published on

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

Published in: Design
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
1,442
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
13
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Hippo GetTogether Usability Sidetrack

  1. 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. 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. 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. 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. 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. 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. 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. 8. User Centered Design Anthony Colfelt - www.boxesandarrows.com Hippo GetTogether - Usability Sidetrack 20 Aug 2010 8
  9. 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. 10. Usability and User Experience Peter Morville - www.semanticstudios.com Hippo GetTogether - Usability Sidetrack 20 Aug 2010 10
  11. 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. 12. Where we are coming from Anthony Colfelt - www.boxesandarrows.com Hippo GetTogether - Usability Sidetrack 20 Aug 2010 12
  13. 13. Where we are going to Anthony Colfelt - www.boxesandarrows.com Hippo GetTogether - Usability Sidetrack 20 Aug 2010 13
  14. 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. 15. Usability testing Hippo GetTogether - Usability Sidetrack 20 Aug 2010 15
  16. 16. Personas Hippo GetTogether - Usability Sidetrack 20 Aug 2010 16
  17. 17. Design patterns Hippo GetTogether - Usability Sidetrack 20 Aug 2010 17
  18. 18. User stories Hippo GetTogether - Usability Sidetrack 20 Aug 2010 18
  19. 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. 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. 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. 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. 23. Break? Hippo GetTogether - Usability Sidetrack 20 Aug 2010 23
  24. 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. 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. 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. 27. Hippo GetTogether - Usability Sidetrack 20 Aug 2010 27
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×