1. Mobile
First+
Letni skola KISKu
Jan Martinek
@endlife

2. Velikost displejů se za
posledních 20 let fakt
změnila.

3. K cemu?

4. Na začátku 90. let byly
počítače jen na hraní
Wolfenstein 3D, protože
nebyl internet.

5. Na konci už existoval
Amazon v poněkud
stísněné verzi.

6. A dneska, když nez-
menšíte okno, rozteče
se vám ta webovka
nepěkně po displeji.

7. A pak si v Applu
vymysleli 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í!

13. Ty obrazovky jsou
skutečně jiné.

14. A nevejde se tam
toho tolik.

15. OBRAZOVKA

16. Ale tohle je
! nedůležité!
Nedulezite!!!

17. To leda tak
pro ajťáky!

18. Nebo
grafiky.

19. Ale ne pro mladé a
perspektivní KISKaře.

20. Co je dulezite?

21. Počítače se změnily.

22. Uživatel počítače vypadá
docela OK v kanclu.

23. Nebo v
knihovně.

24. V supermarketu
už míň.

25. V metru
ještě míň.

26. A v lese už
vůbec.

27. KONTEXT
Kontext užívání
mobilního webu
je důležitý tak,
jak to na note-
booku nikdy
možné nebylo.

31. MíSTO
Zároveň je možné,
že uživatel rychle
mění polohu.

32. A dělá při používání
vašeho webu všelicos.

33. Přece byste nechtěli
ohrozit špičkový výkon
českého olympionika
jen tím, že odbydete
design vámi dělané
webovky, na kterou
kouká při výkonu. A dělá při používání
vašeho webu všelicos.

34. Texting Zombies: The Scourge of Text Messaging in Public

35. Texting Zombies: The Scourge of Text Messaging in Public
Aplikace příliš vytě-
žující pozornost dělají
z uživatelů zombie.

36. POZORNOST

37. TO BY STACILO.

38. CO S TIM?

39. Bek tu bejziks
<--

40. +
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.

41. SOUSTREDIT SE

42. SOUSTREDIT SE
Je třeba se soustředit
na uživatele webu.

43. Prohlédnout si ho
ze všech stran.
SOUSTREDIT SE

44. Klasický web může
vypadat takto.

45. Mobilní verze ale musí
vlézt na maličký displej.

46. Ale především musí
nabídnout přesně to,
co uživatel potřebuje,
když mobil vytáhne z
kapsy.

48. Na mobilu může spousta
věcí, které na desktopu
příliš nemění uživatelův
zážitek (např. reklamy,
nadbytečné boxy apod.),
zcela zničit užitnou
hodnotu webu.

49. Zároveň je možné
obohatit zážitek zcela
novými prvky.
Na mobilu může spousta
věcí, které na desktopu
příliš nemění uživatelův
zážitek (např. reklamy,
nadbytečné boxy apod.),
zcela zničit užitnou
hodnotu webu.

50. 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é.

51. 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. začíná být nutné.

52. 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é.

53. 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é.

54. 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.
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é.

55. 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.
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é.

56. 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.
MEGACOOL
GYRO 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é.

57. 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.
MEGACOOL
GYRO 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é.

58. Obsah je rozhrani
1 1
2 2
3 3
4 4 Dotekové ovládání
5 5 umožňuje vytváření
rozhraní, která
nevyžadují tlačítka.

59. Obsah je rozhrani
Uživatelé se mohou
1 dotknout přímo
2 obsahu stránky a
manipulovat s ním.
3
4
5

60. Obsah je rozhrani
12
3
4
5

61. Obsah je rozhrani
2
1
3
4
5

62. Obsah je rozhrani
2
1
Na tomto principu 3
funguje mnoho
4
objevujících se aplikací
a platforem.
5

63. Obsah je rozhrani
2
1
Na tomto principu 3
funguje mnoho
4
objevujících se aplikací
a platforem.
5

64. Obsah je rozhrani
2
1
Na tomto principu 3
funguje mnoho
4
objevujících se aplikací
a platforem.
5

65. Obsah je rozhrani
2
1
Na tomto principu 3
funguje mnoho
4
objevujících se aplikací
a platforem.
5

66. TOZ CO?

67. Ja a Luke
Wroblewski rikame:

68. Ja a Luke
Wroblewski rikame:
# Rust = prilezitost

69. Ja a Luke
Wroblewski rikame:
# Rust = prilezitost
# Omezeni
-> soustredeni

70. Ja a Luke
Wroblewski rikame:
# Rust = prilezitost
# Omezeni
-> soustredeni
# Moznosti -> inovace

71. Mobile
First+
Letni skola KISKu
Jan Martinek
@endlife