Ako zapojiť UX
do vývoja SW
Martin Krupa

22. november 2013
Cieľ:
Aby vaše aplikácie používatelia radi používali. A aby ste
ich mali hotové v dohodnutom termíne.
Obsah
1. Čo je usability/použiteľnosť?
2. Prečo a ako zapojiť UX do vývoja softvéru?
3. UX v projekte NEV (Národná evidenc...
ui42 – more than 15 years with web
•

The biggest job portal in Slovakia (stared in ui42 in 1997). Profesia was
later sold...
ui42 & usability
Already 52 #usability sessions: 84 days, 435 users, 29 clients
ui42 – dream team
Martin Krupa & usability
• Martin Krupa je riaditeľ spoločnosti ui42.
• Internetu a webom sa venuje profesionálne od roku ...
1. Čo je usability/použiteľnosť?
What is usability?
Usability is a term used to denote the ease
with which people can employ a particular
tool or other hum...
Usability according to Jakob Nielsen
Usability is a quality attribute that assesses how easy user interfaces
are to use.
Usability according to Jakob Nielsen
Learnability
How easy is it for users to accomplish basic tasks the first time they
e...
Usability according to Jakob Nielsen
Efficiency
Once users have learned the design, how quickly can they perform
tasks?
Usability according to Jakob Nielsen
Memorability
When users return to the design after a period of not using it, how
easi...
Usability according to Jakob Nielsen
Errors
How many errors do users make, how severe are these errors, and
how easily can...
Usability according to Jakob Nielsen
Satisfaction
How pleasant is it to use the design?
Usability according to Jakob Nielsen
Usability is a quality attribute that assesses how easy user interfaces
are to use.
U...
Terms & abbreviations
Usability
HCI – Human Computer Interaction

UCD – User Centered Design
UX – User Experience
Usability a slovenčina
usability vs. accessibility
použiteľnosť vs. prístupnosť
Prístupnosť webov a aplikácií
• Aplikácie prístupné a použiteľné pre všetkých ľudí,
starších aj handikepovaných (zrakovo, ...
2. Prečo a ako zapojiť UX do
vývoja softvéru?
Focus on user
"Why all this user stuff? We know who our
average user is."
Focus on user
There is no average user!
We design for other type of people
Effective Process = Good Product
Old: Waterfall methodology
• Sequential
• Not cooperative
• Requirement
specifications ar...
Fast Track
1.
2.
3.
4.

Gather requirements
Brainstorm
Design & Prototype
User Test

• Designers stay one and only one ste...
You Cannot Design Alone
•
•
•
•

Work with project team
Find allies in marketing etc.
Get together with colleagues at work...
Winning Usability Methods
•
•
•
•
•
•
•
•

Iterative design
User sitting in on support calls
Field studies: Watching users...
3. Využitie UX v projekte NEV
(Národná evidencia vozidiel)
NEV: Špecifiká a výzvy
•
•
•
•
•
•

Neštandardné používanie: v aute, aj v noci, často
pod stresom.
Vloženie aplikácie do i...
NEV: Skice
NEV: Mapa procesov

<+1>
NEV: Vizuálny dizajn
NEV: User Interface Design Manual
Ako dopadla kontrola?
Ako dopadla kontrola?
Problém s diakritikou
Problém s diakritikou: riešenie č.1
Problém s diakritikou: riešenie č.2
Problém s diakritikou: výsledné
riešenie
NEV: Testovanie použiteľnosti
•
•
•
•

Používateľské testovanie funkčného prototypu priamo policajtami z terénu.
Testovani...
NEV: Postup pri realizácii – Agile & UX

<+1>
NEV: Výsledok

<+1>
Piece of Advice
• Archive screenshots & notes
• Photo of the team at the end of project
Usability at ui42
•
•
•
•
•
•
•
•
•
•
•
•

Information Architecture
Personas
Usability Review/Analysis/Audit
Usability Tes...
Mobile Usability

http://www.slideshare.net/ui42/ui42-mobilerulezz-mobileusability-workshop-20130423
Contact

Martin Krupa
krupa@ui42.sk
www.ui42.sk/usability
www.ui42.sk/blog
twitter: @martinkrupa
+421 905 403 728

PLS sha...
ui42 BITE Pro Martin Krupa Ako zapojiť UX do vývoja SW
ui42 BITE Pro Martin Krupa Ako zapojiť UX do vývoja SW
ui42 BITE Pro Martin Krupa Ako zapojiť UX do vývoja SW
ui42 BITE Pro Martin Krupa Ako zapojiť UX do vývoja SW
ui42 BITE Pro Martin Krupa Ako zapojiť UX do vývoja SW
ui42 BITE Pro Martin Krupa Ako zapojiť UX do vývoja SW
ui42 BITE Pro Martin Krupa Ako zapojiť UX do vývoja SW
ui42 BITE Pro Martin Krupa Ako zapojiť UX do vývoja SW
ui42 BITE Pro Martin Krupa Ako zapojiť UX do vývoja SW
ui42 BITE Pro Martin Krupa Ako zapojiť UX do vývoja SW
ui42 BITE Pro Martin Krupa Ako zapojiť UX do vývoja SW
ui42 BITE Pro Martin Krupa Ako zapojiť UX do vývoja SW
ui42 BITE Pro Martin Krupa Ako zapojiť UX do vývoja SW
ui42 BITE Pro Martin Krupa Ako zapojiť UX do vývoja SW
ui42 BITE Pro Martin Krupa Ako zapojiť UX do vývoja SW
ui42 BITE Pro Martin Krupa Ako zapojiť UX do vývoja SW
ui42 BITE Pro Martin Krupa Ako zapojiť UX do vývoja SW
ui42 BITE Pro Martin Krupa Ako zapojiť UX do vývoja SW
ui42 BITE Pro Martin Krupa Ako zapojiť UX do vývoja SW
ui42 BITE Pro Martin Krupa Ako zapojiť UX do vývoja SW
ui42 BITE Pro Martin Krupa Ako zapojiť UX do vývoja SW
ui42 BITE Pro Martin Krupa Ako zapojiť UX do vývoja SW
ui42 BITE Pro Martin Krupa Ako zapojiť UX do vývoja SW
ui42 BITE Pro Martin Krupa Ako zapojiť UX do vývoja SW
ui42 BITE Pro Martin Krupa Ako zapojiť UX do vývoja SW
ui42 BITE Pro Martin Krupa Ako zapojiť UX do vývoja SW
ui42 BITE Pro Martin Krupa Ako zapojiť UX do vývoja SW
Upcoming SlideShare
Loading in …5
×

ui42 BITE Pro Martin Krupa Ako zapojiť UX do vývoja SW

313
-1

Published on

BITE Pro 2013: Martin Krupa z ui42 rozprava o tom, ako zapojit UX postupy do vyvoja softveru. Zalozene na skusenostiach s UX projektami od roku 2008.

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

  • Be the first to like this

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

No notes for slide

ui42 BITE Pro Martin Krupa Ako zapojiť UX do vývoja SW

  1. 1. Ako zapojiť UX do vývoja SW Martin Krupa 22. november 2013
  2. 2. Cieľ: Aby vaše aplikácie používatelia radi používali. A aby ste ich mali hotové v dohodnutom termíne.
  3. 3. Obsah 1. Čo je usability/použiteľnosť? 2. Prečo a ako zapojiť UX do vývoja softvéru? 3. UX v projekte NEV (Národná evidencia vozidiel)
  4. 4. ui42 – more than 15 years with web • The biggest job portal in Slovakia (stared in ui42 in 1997). Profesia was later sold to the British media company Daily Mail and General Trust who also owns www.jobsite.co.uk. • First Slovak content management system Buxus (1999) has been running on more than 200 webs and at least 1000 active users work with Buxus daily. (SK, CZ, NL, UK) • ui42 is the pioneer of Usability in Slovakia. We use think aloud metodology based on Nielsen Norman Group. • ui42 was nominated for the European Business Awards in the category Innovation of the year 2010 and 2011 for web usability testing in the category Innovation of the year. Top 10 Country Representatives • Google Certified Partner
  5. 5. ui42 & usability Already 52 #usability sessions: 84 days, 435 users, 29 clients
  6. 6. ui42 – dream team
  7. 7. Martin Krupa & usability • Martin Krupa je riaditeľ spoločnosti ui42. • Internetu a webom sa venuje profesionálne od roku 1996. • Zaujíma ho najmä oblasť user experience (UX) alebo usability, po slovensky použiteľnosť webov, webových aplikácii, intranetov ale aj softvéru vôbec. • Vedie Seminár o komplexných webových aplikáciach na Fakulte matematiky, fyziky a informatiky Univerzity Komenského v Bratislave. • Konzultuje rozvoj webov a online komunikáciu pre viacero neziskových organizácii. • Je členom Slovenskej informatickej spoločnosti. • Organizuje programátorsky krúžok na ZŠ. • Od roku 2011 organizuje World Usability Day na Slovensku.
  8. 8. 1. Čo je usability/použiteľnosť?
  9. 9. What is usability? Usability is a term used to denote the ease with which people can employ a particular tool or other human-made object in order to achieve a particular goal.
  10. 10. Usability according to Jakob Nielsen Usability is a quality attribute that assesses how easy user interfaces are to use.
  11. 11. Usability according to Jakob Nielsen Learnability How easy is it for users to accomplish basic tasks the first time they encounter the design?
  12. 12. Usability according to Jakob Nielsen Efficiency Once users have learned the design, how quickly can they perform tasks?
  13. 13. Usability according to Jakob Nielsen Memorability When users return to the design after a period of not using it, how easily can they reestablish proficiency?
  14. 14. Usability according to Jakob Nielsen Errors How many errors do users make, how severe are these errors, and how easily can they recover from the errors?
  15. 15. Usability according to Jakob Nielsen Satisfaction How pleasant is it to use the design?
  16. 16. Usability according to Jakob Nielsen Usability is a quality attribute that assesses how easy user interfaces are to use. Usability is defined by 5 quality components: 1.Learnability: How easy is it for users to accomplish basic tasks the first time they encounter the design? 2.Efficiency: Once users have learned the design, how quickly can they perform tasks? 3.Memorability: When users return to the design after a period of not using it, how easily can they reestablish proficiency? 4.Errors: How many errors do users make, how severe are these errors, and how easily can they recover from the errors? 5.Satisfaction: How pleasant is it to use the design?
  17. 17. Terms & abbreviations Usability HCI – Human Computer Interaction UCD – User Centered Design UX – User Experience
  18. 18. Usability a slovenčina usability vs. accessibility použiteľnosť vs. prístupnosť
  19. 19. Prístupnosť webov a aplikácií • Aplikácie prístupné a použiteľné pre všetkých ľudí, starších aj handikepovaných (zrakovo, sluchovo, motoricky) • Štandardy s odporúčaniami pre správny návrh, implementáciu a aktualizáciu obsahu - Web Content Accessibility Guidelines 2.0 • Prístupnosť webov verejnej správy upravuje Výnos MF SR o štandardoch pre informačné systémy verejnej správy [č. 312/2010 Z. z.]
  20. 20. 2. Prečo a ako zapojiť UX do vývoja softvéru?
  21. 21. Focus on user "Why all this user stuff? We know who our average user is."
  22. 22. Focus on user There is no average user!
  23. 23. We design for other type of people
  24. 24. Effective Process = Good Product Old: Waterfall methodology • Sequential • Not cooperative • Requirement specifications are always wrong. • Slow, slow, slow New: Fast track methodology • Simultaneous • Team based • Cooperative • Fast • „Agile Usability Engineering“
  25. 25. Fast Track 1. 2. 3. 4. Gather requirements Brainstorm Design & Prototype User Test • Designers stay one and only one step ahead of the engineers • Designers start on second release while engineers still completing first release • Taking first step …
  26. 26. You Cannot Design Alone • • • • Work with project team Find allies in marketing etc. Get together with colleagues at work Inhouse team, agency for consulting, designing a part or user testing • Your app lives in ecosystem of other apps: eg. Know your design landscape - how much space you have • Show users your prototypes frequently • Use-test frequently
  27. 27. Winning Usability Methods • • • • • • • • Iterative design User sitting in on support calls Field studies: Watching users work Information architecture Sketching Paper prototype & its testing Wireframes & its testing User testing: Do user testing as soon as you have wireframes or prototypes.
  28. 28. 3. Využitie UX v projekte NEV (Národná evidencia vozidiel)
  29. 29. NEV: Špecifiká a výzvy • • • • • • Neštandardné používanie: v aute, aj v noci, často pod stresom. Vloženie aplikácie do interfejsu celej tabletovej aplikácie spoločnosti Frequentis. Využiteľný priestor len 1024x500 pixelov. Potenciálne pomalé spojenie aplikácie s centrálnymi servermi (napr. pomalé načítanie fotiek). Hardvérová klávesnica Softvérová klávesnica navrhnutá iným dodávateľom <+1>
  30. 30. NEV: Skice
  31. 31. NEV: Mapa procesov <+1>
  32. 32. NEV: Vizuálny dizajn
  33. 33. NEV: User Interface Design Manual
  34. 34. Ako dopadla kontrola?
  35. 35. Ako dopadla kontrola?
  36. 36. Problém s diakritikou
  37. 37. Problém s diakritikou: riešenie č.1
  38. 38. Problém s diakritikou: riešenie č.2
  39. 39. Problém s diakritikou: výsledné riešenie
  40. 40. NEV: Testovanie použiteľnosti • • • • Používateľské testovanie funkčného prototypu priamo policajtami z terénu. Testovanie prebehlo v usability laboratóriu ui42. Pozorovania sa zúčastnili aj pracovníci vedenia polície. Reálni používatelia aplikácie tak boli súčasťou vývoja SW projektu, čo je jeden zo základných princípov UCD (User Centered Design). <+1>
  41. 41. NEV: Postup pri realizácii – Agile & UX <+1>
  42. 42. NEV: Výsledok <+1>
  43. 43. Piece of Advice • Archive screenshots & notes • Photo of the team at the end of project
  44. 44. Usability at ui42 • • • • • • • • • • • • Information Architecture Personas Usability Review/Analysis/Audit Usability Testing Sketches Wireframes & Mockups Visual graphical design HTML prototypes User Interface GUI Interaction Style Web Analytics A/B testing Accessibility Audit <+1>
  45. 45. Mobile Usability http://www.slideshare.net/ui42/ui42-mobilerulezz-mobileusability-workshop-20130423
  46. 46. Contact Martin Krupa krupa@ui42.sk www.ui42.sk/usability www.ui42.sk/blog twitter: @martinkrupa +421 905 403 728 PLS share with me usability failures from your daily life!

×