SlideShare a Scribd company logo
1 of 39
User Experience a
Použitelnost
Josef Holý
Designer
Sun Microsystems Czech
User Experience (UX):


Kvalita dojmu/zážitku,
 který daná osoba nabyde
 při interakci s určitým
 designem.
                        - uxnet.org
Evoluce Uživatele
Evoluce Uživatelské Zkušenosti




30 000 př.n.l.         2000 n.l.
Evoluce Uživatelské Zkušenosti




    1000 000 př.n.l.       2000 n.l.
Pokud je použitá technologie
dostačující, dominuje User
Experience.
                  -Donald Norman(1998)




                X
Použitelnost:


Míra jednoduchosti využití
 daného nástroje/objektu
 pro realizaci určitého
 cíle.
UX vs. Použitelnost
UX = Široký a poměrně abstraktní pojem
  End-to-End - Vše od reklamy, přes balení až po vlastní
    produkt
  Emoce, dojmy → vzhled → cílové skupiny

Použitelnost = Jádro UX
  Míra → měřitelné (počet kroků, čas...)
  Míra → testovatelné (testování použitelnosti)
  Efektivita systému “interface+člověk”
Cíl: Únik z hořící FN Motol
Nástroj:
 Nástěnné schéma

Míra:
 Čas evakuace/
 Počet uhořelých
 lidí
Cesta k použitelnosti:


   User-Centered Design
          (UCD)
Co je to User-Centered Design?
(SW) Development metoda
Optimalizace uživatelského rozhraní pro potřeby,
  přání a omezení uživatele
Uživatele nenutit, přizpůsobit se mu
Uživatel je v centru zájmu
Vzhled + Interakce
  Interakční design
UCD Rovnováha/Spojité nádoby
Fáze UCD
Může být UCD Agilní?
Product Owner Team
              Iteration 0                      Iteration 1                                      Iteration 2            Iteration 3
           Planning                      Support Iteration                           Support Iteration            Support iteration
           Data gathering               1 development                               2 development                3 development
           High-level design             Design Iteration 2                          Design Iteration 3           Design iteration 4
                                        features                                    features                     features
           Design for
                 iteration 1             Gather user input                           Gather user input            Gather user input
                 features               for iteration 3                                    for iteration 4              for iteration 5
                                        features                                           features                     features
                                                                                     Validate Iteration           Validate iteration

                                                                  Fe ugs ty te
                                                    Support DEV

                                                                                           1 features                   1-2 features
                                                                   + b ab il i
                                                                    atu fo sti
                                                                    us
                            Fe




                                                                       re und ng
                               atu




                                                                                            s
                                                                           D e in




                                                                                                    Support
                                                                                         re
                                re




                                                                                    tu
                                                                               sig


                                                                                                     DEV
                                   d




                                                                                 fea
                                     es




Development Team                                                                   n
                                       ign




                                                                        d   ed
                                                                     Co
           Dev environment                   Implement                                    Implement                Implement
                  setup                            Iteration 1                                     iteration 2             iteration 3
                                                   features                                        features                features
           Architectural
                  “spikes”                                                                fix iteration 1          Fix iteration 2
                                                                                                   bugs if any             bugs if any



                                                                                                                         slideshare.net/LaneHalley
Pozor na “Features”




             (http://headrush.typepad.com/creating_passionate_users)
Features ovlivňují UI
Features jsou jen nástroje
       pro realizaci
      “User Story”
User Story (US) = Klíčový koncept
UCD
Dříve 'requirements', v UCD 'Use Cases', v Agile
 'User Story'
User Story = věta popisující uživatelova přání a
 potřeby, jeho vlastním jazykem
  Obvykle začínají 'Uživatel chce...'
  Příklad: “Uživatel chce mít možnost zakázat svému šéfovi
    přístup k fotkám z dovolené”
Každé US je v konečném produktu reprezentováno
 určitým WorkFlow.
  Workflow by měl být plynulý.
Nestavme přehrady na
     tocích práce.
Flow (psychologie)
“Být kompletně pohlcen nějakou činností.
  Ego odpadá. Čas letí.
 Akce, pohyby a myšlenky vycházejí z předchozích,
 jako při hraní Jazzu.

 Vaše celá bytost je pohlcena, zapojena a využíváte
 svých schopností na maximum.”
                                 - Mihaly Csikszentmihalyi
Flow – Challenge vs. Skills
UCD je životní filozofie.

Jsme obklopeni špatně
  nadesignovanými
       objekty
Kolik lidí zbytečně
 způsobí dopravní
     nehodu?
Co je tady špatně?
Nejefektivnější rozhraní pro auto?




                               Zdroj: irreference.com
User Story pro auto.
                       DOPŘEDU!
                       !@#$*#^*
                          %!




                                  Zdroj: wired.com
Řešení: Automatická převodovka




                             (zdroj: BMW.com)
Design podle Babicy




                      super.cz
Řešení: Nevymýšlet 'trakař'
Díky za pozornost!

twitter.com/holyj

More Related Content

Viewers also liked

Kreativita jako součást user experience - Jan Jelínek
Kreativita jako součást user experience - Jan JelínekKreativita jako součást user experience - Jan Jelínek
Kreativita jako součást user experience - Jan JelínekAsociace UX (Prague ACM SIGCHI)
 
UX mindset – aneb jak dělat digitální projekty pořádně
UX mindset – aneb jak dělat digitální projekty pořádněUX mindset – aneb jak dělat digitální projekty pořádně
UX mindset – aneb jak dělat digitální projekty pořádněJakub Krčmář
 
Design studio: workshop k webu Asociace UX
Design studio: workshop k webu Asociace UXDesign studio: workshop k webu Asociace UX
Design studio: workshop k webu Asociace UXHelena Šimková
 
Stahování z utb katalogu v prostředí ref works
Stahování z utb katalogu v prostředí ref worksStahování z utb katalogu v prostředí ref works
Stahování z utb katalogu v prostředí ref worksKnihovnaUTB
 
Stav českého UX
Stav českého UXStav českého UX
Stav českého UXExperienceU
 
Proč UX? Ergonomie pro weby a e-shopy
Proč UX? Ergonomie pro weby a e-shopyProč UX? Ergonomie pro weby a e-shopy
Proč UX? Ergonomie pro weby a e-shopyIvo Kylián
 
UX není cesta, ale cíl
UX není cesta, ale cílUX není cesta, ale cíl
UX není cesta, ale cílLukas Marvan
 
Linkbuilding a UX - Designéři informačních služeb na KISKu
Linkbuilding a UX - Designéři informačních služeb na KISKuLinkbuilding a UX - Designéři informačních služeb na KISKu
Linkbuilding a UX - Designéři informačních služeb na KISKuTaste Medio
 
Přehled metod UX výzkumu
Přehled metod UX výzkumuPřehled metod UX výzkumu
Přehled metod UX výzkumuExperienceU
 
Cesta k dokonalému UX in-car aplikace
Cesta k dokonalému UX in-car aplikaceCesta k dokonalému UX in-car aplikace
Cesta k dokonalému UX in-car aplikaceeMan s.r.o.
 
UX z pohledu tvůrce webové aplikace
UX z pohledu tvůrce webové aplikaceUX z pohledu tvůrce webové aplikace
UX z pohledu tvůrce webové aplikacejan korbel
 

Viewers also liked (20)

Kreativita jako součást user experience - Jan Jelínek
Kreativita jako součást user experience - Jan JelínekKreativita jako součást user experience - Jan Jelínek
Kreativita jako součást user experience - Jan Jelínek
 
UX mindset – aneb jak dělat digitální projekty pořádně
UX mindset – aneb jak dělat digitální projekty pořádněUX mindset – aneb jak dělat digitální projekty pořádně
UX mindset – aneb jak dělat digitální projekty pořádně
 
Design studio: workshop k webu Asociace UX
Design studio: workshop k webu Asociace UXDesign studio: workshop k webu Asociace UX
Design studio: workshop k webu Asociace UX
 
Stahování z utb katalogu v prostředí ref works
Stahování z utb katalogu v prostředí ref worksStahování z utb katalogu v prostředí ref works
Stahování z utb katalogu v prostředí ref works
 
Oční pohyby a jejich interpretace - Vratislav Fabián
Oční pohyby a jejich interpretace - Vratislav FabiánOční pohyby a jejich interpretace - Vratislav Fabián
Oční pohyby a jejich interpretace - Vratislav Fabián
 
Aplikace pro rozpoznávání řeči - Jan Šedivý
Aplikace pro rozpoznávání řeči - Jan ŠedivýAplikace pro rozpoznávání řeči - Jan Šedivý
Aplikace pro rozpoznávání řeči - Jan Šedivý
 
Interakční design v urbánním prostoru
Interakční design v urbánním prostoruInterakční design v urbánním prostoru
Interakční design v urbánním prostoru
 
Stav českého UX
Stav českého UXStav českého UX
Stav českého UX
 
Plány Asociace UX na rok 2015
Plány Asociace UX na rok 2015Plány Asociace UX na rok 2015
Plány Asociace UX na rok 2015
 
Proč UX? Ergonomie pro weby a e-shopy
Proč UX? Ergonomie pro weby a e-shopyProč UX? Ergonomie pro weby a e-shopy
Proč UX? Ergonomie pro weby a e-shopy
 
Ceny UX služeb v ČR
Ceny UX služeb v ČRCeny UX služeb v ČR
Ceny UX služeb v ČR
 
UX není cesta, ale cíl
UX není cesta, ale cílUX není cesta, ale cíl
UX není cesta, ale cíl
 
Linkbuilding a UX - Designéři informačních služeb na KISKu
Linkbuilding a UX - Designéři informačních služeb na KISKuLinkbuilding a UX - Designéři informačních služeb na KISKu
Linkbuilding a UX - Designéři informačních služeb na KISKu
 
Nástroje UX - Adam Fendrych
Nástroje UX - Adam FendrychNástroje UX - Adam Fendrych
Nástroje UX - Adam Fendrych
 
Přehled metod UX výzkumu
Přehled metod UX výzkumuPřehled metod UX výzkumu
Přehled metod UX výzkumu
 
Moderování testů použitelnosti - Jakub Franc
Moderování testů použitelnosti - Jakub FrancModerování testů použitelnosti - Jakub Franc
Moderování testů použitelnosti - Jakub Franc
 
UI/UX
UI/UXUI/UX
UI/UX
 
Vzdělávání v UX
Vzdělávání v UXVzdělávání v UX
Vzdělávání v UX
 
Cesta k dokonalému UX in-car aplikace
Cesta k dokonalému UX in-car aplikaceCesta k dokonalému UX in-car aplikace
Cesta k dokonalému UX in-car aplikace
 
UX z pohledu tvůrce webové aplikace
UX z pohledu tvůrce webové aplikaceUX z pohledu tvůrce webové aplikace
UX z pohledu tvůrce webové aplikace
 

More from Josef Holy

Grafová databáze neo4j
Grafová databáze neo4jGrafová databáze neo4j
Grafová databáze neo4jJosef Holy
 
Enterprise 3.0: Podnik chycený v sociální siti vyznamů
Enterprise 3.0: Podnik chycený v sociální siti vyznamůEnterprise 3.0: Podnik chycený v sociální siti vyznamů
Enterprise 3.0: Podnik chycený v sociální siti vyznamůJosef Holy
 
WebExpo2009 - Semantic Web
WebExpo2009 - Semantic WebWebExpo2009 - Semantic Web
WebExpo2009 - Semantic WebJosef Holy
 
Semantic Wiki For The Enterprise
Semantic Wiki For The EnterpriseSemantic Wiki For The Enterprise
Semantic Wiki For The EnterpriseJosef Holy
 
Webexpo2008 Pleteme Socialni Sit
Webexpo2008 Pleteme Socialni SitWebexpo2008 Pleteme Socialni Sit
Webexpo2008 Pleteme Socialni SitJosef Holy
 
Míchanice v sociální síti
Míchanice v sociální sítiMíchanice v sociální síti
Míchanice v sociální sítiJosef Holy
 

More from Josef Holy (6)

Grafová databáze neo4j
Grafová databáze neo4jGrafová databáze neo4j
Grafová databáze neo4j
 
Enterprise 3.0: Podnik chycený v sociální siti vyznamů
Enterprise 3.0: Podnik chycený v sociální siti vyznamůEnterprise 3.0: Podnik chycený v sociální siti vyznamů
Enterprise 3.0: Podnik chycený v sociální siti vyznamů
 
WebExpo2009 - Semantic Web
WebExpo2009 - Semantic WebWebExpo2009 - Semantic Web
WebExpo2009 - Semantic Web
 
Semantic Wiki For The Enterprise
Semantic Wiki For The EnterpriseSemantic Wiki For The Enterprise
Semantic Wiki For The Enterprise
 
Webexpo2008 Pleteme Socialni Sit
Webexpo2008 Pleteme Socialni SitWebexpo2008 Pleteme Socialni Sit
Webexpo2008 Pleteme Socialni Sit
 
Míchanice v sociální síti
Míchanice v sociální sítiMíchanice v sociální síti
Míchanice v sociální síti
 

Buzz Meet User Experience

  • 1. User Experience a Použitelnost Josef Holý Designer Sun Microsystems Czech
  • 2. User Experience (UX): Kvalita dojmu/zážitku, který daná osoba nabyde při interakci s určitým designem. - uxnet.org
  • 4. Evoluce Uživatelské Zkušenosti 30 000 př.n.l. 2000 n.l.
  • 5. Evoluce Uživatelské Zkušenosti 1000 000 př.n.l. 2000 n.l.
  • 6. Pokud je použitá technologie dostačující, dominuje User Experience. -Donald Norman(1998) X
  • 7. Použitelnost: Míra jednoduchosti využití daného nástroje/objektu pro realizaci určitého cíle.
  • 8. UX vs. Použitelnost UX = Široký a poměrně abstraktní pojem End-to-End - Vše od reklamy, přes balení až po vlastní produkt Emoce, dojmy → vzhled → cílové skupiny Použitelnost = Jádro UX Míra → měřitelné (počet kroků, čas...) Míra → testovatelné (testování použitelnosti) Efektivita systému “interface+člověk”
  • 9. Cíl: Únik z hořící FN Motol Nástroj: Nástěnné schéma Míra: Čas evakuace/ Počet uhořelých lidí
  • 10. Cesta k použitelnosti: User-Centered Design (UCD)
  • 11. Co je to User-Centered Design? (SW) Development metoda Optimalizace uživatelského rozhraní pro potřeby, přání a omezení uživatele Uživatele nenutit, přizpůsobit se mu Uživatel je v centru zájmu Vzhled + Interakce Interakční design
  • 14. Může být UCD Agilní? Product Owner Team Iteration 0 Iteration 1 Iteration 2 Iteration 3 Planning Support Iteration Support Iteration Support iteration Data gathering 1 development 2 development 3 development High-level design Design Iteration 2 Design Iteration 3 Design iteration 4 features features features Design for iteration 1 Gather user input Gather user input Gather user input features for iteration 3 for iteration 4 for iteration 5 features features features Validate Iteration Validate iteration Fe ugs ty te Support DEV 1 features 1-2 features + b ab il i atu fo sti us Fe re und ng atu s D e in Support re re tu sig DEV d fea es Development Team n ign d ed Co Dev environment Implement Implement Implement setup Iteration 1 iteration 2 iteration 3 features features features Architectural “spikes” fix iteration 1 Fix iteration 2 bugs if any bugs if any slideshare.net/LaneHalley
  • 15. Pozor na “Features” (http://headrush.typepad.com/creating_passionate_users)
  • 17. Features jsou jen nástroje pro realizaci “User Story”
  • 18. User Story (US) = Klíčový koncept UCD Dříve 'requirements', v UCD 'Use Cases', v Agile 'User Story' User Story = věta popisující uživatelova přání a potřeby, jeho vlastním jazykem Obvykle začínají 'Uživatel chce...' Příklad: “Uživatel chce mít možnost zakázat svému šéfovi přístup k fotkám z dovolené” Každé US je v konečném produktu reprezentováno určitým WorkFlow. Workflow by měl být plynulý.
  • 19. Nestavme přehrady na tocích práce.
  • 20. Flow (psychologie) “Být kompletně pohlcen nějakou činností. Ego odpadá. Čas letí. Akce, pohyby a myšlenky vycházejí z předchozích, jako při hraní Jazzu. Vaše celá bytost je pohlcena, zapojena a využíváte svých schopností na maximum.” - Mihaly Csikszentmihalyi
  • 21. Flow – Challenge vs. Skills
  • 22. UCD je životní filozofie. Jsme obklopeni špatně nadesignovanými objekty
  • 23. Kolik lidí zbytečně způsobí dopravní nehodu?
  • 24. Co je tady špatně?
  • 25. Nejefektivnější rozhraní pro auto? Zdroj: irreference.com
  • 26. User Story pro auto. DOPŘEDU! !@#$*#^* %! Zdroj: wired.com
  • 29.
  • 30.
  • 31.
  • 32.
  • 33.
  • 34.
  • 35.
  • 36.
  • 37.