Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Mobile first: 2 problémy, 2 příležitosti
1. Mobile First: 2 problémy, 2 příležitosti
La Degustation Online, 20. 6. 2012
By @soundake
čtvrtek, 21. června 12
2. čtvrtek, 21. června 12
Jsem designer, protože mě hrozně štvou věci, který jsou zbytečně složitý a chci mít tu
možnost dělat věci co nejjednodušší, jak jen to jde.
3. čtvrtek, 21. června 12
Jsem designer, protože mě hrozně štvou věci, který jsou zbytečně složitý a chci mít tu
možnost dělat věci co nejjednodušší, jak jen to jde.
11. čtvrtek, 21. června 12
Kdo tu děláte weby? A děláte weby i pro mobilní zařízení?
12. čtvrtek, 21. června 12
Znáte to, na běžnou webovou stránku se vejde hromada věcí. Někdy se dokonce stane, že se
někde na stránce objeví prázdné místo a hned se značíme tam něco vrazit. Přeci tam nebude
díra!
13. 1024 x 768px
čtvrtek, 21. června 12
Už nějakých 10 let se průměrné rozlišení počítačů pohybuje kolem 1024x768px. A chytré
telefony kterých je čím dál víc (za rok či dva jich prý bude více jak počítačů), tak mají rozlišení
pětinové. Pouhých 20% plochy obrazovky.
14. 1024 x 768px
320 x 480 px
20%
čtvrtek, 21. června 12
Už nějakých 10 let se průměrné rozlišení počítačů pohybuje kolem 1024x768px. A chytré
telefony kterých je čím dál víc (za rok či dva jich prý bude více jak počítačů), tak mají rozlišení
pětinové. Pouhých 20% plochy obrazovky.
Na smartfounu tedy nebudete mít díru nikdy. Budete řešit opačný problém - moc věcí, které
tam potřebujete dát.
16. čtvrtek, 21. června 12
Jen v menu se skrývá přes 60 položek. Jak tohle sakra dostali do mobilu? Udělali
jednoduchou věc. Vyškrtali všechno co není potřeba a nechali jen to, co skutečně
potřeba je. Jádro aplikace, to co lidé nejvíce používají, za čím tam chodí.
17. čtvrtek, 21. června 12
Jen v menu se skrývá přes 60 položek. Jak tohle sakra dostali do mobilu? Udělali
jednoduchou věc. Vyškrtali všechno co není potřeba a nechali jen to, co skutečně
potřeba je. Jádro aplikace, to co lidé nejvíce používají, za čím tam chodí.
18. čtvrtek, 21. června 12
Jen v menu se skrývá přes 60 položek. Jak tohle sakra dostali do mobilu? Udělali
jednoduchou věc. Vyškrtali všechno co není potřeba a nechali jen to, co skutečně
potřeba je. Jádro aplikace, to co lidé nejvíce používají, za čím tam chodí.
19. čtvrtek, 21. června 12
Jen v menu se skrývá přes 60 položek. Jak tohle sakra dostali do mobilu? Udělali
jednoduchou věc. Vyškrtali všechno co není potřeba a nechali jen to, co skutečně
potřeba je. Jádro aplikace, to co lidé nejvíce používají, za čím tam chodí.
20. čtvrtek, 21. června 12
Jen v menu se skrývá přes 60 položek. Jak tohle sakra dostali do mobilu? Udělali
jednoduchou věc. Vyškrtali všechno co není potřeba a nechali jen to, co skutečně
potřeba je. Jádro aplikace, to co lidé nejvíce používají, za čím tam chodí.
21. čtvrtek, 21. června 12
Jen v menu se skrývá přes 60 položek. Jak tohle sakra dostali do mobilu? Udělali
jednoduchou věc. Vyškrtali všechno co není potřeba a nechali jen to, co skutečně
potřeba je. Jádro aplikace, to co lidé nejvíce používají, za čím tam chodí.
22. čtvrtek, 21. června 12
Jen v menu se skrývá přes 60 položek. Jak tohle sakra dostali do mobilu? Udělali
jednoduchou věc. Vyškrtali všechno co není potřeba a nechali jen to, co skutečně
potřeba je. Jádro aplikace, to co lidé nejvíce používají, za čím tam chodí.
24. čtvrtek, 21. června 12
Malý prostor je úžasné omezení pro každého designera, protože malý prostor vás donutí
zjednodušovat, donutí vás skutečně zapřemýšlet nad tím co prioritu má a co prioritu nemá.
Sednout si, přemýšlet, škrtat, zjednodušovat.
26. čtvrtek, 21. června 12
Antoine de Saint-Exupery řekl jednu geniální větu: "Dokonalosti je dosaženo, nikoliv
když již nelze nic víc přidat, ale když není již možné nic odebrat."
27. Vydělává peníze
čtvrtek, 21. června 12
Ono to má ještě jednu souvislost a to souvislost s byznysem. Vy se díky tomu, že se při
návrhu soustředíte na to podstatné, soustředíte tedy na to co, vám vlastně vydělává peníze.
Ta služba, kterou nabízí, produkt, který prodáváte, to je to co lidí vlastně u vás chtějí. A
můžete v klidu zapomenout na balast kolem. Nevyhazujte peníze za něco, co nikdo moc
neocení.
28. čtvrtek, 21. června 12
Postupme ještě o krok dál. Zpátky na web. Ukažme si příklad, jak vám návrh pro mobil
pomůže s velkým webem.
30. čtvrtek, 21. června 12
Ještě v loňském roce vypadal jejich web nějak takto. Velký banner s bílým nečitelným textem,
usměvavý pán, hromada divných obdélníků, v menu mraky věcí.
31. čtvrtek, 21. června 12
Pak udělali mobilní verzi. Na prvním místě - založení pojištění. Jádro jejich bysnysu. V
druhém sledu nalezení agenta a hlášení škod.Pomoc v nouzi a pak nabídka dalších pojištění.
5 věcí! Tj. nejčastější věci, které u nich uživatelé řeší.
32. čtvrtek, 21. června 12
A tuhle zkušenost oni aplikovali i na web. Na první místě sjednání po jištění, hned vedle
kontakt a hlášení pojistné události. Pod tím nabídka dalších pojištění. Stejný pattern
33. čtvrtek, 21. června 12
Spíše perlička. Webový designer Jeffrey Zeldman zašel při návrhu svého nového webu ještě o
krok dál. Vlastně zůstal v kroku prvním.
Jeffrey Zeldman - A List Apart - Designing with Web Standards
37. čtvrtek, 21. června 12
Druhou věcí, krom malé obrazovky, se kterou se musíte na mobilu vypořádat je, že jsou to
zařízení pomalá. Mají pomalejší připojení k Internetu, mají pomalejší vykreslování stránek,
pomalejší vykreslování Javascriptu atd. Tudíž, aby byla vaše webová stránka na mobilu
použitelná, tak musí být v prvé řadě rychlá. Stránka se musí rychle načíst, musí se rychle
vykreslit, všechny prvky, které na ní jsou musí na uživatele reagovat bleskově.
38. Miller, R. B. (1968). Response time in man-computer conversational transactions. Proc. AFIPS Fall Joint Computer Conference Vol. 33, 267-277
čtvrtek, 21. června 12
Protože použitelnost velmi souvisí s rychlostí, což už je známo přes 40 let.
R.B.Miller - 1968 - Response time in man-computer conversational transactions
39. Speed is best feature
http://pacepirate.tumblr.com/post/23988387164
čtvrtek, 21. června 12
Dá se říct, že rychlost je ta nejlepší funkce, kterou svým uživatelům můžete dopřát. A jakmile
dokážete optimalizovat vaší stránku na mobilním zařízení, představte si, jak úžasně rychlá
bude na uživatelově notebooku či stolním počítači.
41. “Mobile experiences fill the gaps while we wait. Nobody
wants to wait while we wait.” - Mike Krieger, Co-founder
Instagram
čtvrtek, 21. června 12
Lidé velmi často používají mobilní zařízení, když čekají a nikdo nechce čekat, když čeká.
43. 100ms zpoždění při vypisování výsledků vygeneruje ročně 1%
ztrátu. Což je zhruba 200 milionů dolarů ročně.
400ms zpoždění výsledků sníží o 5-9% celkový provoz na
stránkách.
500ms zpoždění snižuje provoz ve vyhledávači o 20%.
1s zpoždění výsledků snižuje příjem o 4%.
10% nejrychlejších uživatelů zůstává na stránkách o 50% déle než
10% uživatelů pomalých.
Sources: slideshare.net/stubbornella/designing-fast-websites-presentation & slideshare.net/markstanton/speed-matters
čtvrtek, 21. června 12
Studie za studií potvrzují, že nedostatečná rychlost vašeho webu vás může připravit o slušné
příjmy.
Amazon - 100ms zpoždění při vypisování výsledků vygeneruje ročně 1% ztrátu. Což je
zhruba 200 milionů dolarů ročně.
Yahoo - 400ms zpoždění výsledků sníží o 5-9% celkový provoz na stránkách
Google - 500ms zpoždění snižuje provoz ve vyhledávači o 20%.
Bing - 1s zpoždění výsledků snižuje příjem o 4%
AOL 10% nejrychlejších uživatelů zůstává na stránkách o 50% déle než 10% uživatelů
pomalých.
44. http://www.flickr.com/photos/92921037@N00/5532840143/
čtvrtek, 21. června 12
Když navrhujete weby pro mobilní zařízení, tak se musíte vyrovnat se dvěma velkými
problémy: malá obrazovka a pomalé načítání stránek. Jsou to dva problémy a zároveň skvělé
příležitosti, jak vytvořit příjemnou a svižnou prezentaci či službu.
45. čtvrtek, 21. června 12
Když navrhujete weby pro mobilní zařízení, tak se musíte vyrovnat se dvěma velkými
problémy: malá obrazovka a pomalé načítání stránek. Jsou to dva problémy a zároveň skvělé
příležitosti, jak vytvořit příjemnou a svižnou prezentaci či službu.
47. “Yes, I am...”
čtvrtek, 21. června 12
Návrh pro mobilní zařízení dokáže zlepšit uživatelskou zkušenost i na velkém webu.
Máte méně funkcí, které jsou ale zatraceně rychlé a vymazlené.