Download - Protože design není dekorace
![Page 1: Protože design není dekorace](https://reader034.vdocuments.pub/reader034/viewer/2022052310/54c3ea1a4a79598f1f8b45aa/html5/thumbnails/1.jpg)
PROTO!EDESIGN není DEKORACE:
Navrhujeme úsp!"né webové aplikace
Jan Bra!na
![Page 2: Protože design není dekorace](https://reader034.vdocuments.pub/reader034/viewer/2022052310/54c3ea1a4a79598f1f8b45aa/html5/thumbnails/2.jpg)
est. 1994
![Page 3: Protože design není dekorace](https://reader034.vdocuments.pub/reader034/viewer/2022052310/54c3ea1a4a79598f1f8b45aa/html5/thumbnails/3.jpg)
Foo? Bar!
![Page 4: Protože design není dekorace](https://reader034.vdocuments.pub/reader034/viewer/2022052310/54c3ea1a4a79598f1f8b45aa/html5/thumbnails/4.jpg)
![Page 5: Protože design není dekorace](https://reader034.vdocuments.pub/reader034/viewer/2022052310/54c3ea1a4a79598f1f8b45aa/html5/thumbnails/5.jpg)
![Page 6: Protože design není dekorace](https://reader034.vdocuments.pub/reader034/viewer/2022052310/54c3ea1a4a79598f1f8b45aa/html5/thumbnails/6.jpg)
IKEA
! Je fenomén.
! D"lá z ka!dého interior designera, p#esto$e to je low-cost #et"zec.
! Ukazuje, $e v designu jde hlavn" o koncept, rozvr!ení, funk"nost, ergonomii, efektivitu.
![Page 7: Protože design není dekorace](https://reader034.vdocuments.pub/reader034/viewer/2022052310/54c3ea1a4a79598f1f8b45aa/html5/thumbnails/7.jpg)
![Page 8: Protože design není dekorace](https://reader034.vdocuments.pub/reader034/viewer/2022052310/54c3ea1a4a79598f1f8b45aa/html5/thumbnails/8.jpg)
![Page 9: Protože design není dekorace](https://reader034.vdocuments.pub/reader034/viewer/2022052310/54c3ea1a4a79598f1f8b45aa/html5/thumbnails/9.jpg)
do krabice?
![Page 10: Protože design není dekorace](https://reader034.vdocuments.pub/reader034/viewer/2022052310/54c3ea1a4a79598f1f8b45aa/html5/thumbnails/10.jpg)
Neexistuje «silver bullet».
![Page 11: Protože design není dekorace](https://reader034.vdocuments.pub/reader034/viewer/2022052310/54c3ea1a4a79598f1f8b45aa/html5/thumbnails/11.jpg)
Omezení pomáhají zjednodu!ovat !e"ení
úkol#.
![Page 12: Protože design není dekorace](https://reader034.vdocuments.pub/reader034/viewer/2022052310/54c3ea1a4a79598f1f8b45aa/html5/thumbnails/12.jpg)
!
![Page 13: Protože design není dekorace](https://reader034.vdocuments.pub/reader034/viewer/2022052310/54c3ea1a4a79598f1f8b45aa/html5/thumbnails/13.jpg)
![Page 14: Protože design není dekorace](https://reader034.vdocuments.pub/reader034/viewer/2022052310/54c3ea1a4a79598f1f8b45aa/html5/thumbnails/14.jpg)
![Page 15: Protože design není dekorace](https://reader034.vdocuments.pub/reader034/viewer/2022052310/54c3ea1a4a79598f1f8b45aa/html5/thumbnails/15.jpg)
![Page 16: Protože design není dekorace](https://reader034.vdocuments.pub/reader034/viewer/2022052310/54c3ea1a4a79598f1f8b45aa/html5/thumbnails/16.jpg)
Dáte-li praseti rt$nku,bude to po!ád jen prase.
![Page 17: Protože design není dekorace](https://reader034.vdocuments.pub/reader034/viewer/2022052310/54c3ea1a4a79598f1f8b45aa/html5/thumbnails/17.jpg)
Design a v!voj se mohou zdát jako na opa"né
stran# bariéry.
![Page 18: Protože design není dekorace](https://reader034.vdocuments.pub/reader034/viewer/2022052310/54c3ea1a4a79598f1f8b45aa/html5/thumbnails/18.jpg)
!
!
![Page 19: Protože design není dekorace](https://reader034.vdocuments.pub/reader034/viewer/2022052310/54c3ea1a4a79598f1f8b45aa/html5/thumbnails/19.jpg)
Design je metodika k%!e"ení problém$.
![Page 20: Protože design není dekorace](https://reader034.vdocuments.pub/reader034/viewer/2022052310/54c3ea1a4a79598f1f8b45aa/html5/thumbnails/20.jpg)
inovace optimizace
![Page 21: Protože design není dekorace](https://reader034.vdocuments.pub/reader034/viewer/2022052310/54c3ea1a4a79598f1f8b45aa/html5/thumbnails/21.jpg)
pr#zkum⬇
tvorba⬇
úprava⬇
realizace⬇
spu"t$ní/iterace
OPTI
MIZ
ACE
| IN
OVAC
E
![Page 22: Protože design není dekorace](https://reader034.vdocuments.pub/reader034/viewer/2022052310/54c3ea1a4a79598f1f8b45aa/html5/thumbnails/22.jpg)
A" nám tohle n#jak! designer ud#lá, aby to vypadalo hezky.
pr%s*r…
![Page 23: Protože design není dekorace](https://reader034.vdocuments.pub/reader034/viewer/2022052310/54c3ea1a4a79598f1f8b45aa/html5/thumbnails/23.jpg)
<#/>
Na grafiku není $as.
![Page 24: Protože design není dekorace](https://reader034.vdocuments.pub/reader034/viewer/2022052310/54c3ea1a4a79598f1f8b45aa/html5/thumbnails/24.jpg)
Chyba lávky
! Absence reálného rozhraní.
! Vzniká in!en%rsk% pohled na UI, kter& se&od u!ivatelského li'í.
![Page 25: Protože design není dekorace](https://reader034.vdocuments.pub/reader034/viewer/2022052310/54c3ea1a4a79598f1f8b45aa/html5/thumbnails/25.jpg)
bugzilla FTW!
![Page 26: Protože design není dekorace](https://reader034.vdocuments.pub/reader034/viewer/2022052310/54c3ea1a4a79598f1f8b45aa/html5/thumbnails/26.jpg)
Ne v'echny biz apps musí vypadat takto.
! Viz n"které aplikace jako Basecamp, Blinksale, Good Data, GetSignoff a jiné, které p#inesly sv"$í vítr.
! (asem si u$ivatelé zvyknou na lep'í rozhraní a budou ho vy$adovat i od sv&ch aplikací.
![Page 27: Protože design není dekorace](https://reader034.vdocuments.pub/reader034/viewer/2022052310/54c3ea1a4a79598f1f8b45aa/html5/thumbnails/27.jpg)
«Dobr& zp#sob, jak p!em&"let o designu webu je, jakoby to bylo fyzické za!ízení. Dálkové ovládání má reálné omezení, kolik m#'e obsahovat tla(ítek. Software 'ádné takové omezení nemá, ale zva'te, jak by vá" software vypadal, kdyby také limity existovaly.»
— Jason Fried
![Page 28: Protože design není dekorace](https://reader034.vdocuments.pub/reader034/viewer/2022052310/54c3ea1a4a79598f1f8b45aa/html5/thumbnails/28.jpg)
Dobr& design:
! Dodává efektivitu.
! Pomáhá (e'it jednotlivé granulární úkoly.
! Ubírá komplexitu.
![Page 29: Protože design není dekorace](https://reader034.vdocuments.pub/reader034/viewer/2022052310/54c3ea1a4a79598f1f8b45aa/html5/thumbnails/29.jpg)
proces tomu nepomáhá
![Page 30: Protože design není dekorace](https://reader034.vdocuments.pub/reader034/viewer/2022052310/54c3ea1a4a79598f1f8b45aa/html5/thumbnails/30.jpg)
web design ! UX designpou'itelnost ! porozum$ní
v&voj ! platformy
![Page 31: Protože design není dekorace](https://reader034.vdocuments.pub/reader034/viewer/2022052310/54c3ea1a4a79598f1f8b45aa/html5/thumbnails/31.jpg)
90% designu není vid"t
![Page 32: Protože design není dekorace](https://reader034.vdocuments.pub/reader034/viewer/2022052310/54c3ea1a4a79598f1f8b45aa/html5/thumbnails/32.jpg)
IA
IxD
pou!itelnost
HCIUI
UX
![Page 33: Protože design není dekorace](https://reader034.vdocuments.pub/reader034/viewer/2022052310/54c3ea1a4a79598f1f8b45aa/html5/thumbnails/33.jpg)
U'ivatelsk& pro'itek není lineární.
![Page 34: Protože design není dekorace](https://reader034.vdocuments.pub/reader034/viewer/2022052310/54c3ea1a4a79598f1f8b45aa/html5/thumbnails/34.jpg)
#
!?
![Page 35: Protože design není dekorace](https://reader034.vdocuments.pub/reader034/viewer/2022052310/54c3ea1a4a79598f1f8b45aa/html5/thumbnails/35.jpg)
Jak se pro'itek m$ní?
![Page 36: Protože design není dekorace](https://reader034.vdocuments.pub/reader034/viewer/2022052310/54c3ea1a4a79598f1f8b45aa/html5/thumbnails/36.jpg)
![Page 37: Protože design není dekorace](https://reader034.vdocuments.pub/reader034/viewer/2022052310/54c3ea1a4a79598f1f8b45aa/html5/thumbnails/37.jpg)
![Page 38: Protože design není dekorace](https://reader034.vdocuments.pub/reader034/viewer/2022052310/54c3ea1a4a79598f1f8b45aa/html5/thumbnails/38.jpg)
Dobrá funkcionalita + dobr& design = dobrá UX?
![Page 39: Protože design není dekorace](https://reader034.vdocuments.pub/reader034/viewer/2022052310/54c3ea1a4a79598f1f8b45aa/html5/thumbnails/39.jpg)
U!ivatel ve st%edu pozornosti.
![Page 40: Protože design není dekorace](https://reader034.vdocuments.pub/reader034/viewer/2022052310/54c3ea1a4a79598f1f8b45aa/html5/thumbnails/40.jpg)
V (em se webapp li"í od website?
![Page 41: Protože design není dekorace](https://reader034.vdocuments.pub/reader034/viewer/2022052310/54c3ea1a4a79598f1f8b45aa/html5/thumbnails/41.jpg)
informace vs. interakcetextové vs. aplika(ní rozhraní
![Page 42: Protože design není dekorace](https://reader034.vdocuments.pub/reader034/viewer/2022052310/54c3ea1a4a79598f1f8b45aa/html5/thumbnails/42.jpg)
A pro" mají úsp#ch?
![Page 43: Protože design není dekorace](https://reader034.vdocuments.pub/reader034/viewer/2022052310/54c3ea1a4a79598f1f8b45aa/html5/thumbnails/43.jpg)
Web p!iná"í inovace.
linkování nalezitelnost
3rd party metadata
aktivní sociální sít"
mashupy
![Page 44: Protože design není dekorace](https://reader034.vdocuments.pub/reader034/viewer/2022052310/54c3ea1a4a79598f1f8b45aa/html5/thumbnails/44.jpg)
Rozhraní
! Jednoduché.
! Konzistentní.
! Rychlé.
! P#íjemn" vypadající.
![Page 45: Protože design není dekorace](https://reader034.vdocuments.pub/reader034/viewer/2022052310/54c3ea1a4a79598f1f8b45aa/html5/thumbnails/45.jpg)
«T!i Spolskyho zákony»
(1) Lidé neum"jí )íst.
(2) Lidé neum"jí ovládat my'.
(3) Lidé si neum"jí pamatovat.
![Page 46: Protože design není dekorace](https://reader034.vdocuments.pub/reader034/viewer/2022052310/54c3ea1a4a79598f1f8b45aa/html5/thumbnails/46.jpg)
Dobré webové aplikace mají mnohé spole)né.Doká!ete to ale najít?
(a vyu#ít?)
![Page 47: Protože design není dekorace](https://reader034.vdocuments.pub/reader034/viewer/2022052310/54c3ea1a4a79598f1f8b45aa/html5/thumbnails/47.jpg)
Navrhování z"ejmého není jednoduché.
![Page 48: Protože design není dekorace](https://reader034.vdocuments.pub/reader034/viewer/2022052310/54c3ea1a4a79598f1f8b45aa/html5/thumbnails/48.jpg)
«Le Fin».Díky.
twitter.com/janbrasna