27
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 • [email protected][email protected] Hippo GetTogether Usability Sidetrack 20 Aug 2010, Amsterdam, Felix Meritis Rolf van der Steen • [email protected] About me

Hippo GetTogether Usability Sidetrack

Embed Size (px)

DESCRIPTION

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

Citation preview

Page 1: Hippo GetTogether Usability Sidetrack

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 • [email protected][email protected]

Hippo GetTogether

Usability Sidetrack20 Aug 2010, Amsterdam, Felix Meritis

Rolf van der Steen • [email protected]

About me

Page 2: Hippo GetTogether Usability Sidetrack

20 Aug 2010Hippo GetTogether - Usability Sidetrack 2

Schedule13:30 - 14:00

Brief introduction on usability

14:00 - 15:30

Practical workshopYour input is valuable here

Page 3: Hippo GetTogether Usability Sidetrack

20 Aug 2010Hippo GetTogether - Usability Sidetrack 3

What is Usability

“Usability really just means makingsure that something works well”

Steve Krug - www.sensible.com

Page 4: Hippo GetTogether Usability Sidetrack

20 Aug 2010Hippo GetTogether - Usability Sidetrack 4

“The ease in which users can use Hippo CMS/Portal to achieve a particular goal”

Usability = Ease of Use

“The ease in which people can use a particular tool to achieve a particular goal”

en.wikipedia.org/wiki/usability

Ease of Use

Page 5: Hippo GetTogether Usability Sidetrack

20 Aug 2010Hippo GetTogether - Usability Sidetrack 5

What defines usability

Usability is defined by five quality components:

● Learnability● Efficiency● Memorability● Error tolerance ● Satisfaction

Jakob Nielsen - www.useit.com

Page 6: Hippo GetTogether Usability Sidetrack

20 Aug 2010Hippo GetTogether - Usability Sidetrack 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

Page 7: Hippo GetTogether Usability Sidetrack

20 Aug 2010Hippo GetTogether - Usability Sidetrack 7

How to improve usability

“Usability is a quality attribute that assesses how easy user interfaces are to use.”

“The word usability also refers tomethods for improving ease-of-use

during the design process.”Jakob Nielsen - www.useit.com

Page 8: Hippo GetTogether Usability Sidetrack

20 Aug 2010Hippo GetTogether - Usability Sidetrack 8

User Centered Design

Anthony Colfelt - www.boxesandarrows.com

Page 9: Hippo GetTogether Usability Sidetrack

20 Aug 2010Hippo GetTogether - Usability Sidetrack 9

Methods for UCD

● Persona's● Mental models● Prototyping● Scenarios● Usability testing● Expert reviews● Focus groups

● Heuristic evaluation● Use cases● Interviews● Storyboarding● Design patterns● Participatory design● etc

Many methods available

Page 10: Hippo GetTogether Usability Sidetrack

20 Aug 2010Hippo GetTogether - Usability Sidetrack 10

Usability and User Experience

Peter Morville - www.semanticstudios.com

Page 11: Hippo GetTogether Usability Sidetrack

20 Aug 2010Hippo GetTogether - Usability Sidetrack 11

Usability at Hippo

How are we doing this at Hippo

Enough of the theoretical stuff

Page 12: Hippo GetTogether Usability Sidetrack

20 Aug 2010Hippo GetTogether - Usability Sidetrack 12

Where we are coming from

Anthony Colfelt - www.boxesandarrows.com

Page 13: Hippo GetTogether Usability Sidetrack

20 Aug 2010Hippo GetTogether - Usability Sidetrack 13

Where we are going to

Anthony Colfelt - www.boxesandarrows.com

Page 14: Hippo GetTogether Usability Sidetrack

20 Aug 2010Hippo GetTogether - Usability Sidetrack 14

How do we do that

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

Page 15: Hippo GetTogether Usability Sidetrack

20 Aug 2010Hippo GetTogether - Usability Sidetrack 15

Usability testing

Page 16: Hippo GetTogether Usability Sidetrack

20 Aug 2010Hippo GetTogether - Usability Sidetrack 16

Personas

Page 17: Hippo GetTogether Usability Sidetrack

20 Aug 2010Hippo GetTogether - Usability Sidetrack 17

Design patterns

Page 18: Hippo GetTogether Usability Sidetrack

20 Aug 2010Hippo GetTogether - Usability Sidetrack 18

User stories

Page 19: Hippo GetTogether Usability Sidetrack

20 Aug 2010Hippo GetTogether - Usability Sidetrack 19

Workshop

● Introductions● Top 10 improvements● Persona's● Today's design

untill time runs out or you get bored with me +

Page 20: Hippo GetTogether Usability Sidetrack

20 Aug 2010Hippo GetTogether - Usability Sidetrack 20

Introductions

● Name● What you do● Where you're from● Three tags

Please include your experience with Hippo products

Page 21: Hippo GetTogether Usability Sidetrack

20 Aug 2010Hippo GetTogether - Usability Sidetrack 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!

Page 22: Hippo GetTogether Usability Sidetrack

20 Aug 2010Hippo GetTogether - Usability Sidetrack 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

Page 23: Hippo GetTogether Usability Sidetrack

20 Aug 2010Hippo GetTogether - Usability Sidetrack 23

Break?

Page 24: Hippo GetTogether Usability Sidetrack

20 Aug 2010Hippo GetTogether - Usability Sidetrack 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

Page 25: Hippo GetTogether Usability Sidetrack

20 Aug 2010Hippo GetTogether - Usability Sidetrack 25

Today's design

● Usability method: Participatory Design● Select improvement (tab management)● Generate use cases● Rapid prototyping: wireframes / sketches● Presentation

Page 26: Hippo GetTogether Usability Sidetrack

20 Aug 2010Hippo GetTogether - Usability Sidetrack 26

Wrap up

My questions

Opinion on sidetrack?

Interested in participating in usability tests?

Your questions

... ?

Page 27: Hippo GetTogether Usability Sidetrack

20 Aug 2010Hippo GetTogether - Usability Sidetrack 27