ݺߣ

ݺߣShare a Scribd company logo
Użytkownik też człowiek
Czyli Usability w praktyce
Katarzyna Karus




                             digi_kate
Użytkownik vs twórca (oprogramowania)




                                        digi_kate
Usability i user experience

•  Usability – łatwość użycia, przyjazność
   dla użytkownika
•  User experience – doświadczenie
   użytkownika, całokształt odczuć
   towarzyszących korzystaniu z produktu




                                         digi_kate
Po co to wszystko?




                     digi_kate
Zasady   proces   narzędzia




                              digi_kate
1. Prowadź zrozumiały I naturalny dialog*
                                      *z	
 użytkownikiem	
 


 Staraj się by zadania stawiane
 użytkownikowi były krótkie,
 zrozumiałe i spójne z zadaniami,
 z którymi spotyka się na co dzień.
 Używaj terminologii, która jest
 zrozumiała dla użytkownika.




                                                        digi_kate
1. Prowadź zrozumiały I naturalny dialog




                                      digi_kate
2. Nie zmuszaj do zapamiętywania

 Nie wymagaj, by
 użytkownik zapamiętywał
 informacje prezentowane
 w witrynie. Zwłaszcza
 w przejściu między jedną
 a drugą stroną.


                                   digi_kate
2. Nie zmuszaj do zapamiętywania




                                   digi_kate
3. Zachowaj spójność

 Zachowaj spójność wewnątrz
 witryny, unikaj nadmiernej
 różnorodności wśród stron.
 Zachowaj spójność
 ze standardami
 i konwencjami w sieci.




                              digi_kate
3. Zachowaj spójność




                       digi_kate
4. Dbaj o estetykę I umiar

  Zadbaj o estetykę witryny nie
  zapominając, że najważniejsza
  jest treść.
  Unikaj nadmiaru ozdobników
  i zachowaj umiar
  w prezentowaniu informacji.



                                  digi_kate
4. Dbaj o estetykę I umiar




                             digi_kate
5. Niech akcja rodzi reakcję*
       *czy	
 też	
 „Przekazuj	
 status	
 systemu”	
 


  Spraw by witryna
  odpowiadała na czynności
  wykonywane przez
  użytkownika a jej status
  był odzwierciedlany na
  ekranie w czytelny sposób.




                                                             digi_kate
5. Niech akcja rodzi reakcję




                               digi_kate
6. Daj użytkownikowi pełną kontrolę

 Spraw by użytkownik miał
 możliwość powrotu z każdego
 wykonanego kroku i mógł
 naprawiać swoje błędy.

 Pozwól na cofanie lub
 anulowanie operacji.




                                      digi_kate
6. Daj użytkownikowi pełną kontrolę




                                      digi_kate
7. Zapewnij elastyczność I efektywność

 Pozwól użytkownikowi pracować
 szybko, zminimalizuj ilość
 kroków, przez które musi przejść
 by wykonać zadanie.
 Nie pokazuj początkującym
 użytkownikom wszystkich
 dostępnych opcji.




                                     digi_kate
7. Zapewnij elastyczność I efektywność




                                     digi_kate
8. Zapobiegaj błędom

 Pomóż użytkownikowi unikać
 błędów.
 Dostarczaj jasnych instrukcji
 by zapobiegać błędom
 i nieporozumieniom.
 Unikaj zagmatwania
 w nawigacji.




                                 digi_kate
8. Zapobiegaj błędom




                       digi_kate
9. Zapewnij ich skuteczną obsługę

  Pomóż użytkownikom rozpoznawać,
  analizować i radzić sobie z błędami.
  Stosuj komunikaty, które w jasny
  i przejrzysty sposób poinformują
  użytkownika o błędzie i wyjaśnią
  w jaki sposób można go naprawić.




                                         digi_kate
9. Zapewnij ich skuteczną obsługę




                                    digi_kate
10. Zadbaj o pomoc I dokumentację

  Zapewnij użytkownikom dostęp do
  pomocy, często zadawanych pytań
  (FAQ) i wskazówek.

  Jeśli użytkownik poczuje się zagubiony,
  powinien mieć możliwość szybkiego
  odnalezienia odpowiedzi na nurtujące
  go pytania.




                                            digi_kate
10. Zadbaj o pomoc I dokumentację




                                    digi_kate
Zasady     proces      narzędzia


User Centered Design
(Projektowanie
zorientowane na
użytkownika)




                                   digi_kate
User centered design

     PLANOWANIE
      I ANALIZA
                   projekt
                     lub
                  adaptacja
                                    implemen-
                                      tacja



                        ewaluacja
                                                gotowy
                                                produkt



                                                          digi_kate
User centered design

     PLANOWANIE
      I ANALIZA
                   projekt
                     lub
                  adaptacja
                                    implemen-
                                      tacja



                        ewaluacja
                                                gotowy
                                                produkt



                                                          digi_kate
User centered design

     PLANOWANIE
      I ANALIZA
                   projekt
                     lub
                  adaptacja
                                    implemen-
                                      tacja



                        ewaluacja
                                                gotowy
                                                produkt



                                                          digi_kate
User centered design

     PLANOWANIE
      I ANALIZA
                   projekt
                     lub
                  adaptacja
                                    implemen-
                                      tacja



                        ewaluacja
                                                gotowy
                                                produkt



                                                          digi_kate
User centered design

     PLANOWANIE
      I ANALIZA
                   projekt
                     lub
                  adaptacja
                                    implemen-
                                      tacja



                        ewaluacja
                                                gotowy
                                                produkt



                                                          digi_kate
User centered design

     PLANOWANIE
      I ANALIZA
                   projekt
                     lub
                  adaptacja
                                    implemen-
                                      tacja



                        ewaluacja
                                                gotowy
                                                produkt



                                                          digi_kate
Zasady   proces   narzędzia




                              digi_kate
Zasady   proces   narzędzia




                              digi_kate
Zasady   proces   narzędzia




                              digi_kate
Zasady   proces   narzędzia




                              digi_kate
Dziękuję za uwagę
Katarzyna karus

   katarzyna@hellostudio.eu
   www.hellostudio.eu




                              digi_kate

More Related Content

Viewers also liked (17)

PPT
Usability Engineering General guidelines
REHMAT ULLAH
PPT
User Experience & Design…Designing for others…UED
Preeti Chopra
PDF
DWO 2011 - Usability
Mikołaj Pastuszko
PDF
Brand Greece
Peter Economides
KEY
Usability Design: Because it's awesome
Jen Yu
PDF
Autoprezentacja dla tworzących prezentacje w powerpoint
prezentacjepower
PDF
"Le marketing RH & la communication de recrutement/fidélisation" #RARCI 2011
SpotPink
PDF
Linkare TI - Company Profile
Sergio_Fonseca
PDF
Chapinero
Politica Infancia
PDF
Detecting Drug Effects in the Brain
htstatistics
PPT
Books in my life
Ekaterina Kushnir
PPTX
Presentation5
TELICIA
PDF
Permen17 2013 fungsional dosen
Dagadul Hadi
PPT
Charben Alilio- AS Media evaluation and research
charben92
PPTX
Computer consulting project cowens
codyowens
PPT
University of Wollongong - Peter Eklund
Collaborative Solutions
PPT
Destination NSW - Chris Rivett
Collaborative Solutions
Usability Engineering General guidelines
REHMAT ULLAH
User Experience & Design…Designing for others…UED
Preeti Chopra
DWO 2011 - Usability
Mikołaj Pastuszko
Brand Greece
Peter Economides
Usability Design: Because it's awesome
Jen Yu
Autoprezentacja dla tworzących prezentacje w powerpoint
prezentacjepower
"Le marketing RH & la communication de recrutement/fidélisation" #RARCI 2011
SpotPink
Linkare TI - Company Profile
Sergio_Fonseca
Detecting Drug Effects in the Brain
htstatistics
Books in my life
Ekaterina Kushnir
Presentation5
TELICIA
Permen17 2013 fungsional dosen
Dagadul Hadi
Charben Alilio- AS Media evaluation and research
charben92
Computer consulting project cowens
codyowens
University of Wollongong - Peter Eklund
Collaborative Solutions
Destination NSW - Chris Rivett
Collaborative Solutions

Similar to Usability w praktyce WordCamp2012 (PL) (20)

PDF
User-centered design
Michal Zylinski
PDF
Usability w sektorze finansowym
Wiesław Kotecki
PDF
Projektowanie ergonomicznych interfejsów użytkownika
Maciej Lipiec
PDF
Projektowanie UI - Hubert Rutkowski
SKN Shader
PDF
WrocLOVE Geek Girls Carrots - Walcząc ze złym smokiem
WITFLOW
PDF
Redesign Amica.pl Studium przypadku - WUD 2009 - Iga Mościchowska
Iga Mościchowska
PDF
Researcher / Product Owner (WUD 2012)
Bartosz Mozyrko
PDF
Cykl zycia projektu w metodologii User Centered Design
Magdalena Ostoja-Chyżyńska
PDF
Prezentacja dla GTUG Polska 2012
Agata Cieślar (Pasikowska)
PPT
Zabawa w agencję interaktywną. Projekt od A do Z. Tomasz Karwatka, Divante i ...
Biznes 2.0
PPT
Warsztat: Zabawa w agencję interaktywną. Projekt od A do Z.
Tomasz Karwatka
PDF
Case study Pekao24 - K2 User Experience
Maciej Lipiec
PDF
Badania użyteczności prawie jak rocket science
UXbite
PPT
Aim szkolenie
Michał Zająkała
PDF
Projektowanie aplikacji mobilnych na potrzeby ochrony zdrowia - Grzegorz Kucz...
Wydział ds. eZdrowia, Departament Polityki Zdrowotnej, Urząd Marszałkowski w Łodzi
PDF
Dlaczego warto inwestować w usability i ux
WITFLOW
PDF
Użyteczność sklepów internetowych
Media4U
PDF
Design thinking - jak zaprojektować dobrą zabawę, którą pokochają Twoi klienci
Design thinking
PDF
Paulina Rzymska, Marcin Piotrowski "Playmobile pl case study Polish IA Summit"
UseLab
PDF
Redesign Playmobile.pl - Polish IA Summit 2011
Paulina Rzymska
User-centered design
Michal Zylinski
Usability w sektorze finansowym
Wiesław Kotecki
Projektowanie ergonomicznych interfejsów użytkownika
Maciej Lipiec
Projektowanie UI - Hubert Rutkowski
SKN Shader
WrocLOVE Geek Girls Carrots - Walcząc ze złym smokiem
WITFLOW
Redesign Amica.pl Studium przypadku - WUD 2009 - Iga Mościchowska
Iga Mościchowska
Researcher / Product Owner (WUD 2012)
Bartosz Mozyrko
Cykl zycia projektu w metodologii User Centered Design
Magdalena Ostoja-Chyżyńska
Prezentacja dla GTUG Polska 2012
Agata Cieślar (Pasikowska)
Zabawa w agencję interaktywną. Projekt od A do Z. Tomasz Karwatka, Divante i ...
Biznes 2.0
Warsztat: Zabawa w agencję interaktywną. Projekt od A do Z.
Tomasz Karwatka
Case study Pekao24 - K2 User Experience
Maciej Lipiec
Badania użyteczności prawie jak rocket science
UXbite
Aim szkolenie
Michał Zająkała
Projektowanie aplikacji mobilnych na potrzeby ochrony zdrowia - Grzegorz Kucz...
Wydział ds. eZdrowia, Departament Polityki Zdrowotnej, Urząd Marszałkowski w Łodzi
Dlaczego warto inwestować w usability i ux
WITFLOW
Użyteczność sklepów internetowych
Media4U
Design thinking - jak zaprojektować dobrą zabawę, którą pokochają Twoi klienci
Design thinking
Paulina Rzymska, Marcin Piotrowski "Playmobile pl case study Polish IA Summit"
UseLab
Redesign Playmobile.pl - Polish IA Summit 2011
Paulina Rzymska
Ad

Usability w praktyce WordCamp2012 (PL)

  • 1. Użytkownik też człowiek Czyli Usability w praktyce Katarzyna Karus digi_kate
  • 2. Użytkownik vs twórca (oprogramowania) digi_kate
  • 3. Usability i user experience •  Usability – łatwość użycia, przyjazność dla użytkownika •  User experience – doświadczenie użytkownika, całokształt odczuć towarzyszących korzystaniu z produktu digi_kate
  • 4. Po co to wszystko? digi_kate
  • 5. Zasady proces narzędzia digi_kate
  • 6. 1. Prowadź zrozumiały I naturalny dialog* *z użytkownikiem Staraj się by zadania stawiane użytkownikowi były krótkie, zrozumiałe i spójne z zadaniami, z którymi spotyka się na co dzień. Używaj terminologii, która jest zrozumiała dla użytkownika. digi_kate
  • 7. 1. Prowadź zrozumiały I naturalny dialog digi_kate
  • 8. 2. Nie zmuszaj do zapamiętywania Nie wymagaj, by użytkownik zapamiętywał informacje prezentowane w witrynie. Zwłaszcza w przejściu między jedną a drugą stroną. digi_kate
  • 9. 2. Nie zmuszaj do zapamiętywania digi_kate
  • 10. 3. Zachowaj spójność Zachowaj spójność wewnątrz witryny, unikaj nadmiernej różnorodności wśród stron. Zachowaj spójność ze standardami i konwencjami w sieci. digi_kate
  • 12. 4. Dbaj o estetykę I umiar Zadbaj o estetykę witryny nie zapominając, że najważniejsza jest treść. Unikaj nadmiaru ozdobników i zachowaj umiar w prezentowaniu informacji. digi_kate
  • 13. 4. Dbaj o estetykę I umiar digi_kate
  • 14. 5. Niech akcja rodzi reakcję* *czy też „Przekazuj status systemu” Spraw by witryna odpowiadała na czynności wykonywane przez użytkownika a jej status był odzwierciedlany na ekranie w czytelny sposób. digi_kate
  • 15. 5. Niech akcja rodzi reakcję digi_kate
  • 16. 6. Daj użytkownikowi pełną kontrolę Spraw by użytkownik miał możliwość powrotu z każdego wykonanego kroku i mógł naprawiać swoje błędy. Pozwól na cofanie lub anulowanie operacji. digi_kate
  • 17. 6. Daj użytkownikowi pełną kontrolę digi_kate
  • 18. 7. Zapewnij elastyczność I efektywność Pozwól użytkownikowi pracować szybko, zminimalizuj ilość kroków, przez które musi przejść by wykonać zadanie. Nie pokazuj początkującym użytkownikom wszystkich dostępnych opcji. digi_kate
  • 19. 7. Zapewnij elastyczność I efektywność digi_kate
  • 20. 8. Zapobiegaj błędom Pomóż użytkownikowi unikać błędów. Dostarczaj jasnych instrukcji by zapobiegać błędom i nieporozumieniom. Unikaj zagmatwania w nawigacji. digi_kate
  • 22. 9. Zapewnij ich skuteczną obsługę Pomóż użytkownikom rozpoznawać, analizować i radzić sobie z błędami. Stosuj komunikaty, które w jasny i przejrzysty sposób poinformują użytkownika o błędzie i wyjaśnią w jaki sposób można go naprawić. digi_kate
  • 23. 9. Zapewnij ich skuteczną obsługę digi_kate
  • 24. 10. Zadbaj o pomoc I dokumentację Zapewnij użytkownikom dostęp do pomocy, często zadawanych pytań (FAQ) i wskazówek. Jeśli użytkownik poczuje się zagubiony, powinien mieć możliwość szybkiego odnalezienia odpowiedzi na nurtujące go pytania. digi_kate
  • 25. 10. Zadbaj o pomoc I dokumentację digi_kate
  • 26. Zasady proces narzędzia User Centered Design (Projektowanie zorientowane na użytkownika) digi_kate
  • 27. User centered design PLANOWANIE I ANALIZA projekt lub adaptacja implemen- tacja ewaluacja gotowy produkt digi_kate
  • 28. User centered design PLANOWANIE I ANALIZA projekt lub adaptacja implemen- tacja ewaluacja gotowy produkt digi_kate
  • 29. User centered design PLANOWANIE I ANALIZA projekt lub adaptacja implemen- tacja ewaluacja gotowy produkt digi_kate
  • 30. User centered design PLANOWANIE I ANALIZA projekt lub adaptacja implemen- tacja ewaluacja gotowy produkt digi_kate
  • 31. User centered design PLANOWANIE I ANALIZA projekt lub adaptacja implemen- tacja ewaluacja gotowy produkt digi_kate
  • 32. User centered design PLANOWANIE I ANALIZA projekt lub adaptacja implemen- tacja ewaluacja gotowy produkt digi_kate
  • 33. Zasady proces narzędzia digi_kate
  • 34. Zasady proces narzędzia digi_kate
  • 35. Zasady proces narzędzia digi_kate
  • 36. Zasady proces narzędzia digi_kate
  • 37. Dziękuję za uwagę Katarzyna karus katarzyna@hellostudio.eu www.hellostudio.eu digi_kate