Mobile first (Letní škola KISKu)

  • 2,374 views
Uploaded on

 

More in: Design
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
    Be the first to like this
No Downloads

Views

Total Views
2,374
On Slideshare
0
From Embeds
0
Number of Embeds
3

Actions

Shares
Downloads
8
Comments
0
Likes
0

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n

Transcript

  • 1. MobileFirst+Letni skola KISKuJan Martinek@endlife
  • 2. Velikost displejů se zaposledních 20 let faktzměnila.
  • 3. K cemu?
  • 4. Na začátku 90. let bylypočítače jen na hraníWolfenstein 3D, protoženebyl internet.
  • 5. Na konci už existovalAmazon v poněkudstísněné verzi.
  • 6. A dneska, když nez-menšíte okno, roztečese vám ta webovkanepěkně po displeji.
  • 7. A pak si v Appluvymysleli tuhle blbost!
  • 8. A tímhle to úplně nenapravili.768 pixelů na šířku? Srsly?
  • 9. A lidi to kupujou.
  • 10. A lidi to kupujou.A používají!
  • 11. Ty obrazovky jsouskutečně jiné.
  • 12. A nevejde se tamtoho tolik.
  • 13. OBRAZOVKA
  • 14. Ale tohle je ! nedůležité!Nedulezite!!!
  • 15. To leda takpro ajťáky!
  • 16. Nebografiky.
  • 17. Ale ne pro mladé aperspektivní KISKaře.
  • 18. Co je dulezite?
  • 19. Počítače se změnily.
  • 20. Uživatel počítače vypadádocela OK v kanclu.
  • 21. Nebo vknihovně.
  • 22. V supermarketuuž míň.
  • 23. V metruještě míň.
  • 24. A v lese užvůbec.
  • 25. KONTEXT Kontext užívání mobilního webu je důležitý tak, jak to na note- booku nikdy možné nebylo.
  • 26. MíSTO Zároveň je možné, že uživatel rychle mění polohu.
  • 27. A dělá při používánívašeho webu všelicos.
  • 28. Přece byste nechtěliohrozit špičkový výkončeského olympionikajen tím, že odbydetedesign vámi dělanéwebovky, na kteroukouká při výkonu. A dělá při používání vašeho webu všelicos.
  • 29. Texting Zombies: The Scourge of Text Messaging in Public
  • 30. Texting Zombies: The Scourge of Text Messaging in Public Aplikace příliš vytě- žující pozornost dělají z uživatelů zombie.
  • 31. POZORNOST
  • 32. TO BY STACILO.
  • 33. CO S TIM?
  • 34. Bek tu bejziks <--
  • 35. +Bek tu bejziks Klíčové je přemýšlet <-- o tom, co přede mnou říkal Honza Řezáč – tj. myslet na základní principy webdesignu a důkladně je uplatňovat.
  • 36. SOUSTREDIT SE
  • 37. SOUSTREDIT SEJe třeba se soustředitna uživatele webu.
  • 38. Prohlédnout si hoze všech stran. SOUSTREDIT SE
  • 39. Klasický web můževypadat takto.
  • 40. Mobilní verze ale musívlézt na maličký displej.
  • 41. Ale především musínabídnout přesně to,co uživatel potřebuje,když mobil vytáhne zkapsy.
  • 42. Na mobilu může spoustavěcí, které na desktopupříliš nemění uživatelůvzážitek (např. reklamy,nadbytečné boxy apod.),zcela zničit užitnouhodnotu webu.
  • 43. Zároveň je možné obohatit zážitek zcela novými prvky.Na mobilu může spoustavěcí, které na desktopupříliš nemění uživatelůvzážitek (např. reklamy,nadbytečné boxy apod.),zcela zničit užitnouhodnotu webu.
  • 44. MEGACOOL Mobil nabízí spoustu nových možností, které se dají využít. A lidé si na ně zvykají, takže to začíná být nutné.
  • 45. MEGACOOL Mobil nabízí spoustu 1:1 nových možností, kteréNavíc jsou mobily osobní se dají využít. A lidé sizáležitost. Nikdo svůj na ně zvykají, takže tomobil nepustí z ruky. začíná být nutné.
  • 46. MEGACOOL Mobil nabízí spoustu 1:1 nových možností, kteréNavíc jsou mobily osobní se dají využít. A lidé sizáležitost. Nikdo svůj na ně zvykají, takže tomobil nepustí z ruky. GPS začíná být nutné.
  • 47. MEGACOOL Mobil nabízí spoustu 1:1 nových možností, kteréNavíc jsou mobily osobní se dají využít. A lidé sizáležitost. Nikdo svůj na ně zvykají, takže tomobil nepustí z ruky. GPS začíná být nutné.
  • 48. Mobily mají zcela novémožnosti vstupu, jako jenapříklad foťák. Dá sepoužít například propřekládání nápisů naulici. MEGACOOL Mobil nabízí spoustu 1:1 nových možností, které Navíc jsou mobily osobní se dají využít. A lidé si záležitost. Nikdo svůj na ně zvykají, takže to mobil nepustí z ruky. GPS začíná být nutné.
  • 49. Mobily mají zcela novémožnosti vstupu, jako jenapříklad foťák. Dá sepoužít například propřekládání nápisů naulici. MEGACOOL Mobil nabízí spoustu 1:1 nových možností, které Navíc jsou mobily osobní se dají využít. A lidé si záležitost. Nikdo svůj na ně zvykají, takže to mobil nepustí z ruky. GPS začíná být nutné.
  • 50. Mobily mají zcela nové možnosti vstupu, jako je například foťák. Dá se použít například pro překládání nápisů na ulici. MEGACOOLGYRO Mobil nabízí spoustu 1:1 nových možností, které Navíc jsou mobily osobní se dají využít. A lidé si záležitost. Nikdo svůj na ně zvykají, takže to mobil nepustí z ruky. GPS začíná být nutné.
  • 51. NFC mají zcela nové Mobily možnosti vstupu, jako je například foťák. Dá se použít například pro překládání nápisů na ulici. MEGACOOLGYRO Mobil nabízí spoustu 1:1 nových možností, které Navíc jsou mobily osobní se dají využít. A lidé si záležitost. Nikdo svůj na ně zvykají, takže to mobil nepustí z ruky. GPS začíná být nutné.
  • 52. Obsah je rozhrani1 12 23 34 4 Dotekové ovládání5 5 umožňuje vytváření rozhraní, která nevyžadují tlačítka.
  • 53. Obsah je rozhrani Uživatelé se mohou 1 dotknout přímo 2 obsahu stránky a manipulovat s ním. 3 4 5
  • 54. Obsah je rozhrani 12 3 4 5
  • 55. Obsah je rozhrani 2 1 3 4 5
  • 56. Obsah je rozhrani 2 1Na tomto principu 3funguje mnoho 4objevujících se aplikacía platforem. 5
  • 57. Obsah je rozhrani 2 1Na tomto principu 3funguje mnoho 4objevujících se aplikacía platforem. 5
  • 58. Obsah je rozhrani 2 1Na tomto principu 3funguje mnoho 4objevujících se aplikacía platforem. 5
  • 59. Obsah je rozhrani 2 1Na tomto principu 3funguje mnoho 4objevujících se aplikacía platforem. 5
  • 60. TOZ CO?
  • 61. Ja a LukeWroblewski rikame:
  • 62. Ja a LukeWroblewski rikame:# Rust = prilezitost
  • 63. Ja a LukeWroblewski rikame:# Rust = prilezitost# Omezeni -> soustredeni
  • 64. Ja a LukeWroblewski rikame:# Rust = prilezitost# Omezeni -> soustredeni# Moznosti -> inovace
  • 65. MobileFirst+Letni skola KISKuJan Martinek@endlife