SlideShare una empresa de Scribd logo
1 de 16
User driven interactions

      Tomáš Kafka
   tk@tomaskafka.com
Mainframes: click and wait for action
Klávesnice: click and wait for action
Touchscreen? Zase click and wait?
Rychle přejdu dál
       Kliknu
          …              Nakouknu a vrátím se

      a čekám          Přejdu, vrátím se opačným
                                 gestem

mobily používáme když
                      Celou dobu mám kontrolu
čekáme – nikdo nechce
   čekat když čeká :)
                              Endorfiny
Implementace
… je těžší
  např. Androidí gesta jsou ‘click and wait’
  udělat to dobře je o hodně pracnější

implementační detaily
  horizontal/vertical scroll
     komponenty se musí dohodnout, komu patří které gesto
  návrat musí být do stejného stavu
     (ne jako Google Reader)
Proč se namáhat?

     Then, there are the users. They are different from us.
  Users must be assumed to favor full visualization, with 75%
 feeling significant discomfort with abstraction (Myers, Tog on
                            Interface).
 This majority has spacial and motor memories that tend to be
good, while their ability to rote-memorize and to form complex
mental models may be limited, and, in any case, they find those
                   particular tasks unpleasant.

         http://www.asktog.com/columns/085BrowseVsSearch.html
Proč se namáhat?
As the integrated apps that users are going to use every day now support
swiping as tab navigation, users are going to expect all apps with tabs to
                          function the same way.
    Tabs, especially the ones that look like the new ones, are going to
                   be associated with the functionality.
     Users will expect your app to support swiping between tabs!

    http://www.androiduipatterns.com/2011/11/ice-cream-sandwich-ui-feature-tabs.html
Nezávaznost
uživatelé se 20 let učili se počítače bát
nakouknu a vrátím se, vím co se stane


        Přímá manipulace
  interakce s obsahem, ne s tlačítky
Ukázky
Lion multitouch gestures
  http://www.youtube.com/watch?v=BfBvnsFPkLA&t=
  1m49s
Ukázky
Lovely charts for iPad
  http://vimeo.com/32450225
Ukázky
D&AD awards
  http://www.dandad.org/awards/student/2011/categ
  ories/11/interactive-design/07214/james-huse


Data analytics concept
  http://hover-data-concept.tomaskafka.com/
Otevřené otázky

Na desktopu máme kromě akce (mouse down) i
     nezávazné zkoumání objektů – hover.
To touchscreen (zatím) neumí – jak to nahradit?

     Touch je super, když vím čeho se a jak
                  dotknout…
Otázky?

  Tomáš Kafka
tk@tomaskafka.com
Díky!

  Tomáš Kafka
tk@tomaskafka.com

Más contenido relacionado

Similar a User driven interactions

JAWS - web očima nevidomých
JAWS - web očima nevidomýchJAWS - web očima nevidomých
JAWS - web očima nevidomýchRadek Pavlíček
 
Pro koho děláme web
Pro koho děláme webPro koho děláme web
Pro koho děláme webSherpas
 
KPI - závěrečný úkol (Modul 13)
KPI - závěrečný úkol (Modul 13)KPI - závěrečný úkol (Modul 13)
KPI - závěrečný úkol (Modul 13)Pája Kučerová
 
Jak delat mobilni aplikaci v iOS - Jiri Urbasek
Jak delat mobilni aplikaci v iOS - Jiri UrbasekJak delat mobilni aplikaci v iOS - Jiri Urbasek
Jak delat mobilni aplikaci v iOS - Jiri UrbasekOnlineStars.cz
 
Myslete i na přístupnost. Mobilní aplikace pro nevidomé, mDevCamp 2012
Myslete i na přístupnost. Mobilní aplikace pro nevidomé, mDevCamp 2012Myslete i na přístupnost. Mobilní aplikace pro nevidomé, mDevCamp 2012
Myslete i na přístupnost. Mobilní aplikace pro nevidomé, mDevCamp 2012Radek Pavlíček
 
Radek Pavlíček - testování přístupnosti a použitelnosti webu
Radek Pavlíček - testování přístupnosti a použitelnosti webuRadek Pavlíček - testování přístupnosti a použitelnosti webu
Radek Pavlíček - testování přístupnosti a použitelnosti webuRadek Pavlíček
 
Funkční prototypy v Axure RP
Funkční prototypy v Axure RPFunkční prototypy v Axure RP
Funkční prototypy v Axure RPH1.cz
 
Praktické aspekty přístupnosti
Praktické aspekty přístupnostiPraktické aspekty přístupnosti
Praktické aspekty přístupnostiRadek Pavlíček
 
Design webů v prohlížeči
Design webů v prohlížečiDesign webů v prohlížeči
Design webů v prohlížečiMartin Michálek
 
UX Design na WebExpo Startup Camp
UX Design na WebExpo Startup CampUX Design na WebExpo Startup Camp
UX Design na WebExpo Startup CampPetr Douša
 
SEO a UX: Rivalové, nebo parťáci? Rozsekneme to! | SEORestart | 16. 6. 2017
SEO a UX: Rivalové, nebo parťáci? Rozsekneme to! | SEORestart | 16. 6. 2017SEO a UX: Rivalové, nebo parťáci? Rozsekneme to! | SEORestart | 16. 6. 2017
SEO a UX: Rivalové, nebo parťáci? Rozsekneme to! | SEORestart | 16. 6. 2017Jan Kvasnička
 
Daniel Steigerwald: Jak psát mobilní webové aplikace
Daniel Steigerwald: Jak psát mobilní webové aplikaceDaniel Steigerwald: Jak psát mobilní webové aplikace
Daniel Steigerwald: Jak psát mobilní webové aplikaceDevelcz
 

Similar a User driven interactions (18)

JAWS - web očima nevidomých
JAWS - web očima nevidomýchJAWS - web očima nevidomých
JAWS - web očima nevidomých
 
Pro koho děláme web
Pro koho děláme webPro koho děláme web
Pro koho děláme web
 
What Would Jacob Do?
What Would Jacob Do?What Would Jacob Do?
What Would Jacob Do?
 
openMagazin 7-8/2012
openMagazin 7-8/2012openMagazin 7-8/2012
openMagazin 7-8/2012
 
KPI - závěrečný úkol (Modul 13)
KPI - závěrečný úkol (Modul 13)KPI - závěrečný úkol (Modul 13)
KPI - závěrečný úkol (Modul 13)
 
Jak delat mobilni aplikaci v iOS - Jiri Urbasek
Jak delat mobilni aplikaci v iOS - Jiri UrbasekJak delat mobilni aplikaci v iOS - Jiri Urbasek
Jak delat mobilni aplikaci v iOS - Jiri Urbasek
 
Bp Halíček leden
Bp Halíček ledenBp Halíček leden
Bp Halíček leden
 
Zaverecny ukol
Zaverecny ukolZaverecny ukol
Zaverecny ukol
 
Myslete i na přístupnost. Mobilní aplikace pro nevidomé, mDevCamp 2012
Myslete i na přístupnost. Mobilní aplikace pro nevidomé, mDevCamp 2012Myslete i na přístupnost. Mobilní aplikace pro nevidomé, mDevCamp 2012
Myslete i na přístupnost. Mobilní aplikace pro nevidomé, mDevCamp 2012
 
Radek Pavlíček - testování přístupnosti a použitelnosti webu
Radek Pavlíček - testování přístupnosti a použitelnosti webuRadek Pavlíček - testování přístupnosti a použitelnosti webu
Radek Pavlíček - testování přístupnosti a použitelnosti webu
 
Funkční prototypy v Axure RP
Funkční prototypy v Axure RPFunkční prototypy v Axure RP
Funkční prototypy v Axure RP
 
Praktické aspekty přístupnosti
Praktické aspekty přístupnostiPraktické aspekty přístupnosti
Praktické aspekty přístupnosti
 
Design webů v prohlížeči
Design webů v prohlížečiDesign webů v prohlížeči
Design webů v prohlížeči
 
UX Design na WebExpo Startup Camp
UX Design na WebExpo Startup CampUX Design na WebExpo Startup Camp
UX Design na WebExpo Startup Camp
 
7 omylu v IT bezpečnosti
7 omylu v IT bezpečnosti7 omylu v IT bezpečnosti
7 omylu v IT bezpečnosti
 
SEO a UX: Rivalové, nebo parťáci? Rozsekneme to! | SEORestart | 16. 6. 2017
SEO a UX: Rivalové, nebo parťáci? Rozsekneme to! | SEORestart | 16. 6. 2017SEO a UX: Rivalové, nebo parťáci? Rozsekneme to! | SEORestart | 16. 6. 2017
SEO a UX: Rivalové, nebo parťáci? Rozsekneme to! | SEORestart | 16. 6. 2017
 
Daniel Steigerwald: Jak psát mobilní webové aplikace
Daniel Steigerwald: Jak psát mobilní webové aplikaceDaniel Steigerwald: Jak psát mobilní webové aplikace
Daniel Steigerwald: Jak psát mobilní webové aplikace
 
Martin Strouhal - Sunnysoft
Martin Strouhal - SunnysoftMartin Strouhal - Sunnysoft
Martin Strouhal - Sunnysoft
 

User driven interactions

  • 1. User driven interactions Tomáš Kafka tk@tomaskafka.com
  • 2. Mainframes: click and wait for action
  • 3. Klávesnice: click and wait for action
  • 5.
  • 6. Rychle přejdu dál Kliknu … Nakouknu a vrátím se a čekám Přejdu, vrátím se opačným gestem mobily používáme když Celou dobu mám kontrolu čekáme – nikdo nechce čekat když čeká :) Endorfiny
  • 7. Implementace … je těžší např. Androidí gesta jsou ‘click and wait’ udělat to dobře je o hodně pracnější implementační detaily horizontal/vertical scroll komponenty se musí dohodnout, komu patří které gesto návrat musí být do stejného stavu (ne jako Google Reader)
  • 8. Proč se namáhat? Then, there are the users. They are different from us. Users must be assumed to favor full visualization, with 75% feeling significant discomfort with abstraction (Myers, Tog on Interface). This majority has spacial and motor memories that tend to be good, while their ability to rote-memorize and to form complex mental models may be limited, and, in any case, they find those particular tasks unpleasant. http://www.asktog.com/columns/085BrowseVsSearch.html
  • 9. Proč se namáhat? As the integrated apps that users are going to use every day now support swiping as tab navigation, users are going to expect all apps with tabs to function the same way. Tabs, especially the ones that look like the new ones, are going to be associated with the functionality. Users will expect your app to support swiping between tabs! http://www.androiduipatterns.com/2011/11/ice-cream-sandwich-ui-feature-tabs.html
  • 10. Nezávaznost uživatelé se 20 let učili se počítače bát nakouknu a vrátím se, vím co se stane Přímá manipulace interakce s obsahem, ne s tlačítky
  • 11. Ukázky Lion multitouch gestures http://www.youtube.com/watch?v=BfBvnsFPkLA&t= 1m49s
  • 12. Ukázky Lovely charts for iPad http://vimeo.com/32450225
  • 13. Ukázky D&AD awards http://www.dandad.org/awards/student/2011/categ ories/11/interactive-design/07214/james-huse Data analytics concept http://hover-data-concept.tomaskafka.com/
  • 14. Otevřené otázky Na desktopu máme kromě akce (mouse down) i nezávazné zkoumání objektů – hover. To touchscreen (zatím) neumí – jak to nahradit? Touch je super, když vím čeho se a jak dotknout…
  • 15. Otázky? Tomáš Kafka tk@tomaskafka.com
  • 16. Díky! Tomáš Kafka tk@tomaskafka.com