Your SlideShare is downloading. ×
0
MobileFirst+Letni skola KISKuJan Martinek@endlife
Velikost displejů se zaposledních 20 let faktzměnila.
K cemu?
Na začátku 90. let bylypočítače jen na hraníWolfenstein 3D, protoženebyl internet.
Na konci už existovalAmazon v poněkudstísněné verzi.
A dneska, když nez-menšíte okno, roztečese vám ta webovkanepěkně po displeji.
A pak si v Appluvymysleli tuhle blbost!
A tímhle to úplně nenapravili.768 pixelů na šířku? Srsly?
A lidi to kupujou.
A lidi to kupujou.A používají!
Ty obrazovky jsouskutečně jiné.
A nevejde se tamtoho tolik.
OBRAZOVKA
Ale tohle je      !         nedůležité!Nedulezite!!!
To leda takpro ajťáky!
Nebografiky.
Ale ne pro mladé aperspektivní KISKaře.
Co je dulezite?
Počítače se změnily.
Uživatel počítače vypadádocela OK v kanclu.
Nebo vknihovně.
V supermarketuuž míň.
V metruještě míň.
A v lese užvůbec.
KONTEXT      Kontext užívání      mobilního webu      je důležitý tak,      jak to na note-      booku nikdy      možné ne...
MíSTO        Zároveň je možné,        že uživatel rychle        mění polohu.
A dělá při používánívašeho webu všelicos.
Přece byste nechtěliohrozit špičkový výkončeského olympionikajen tím, že odbydetedesign vámi dělanéwebovky, na kteroukouká...
Texting Zombies: The Scourge of Text Messaging in Public
Texting Zombies: The Scourge of Text Messaging in Public                                    Aplikace příliš vytě-         ...
POZORNOST
TO BY STACILO.
CO S TIM?
Bek tu bejziks     <--
+Bek tu bejziks   Klíčové je přemýšlet         <--   o tom, co přede mnou   říkal Honza Řezáč – tj.   myslet na základní  ...
SOUSTREDIT SE
SOUSTREDIT SEJe třeba se soustředitna uživatele webu.
Prohlédnout si hoze všech stran.                    SOUSTREDIT SE
Klasický web můževypadat takto.
Mobilní verze ale musívlézt na maličký displej.
Ale především musínabídnout přesně to,co uživatel potřebuje,když mobil vytáhne zkapsy.
Na mobilu může spoustavěcí, které na desktopupříliš nemění uživatelůvzážitek (např. reklamy,nadbytečné boxy apod.),zcela z...
Zároveň je možné                           obohatit zážitek zcela                           novými prvky.Na mobilu může sp...
MEGACOOL      Mobil nabízí spoustu      nových možností, které      se dají využít. A lidé si      na ně zvykají, takže to...
MEGACOOL                         Mobil nabízí spoustu                     1:1 nových možností, kteréNavíc jsou mobily osob...
MEGACOOL                         Mobil nabízí spoustu                     1:1 nových možností, kteréNavíc jsou mobily osob...
MEGACOOL                         Mobil nabízí spoustu                     1:1 nových možností, kteréNavíc jsou mobily osob...
Mobily mají zcela novémožnosti vstupu, jako jenapříklad foťák. Dá sepoužít například propřekládání nápisů naulici.       M...
Mobily mají zcela novémožnosti vstupu, jako jenapříklad foťák. Dá sepoužít například propřekládání nápisů naulici.       M...
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  ulic...
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...
Obsah je rozhrani1             12             23             34             4   Dotekové ovládání5             5   umožňuj...
Obsah je rozhrani           Uživatelé se mohou    1      dotknout přímo    2      obsahu stránky a           manipulovat s...
Obsah je rozhrani    12    3    4    5
Obsah je rozhrani    2    1    3    4    5
Obsah je rozhrani                     2                     1Na tomto principu 3funguje mnoho                     4objevuj...
Obsah je rozhrani                     2                     1Na tomto principu 3funguje mnoho                     4objevuj...
Obsah je rozhrani                     2                     1Na tomto principu 3funguje mnoho                     4objevuj...
Obsah je rozhrani                     2                     1Na tomto principu 3funguje mnoho                     4objevuj...
TOZ CO?
Ja a LukeWroblewski rikame:
Ja a LukeWroblewski rikame:# Rust = prilezitost
Ja a LukeWroblewski rikame:# Rust = prilezitost# Omezeni  -> soustredeni
Ja a LukeWroblewski rikame:# Rust = prilezitost# Omezeni  -> soustredeni# Moznosti -> inovace
MobileFirst+Letni skola KISKuJan Martinek@endlife
Mobile first (Letní škola KISKu)
Mobile first (Letní škola KISKu)
Mobile first (Letní škola KISKu)
Mobile first (Letní škola KISKu)
Mobile first (Letní škola KISKu)
Mobile first (Letní škola KISKu)
Upcoming SlideShare
Loading in...5
×

Mobile first (Letní škola KISKu)

2,459

Published on

Published in: Design
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
2,459
On Slideshare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
9
Comments
0
Likes
0
Embeds 0
No embeds

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 of "Mobile first (Letní škola KISKu)"

    1. 1. MobileFirst+Letni skola KISKuJan Martinek@endlife
    2. 2. Velikost displejů se zaposledních 20 let faktzměnila.
    3. 3. K cemu?
    4. 4. Na začátku 90. let bylypočítače jen na hraníWolfenstein 3D, protoženebyl internet.
    5. 5. Na konci už existovalAmazon v poněkudstísněné verzi.
    6. 6. A dneska, když nez-menšíte okno, roztečese vám ta webovkanepěkně po displeji.
    7. 7. A pak si v Appluvymysleli tuhle blbost!
    8. 8. A tímhle to úplně nenapravili.768 pixelů na šířku? Srsly?
    9. 9. A lidi to kupujou.
    10. 10. A lidi to kupujou.A používají!
    11. 11. Ty obrazovky jsouskutečně jiné.
    12. 12. A nevejde se tamtoho tolik.
    13. 13. OBRAZOVKA
    14. 14. Ale tohle je ! nedůležité!Nedulezite!!!
    15. 15. To leda takpro ajťáky!
    16. 16. Nebografiky.
    17. 17. Ale ne pro mladé aperspektivní KISKaře.
    18. 18. Co je dulezite?
    19. 19. Počítače se změnily.
    20. 20. Uživatel počítače vypadádocela OK v kanclu.
    21. 21. Nebo vknihovně.
    22. 22. V supermarketuuž míň.
    23. 23. V metruještě míň.
    24. 24. A v lese užvůbec.
    25. 25. KONTEXT Kontext užívání mobilního webu je důležitý tak, jak to na note- booku nikdy možné nebylo.
    26. 26. MíSTO Zároveň je možné, že uživatel rychle mění polohu.
    27. 27. A dělá při používánívašeho webu všelicos.
    28. 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. 29. Texting Zombies: The Scourge of Text Messaging in Public
    30. 30. Texting Zombies: The Scourge of Text Messaging in Public Aplikace příliš vytě- žující pozornost dělají z uživatelů zombie.
    31. 31. POZORNOST
    32. 32. TO BY STACILO.
    33. 33. CO S TIM?
    34. 34. Bek tu bejziks <--
    35. 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. 36. SOUSTREDIT SE
    37. 37. SOUSTREDIT SEJe třeba se soustředitna uživatele webu.
    38. 38. Prohlédnout si hoze všech stran. SOUSTREDIT SE
    39. 39. Klasický web můževypadat takto.
    40. 40. Mobilní verze ale musívlézt na maličký displej.
    41. 41. Ale především musínabídnout přesně to,co uživatel potřebuje,když mobil vytáhne zkapsy.
    42. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 54. Obsah je rozhrani 12 3 4 5
    55. 55. Obsah je rozhrani 2 1 3 4 5
    56. 56. Obsah je rozhrani 2 1Na tomto principu 3funguje mnoho 4objevujících se aplikacía platforem. 5
    57. 57. Obsah je rozhrani 2 1Na tomto principu 3funguje mnoho 4objevujících se aplikacía platforem. 5
    58. 58. Obsah je rozhrani 2 1Na tomto principu 3funguje mnoho 4objevujících se aplikacía platforem. 5
    59. 59. Obsah je rozhrani 2 1Na tomto principu 3funguje mnoho 4objevujících se aplikacía platforem. 5
    60. 60. TOZ CO?
    61. 61. Ja a LukeWroblewski rikame:
    62. 62. Ja a LukeWroblewski rikame:# Rust = prilezitost
    63. 63. Ja a LukeWroblewski rikame:# Rust = prilezitost# Omezeni -> soustredeni
    64. 64. Ja a LukeWroblewski rikame:# Rust = prilezitost# Omezeni -> soustredeni# Moznosti -> inovace
    65. 65. MobileFirst+Letni skola KISKuJan Martinek@endlife
    1. A particular slide catching your eye?

      Clipping is a handy way to collect important slides you want to go back to later.

    ×