PROTO!EDESIGN není DEKORACE:

Navrhujeme úsp!"né webové aplikace

Jan Bra!na

est. 1994

Foo? Bar!

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.

do krabice?

Neexistuje «silver bullet».

Omezení pomáhají zjednodu!ovat !e"ení

úkol#.

!

Dáte-li praseti rt$nku,bude to po!ád jen prase.

Design a v!voj se mohou zdát jako na opa"né

stran# bariéry.

!

!

Design je metodika k%!e"ení problém$.

inovace optimizace

pr#zkum⬇

tvorba⬇

úprava⬇

realizace⬇

spu"t$ní/iterace

OPTI

MIZ

ACE

| IN

OVAC

E

A" nám tohle n#jak! designer ud#lá, aby to vypadalo hezky.

pr%s*r…

<#/>

Na grafiku není $as.

Chyba lávky

! Absence reálného rozhraní.

! Vzniká in!en%rsk% pohled na UI, kter& se&od u!ivatelského li'í.

bugzilla FTW!

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í.

«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

Dobr& design:

! Dodává efektivitu.

! Pomáhá (e'it jednotlivé granulární úkoly.

! Ubírá komplexitu.

proces tomu nepomáhá

web design ! UX designpou'itelnost ! porozum$ní

v&voj ! platformy

90% designu není vid"t

IA

IxD

pou!itelnost

HCIUI

UX

U'ivatelsk& pro'itek není lineární.

#

!?

Jak se pro'itek m$ní?

Dobrá funkcionalita + dobr& design = dobrá UX?

U!ivatel ve st%edu pozornosti.

V (em se webapp li"í od website?

informace vs. interakcetextové vs. aplika(ní rozhraní

A pro" mají úsp#ch?

Web p!iná"í inovace.

linkování nalezitelnost

3rd party metadata

aktivní sociální sít"

mashupy

Rozhraní

! Jednoduché.

! Konzistentní.

! Rychlé.

! P#íjemn" vypadající.

«T!i Spolskyho zákony»

(1) Lidé neum"jí )íst.

(2) Lidé neum"jí ovládat my'.

(3) Lidé si neum"jí pamatovat.

Dobré webové aplikace mají mnohé spole)né.Doká!ete to ale najít?

(a vyu#ít?)

Navrhování z"ejmého není jednoduché.

«Le Fin».Díky.

twitter.com/janbrasna

mail@janbrasna.com