UX Camp Berlin 2013 - Hands-on UX

37
Hands-on UX A curated list of usability guidelines with practicle examples. UX Camp Berlin 2013 Rahel Vils & Reto Lämmler www.testingtime.net

description

Presentation from www.testingtime.net at UX Berlin 2013 about UX Guidelines with practical examples.

Transcript of UX Camp Berlin 2013 - Hands-on UX

Page 1: UX Camp Berlin 2013 - Hands-on UX

Hands-on UXA curated list of usability guidelines with practicle examples.

UX Camp Berlin 2013Rahel Vils & Reto Lämmlerwww.testingtime.net

Page 2: UX Camp Berlin 2013 - Hands-on UX

Make the site’s purpose obvious:

Explain who you are and what you do.

Page 3: UX Camp Berlin 2013 - Hands-on UX
Page 4: UX Camp Berlin 2013 - Hands-on UX
Page 5: UX Camp Berlin 2013 - Hands-on UX

Pick your battle:Do one thing but do it right.

Page 6: UX Camp Berlin 2013 - Hands-on UX
Page 7: UX Camp Berlin 2013 - Hands-on UX
Page 8: UX Camp Berlin 2013 - Hands-on UX

Don‘t make the user think:Provide one primary call for action.

Page 9: UX Camp Berlin 2013 - Hands-on UX
Page 10: UX Camp Berlin 2013 - Hands-on UX
Page 11: UX Camp Berlin 2013 - Hands-on UX

Help Users Find What They Need:Make the moste relevant content accessible.

Page 12: UX Camp Berlin 2013 - Hands-on UX
Page 13: UX Camp Berlin 2013 - Hands-on UX
Page 14: UX Camp Berlin 2013 - Hands-on UX
Page 15: UX Camp Berlin 2013 - Hands-on UX
Page 16: UX Camp Berlin 2013 - Hands-on UX

Keep users always informed about what is going on:Through appropriate feedback within reasonable time.

Page 17: UX Camp Berlin 2013 - Hands-on UX

+_

SMS Whatsapp

Page 18: UX Camp Berlin 2013 - Hands-on UX

Give users what they want – And a little more:Leave a positive impression in which you exceed the expectations of the user.

Page 19: UX Camp Berlin 2013 - Hands-on UX
Page 20: UX Camp Berlin 2013 - Hands-on UX
Page 21: UX Camp Berlin 2013 - Hands-on UX

Make the information easy to digest: Break the text up into smaller segments and use plenty of sub-headings.

Page 22: UX Camp Berlin 2013 - Hands-on UX
Page 23: UX Camp Berlin 2013 - Hands-on UX
Page 24: UX Camp Berlin 2013 - Hands-on UX

Don‘t distract the user from the main goal:Place ads only necessary and if beneficial.

Page 25: UX Camp Berlin 2013 - Hands-on UX
Page 26: UX Camp Berlin 2013 - Hands-on UX
Page 27: UX Camp Berlin 2013 - Hands-on UX

Stay consistent and use standard elements:Users should not have to wonder whether different words, situations, or actions mean the same thing.

Page 28: UX Camp Berlin 2013 - Hands-on UX
Page 29: UX Camp Berlin 2013 - Hands-on UX
Page 30: UX Camp Berlin 2013 - Hands-on UX

Be AuthenticPeople sense if something is real or not.

Page 31: UX Camp Berlin 2013 - Hands-on UX
Page 32: UX Camp Berlin 2013 - Hands-on UX
Page 33: UX Camp Berlin 2013 - Hands-on UX
Page 34: UX Camp Berlin 2013 - Hands-on UX

Effective user testing isn‘t extensive nor expensive.

Five users reveal 85% of all problems.15 users would find pretty much all problems.

And any testing is still better than no testing!

Page 35: UX Camp Berlin 2013 - Hands-on UX
Page 36: UX Camp Berlin 2013 - Hands-on UX

ConclusionWork less with assumptions, do more user testing.

Page 37: UX Camp Berlin 2013 - Hands-on UX

Thank you, Dankeschön, Merci, Graçias

www.testingtime.net – We recruit your test users.