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

Buzz Meet User Experience

  • 1.
    User Experience a Použitelnost JosefHolý Designer Sun Microsystems Czech
  • 2.
    User Experience (UX): Kvalitadojmu/zážitku, který daná osoba nabyde při interakci s určitým designem. - uxnet.org
  • 3.
  • 4.
  • 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 zhoří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 toUser-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
  • 12.
  • 13.
  • 14.
    Může být UCDAgilní? 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)
  • 16.
  • 17.
    Features jsou jenná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.
  • 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í proauto? Zdroj: irreference.com
  • 26.
    User Story proauto. DOPŘEDU! !@#$*#^* %! Zdroj: wired.com
  • 27.
  • 28.
  • 38.
  • 39.