Mobile apps need interactions driven by user, not by timeline. Think iPhone scrolling vs. press the button, wait for the page flipping animation to play.
Přednáška pro konferenci Common 2016. Co je a proč používat Mobile First? Ukázky kódu z praxe a problémy tohoto postupu.
✎ http://www.vzhurudolu.cz/prirucka/mobile-first
Pavla Kovářová: Typy dotykových zařízení a zaklady jejich ovládání a nastaveníKISK FF MU
Cílem webináře je představit dotyková zařízení, je tedy určen především začátečníkům s touto technologií. Předtím, než je zařízení používáno, je potřeba si jej vybrat. Představeny tedy budou různé typy dotykových zařízení a rozdíly mezi nimi, které mohou hrát roli při výběru a jejich používání. Následně bude ukázáno základní ovládání dotykových zařízení pomocí gest. V závěru webináře budou prezentovány různé možnosti nastavení nejběžnějších operačních systémů, které umožňují přizpůsobit zařízení potřebám konkrétního uživatele.
Přednáška pro konferenci Common 2016. Co je a proč používat Mobile First? Ukázky kódu z praxe a problémy tohoto postupu.
✎ http://www.vzhurudolu.cz/prirucka/mobile-first
Pavla Kovářová: Typy dotykových zařízení a zaklady jejich ovládání a nastaveníKISK FF MU
Cílem webináře je představit dotyková zařízení, je tedy určen především začátečníkům s touto technologií. Předtím, než je zařízení používáno, je potřeba si jej vybrat. Představeny tedy budou různé typy dotykových zařízení a rozdíly mezi nimi, které mohou hrát roli při výběru a jejich používání. Následně bude ukázáno základní ovládání dotykových zařízení pomocí gest. V závěru webináře budou prezentovány různé možnosti nastavení nejběžnějších operačních systémů, které umožňují přizpůsobit zařízení potřebám konkrétního uživatele.
Jan Hlaváč na Masarykově Univerzitě v Brně.
Chcete vědět o Axure více? Přečtěte si článek u nás na blogu: http://blog.h1.cz/aktualne/ochutnavka-novych-funkci-z-pripravovane-sedme-verze-axure-rp/
http://www.vzhurudolu.cz/prednaska/design-webu-v-prohlizeci-149 ***** Přednáška pr WebExpo 2015. Pojďme si ukázat proces návrhu rozhraní webu při responzivním redesignu eshopu VašeČočky.cz. V posledních letech jsem opustil standardní postupy s wireframy a Photoshopem. Vystačím si s papírem, tužkou a prohlížečem.
SEO a UX: Rivalové, nebo parťáci? Rozsekneme to! | SEORestart | 16. 6. 2017Jan Kvasnička
Při tvorbě nebo optimalizaci webu spolu tyto dvě role velice často soupeří. Kdo má pravdu? A kdy? Jsou to opravdu rivalové, nebo parťáci? V praktických příkladech se podíváme na nejproblémovější místa a ukážeme si, jak je pro UXáka nutný přesah do SEO a naopak.
Jan Hlaváč na Masarykově Univerzitě v Brně.
Chcete vědět o Axure více? Přečtěte si článek u nás na blogu: http://blog.h1.cz/aktualne/ochutnavka-novych-funkci-z-pripravovane-sedme-verze-axure-rp/
http://www.vzhurudolu.cz/prednaska/design-webu-v-prohlizeci-149 ***** Přednáška pr WebExpo 2015. Pojďme si ukázat proces návrhu rozhraní webu při responzivním redesignu eshopu VašeČočky.cz. V posledních letech jsem opustil standardní postupy s wireframy a Photoshopem. Vystačím si s papírem, tužkou a prohlížečem.
SEO a UX: Rivalové, nebo parťáci? Rozsekneme to! | SEORestart | 16. 6. 2017Jan Kvasnička
Při tvorbě nebo optimalizaci webu spolu tyto dvě role velice často soupeří. Kdo má pravdu? A kdy? Jsou to opravdu rivalové, nebo parťáci? V praktických příkladech se podíváme na nejproblémovější místa a ukážeme si, jak je pro UXáka nutný přesah do SEO a naopak.
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
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…