Interaktivita, originalita a návrhové vzory

Principy interaktivní tvorby
Hostující přednáška


Karel Minařík
Art Director / Informační architekt ve společnosti ILIKETHIS!
karmi@karmi.cz


Obsah přednášky:

1. Interaktivita
2. Ambivalence webové stránky
3. Návrhové vzory


1 Interaktivita


Interaktivita


In the beginning was the command line...


Minority Report (Steven Spielberg, 2002)


http://cs.nyu.edu/~jhan/ftirtouch/


Objekt ovládaný zvukovým vstupem
(Macromedia Flash)


PSDoom (http://psdoom.sourceforge.net/)


Očekávání / Konvence
versus
Kreativita / Inovace


2 Ambivalence webové stránky


Je webová stránka spíše něco jako “kniha”...


... nebo spíše nějaký “prostor”, kde se musím vyznat?


Nebo něčím mezi?


Ambivalentní povaha webové stránky

Je zároveň “listem papíru” i “informačním systémem”.
Webdesignér musí uvažovat nejen jako typograf a designér,
ale též jako architekt a průvodce.


Konvence při orientaci


Konvence při orientaci

Když se někde vyznám, nebloudím
Účelnost


Touha objevovat, být překvapován, ...

Když se procházím, neměřím si čas
Překvapení


3 Návrhové vzory
(Design patterns)


Každou sobotu v LN čtyři přílohy: REVUE, RELAX, ORIENTACE a VĚDA VRAŽDY V NEMOCNICI Jak se kauza vyvíjela z pohledu vraha a jak z pohledu primáře? Strana A4

DNES
MLADÁ FRONTA

U stadionů chybějí parkovací místa
Staroměstské
praha náměstí: plán trhů
Zprávy z vašeho města Podrobný průvodce nejznámějšími
vánočními trhy v hlavním městě.

víkend
Co u kterého stánku prodávají?
Téma, strana B7

Nový Langmajer Zubní kaz
www.idnes.cz SOBOTA 9. PROSINCE - NEDĚLE 10. PROSINCE 2006 10,- Kč (předplatné 8,50 Kč*), XVII / 286

100 tipů na knihu
jako infekce 3 rozhovory: Drda,
Spilka, Černá
k Vánocům
Už nejsem rozzlobený stárnoucí muž
Pozor na polibky Příloha Věda
Rozhovor v příloze Kulturní revue Jaké mají názory tři zpěváci
Poradíme vám, jak se vyznat v záplavě knih
I
těsně před finále? Příloha Víkend
NEZÁVISLÝ DENÍK ZALOŽENÝ 1893 CENA 12 Kč (Předplatné 11 Kč*)
SOBOTA A NEDĚLE 9. - 10. PROSINCE 2006
Světové hity, dobré romány i knížky pro děti Sešit D
I

ORIENTACE
Poblázněná příroda: bude do Vánoc sníh? Český HDP:
ČSSD zve Zemana
TOTO JE ZIMA? Není sníh, lyžaři trpí
DNES víkend
čas rekordů VÍKEND
Český slavík:
je u konce
na kobereček
32. triumf Karla Gotta?
Gott rozhodně má
PRAHA Česká ekonomika začíná na další vítězství,
přibrzďovat. Potvrzují to nejnověj- říkají moderátoři
Biománie v Německu ší údaje o vývoji hrubého domácí- Roman Ondráček
ho produktu (HDP), které včera
Němci jsou posedlí bioprodukty. a Miloš Pokorný,
Zeman odmítl přijít I Bursík o vládě dál jednat nebude
zveřejnil statistický úřad. Zatímco
Nejenže konzumují biopotraviny, kteří budou dnešní
ve druhém letošním čtvrtletí rostl vyhlášení nejlepších českých zpěvá-
ale jezdí na biopaliva a relaxují
HDP více než šestiprocentním I Nechystám puč
ků a zpěvaček uvádět. nějaký puč,“ řekl včera MF DNES
Strana C1 Praha - V sociální demokracii to
na biodovolených. strany I a II
tempem, od července do září zvol- vře a zve si na kobereček Miloše Zeman. Zároveň však souhlasí s re-
nil na 5,8 procenta. Podle ekono-
ROZHOVOR TÝDNE
Týden mezi narkomany Zemana. Špičky strany jsouúmy- pře- belantem Melčákem, že pro ČSSD
Bývalý šéf ČSSD
mů lze ale i tak označit výkon čes-
Zelenka možná zabil víc lidí. svědčeny, že bývalý předseda je lepší zůstat v opozici.
napsal vedení
ké ekonomiky za solidní. Stojí za
K dalším vraždám se může Reportér MF DNES strávil několik slně škodí ČSSD. Tvrdík si myslí, že organizáto-
strany dopis.
ním především útraty domácností
přiznat později, říká bývalý šéf
dní s narkomany, kteří se v Besky- Podezřívají ho, že on nebo jeho rem „puče“ ve straně s cílem sesa-
„Nechystám
a také investice. Růst naproti tomu
pražské mordparty. strana 11
dech snaží zbavit své závislosti na bývalí spolupracovníci mohou stát dit Jiřího Paroubka z čela ČSSD je
žádný puč,“
nejvíce brzdí drahá ropa a silný
pervitinu a heroinu. Jak takové léče- za odchodem poslance Miloše Mel- Zemanův spolupracovník Milo-
ZAJÍMAVOSTI ujišťuje je.
kurz koruny. Příští rok by měla Roz
ní vypadá? Strana C4 čáka z klubu sociálních demokra- slav Šlouf.
Archeologové objevili ve ekonomika zpomalit mnohem vý- Rozhovor s Milošem Zemanem na str. A2
tů. Jeho rebelie stranu citelně osla- Ten včera navštívil Zemana na
Vatikánu hrob svatého Pavla. razněji. Ekonomové, hlavně kvůli
KULTURNÍ SCÉNA
Ostatky leží v kryptě nesoucí buje v nynějších jednáních o nové chalupě. „Paroubek skončí jako
absencím reforem, odhadují jen
apoštolovo jméno. vládě. aby hájil své postoje k dalšímu předseda, když stranu nedostane
Eragon, nástupník
strana 12 čtyřprocentní růst. peh
Sociální demokracie se obává, směřování strany,“ řekl šéf Paroub- do vlády. Lidi, kteří s ním z ekono-
Více informací na straně 7
Harryho Pottera
RELAX
že po Melčákovi by mohli následo- kových poradců Jaroslav Tvrdík. mických a mocenských pozic spo-
Nové technologie mě chytly, říká
SLOUPEK LN Po kouzelnickém vat další odpadlíci. Včera proto Zeman však „na kobereček“ ne- lupracují, ho pak odstraní. Tak to
režisér Václav Vorlíček, který
učni mají děti všichni poslanci museli potvrdit, půjde. Obratem pozvání odmítl. je,“ řekl včera Šlouf.
Červená zeleným
natáčí další díl filmu Dívka na
nový filmový hit. že jsou loajální a nechystají zradu. Místo toho posílá ČSSD svůj do- Kromě zmatku v ČSSD zasáhli
koštěti. strany 16 a 17
Na plátna kin při- Přesto vedení ČSSD poslalo Ze- pis. včera významně do jednání o vlá-
Příště raději na kolečkách? Abnormálně teplý podzim trápí milovníky zimních sportů po celé Evropě. Start sezony v českých horských střediscích je ONDŘEJ NEFF chází jezdec na dra- manovi na Vysočinu zvláštní do- „Píšu jim, že naletěli fámám, po- dě také zelení. Ti z něj rovnou ode-
ÚHEL POHLEDU v nedohlednu. Meteorologové slibují sníh v třetím prosincovém týdnu. Čtěte Téma na straně 3 kovi Eragon, hrdi- pis. Zve ho na jednání širšího vede- kud se domnívají, že se chci vrátit šli.
Foto ČTK/AP

P
okud tedy opravdu vznikne na stejnojmenné dobrodružné kníž- ní strany příští víkend. „Chceme, do politiky, tím méně organizovat Pokračování na str. A2
vláda – ať už dostane pří- ky. Strana D12

Pravice prohrála. Nový
zvisko jakékoli, třeba „vlá-

Nevraždil nemocniční vrah už dřív?
da tří strážníků“ podle písničky
Rebelka Pink se vrací
V+W o strážnících, kteří se hádali
před strážnicí – složená z ODS, Jedna z nejúspěš-
ČSSD a lidovců – bude tu jedna
Lékaři budou pátrat po podezřelých úmrtích za několik posledních let
nějších popových
pozitivní stránka. V opozici nebu-

zákoník práce platí
zpěvaček součas-
dou jen komunisté, ale i zelení.
nosti přijíždí do znal, že už se mu ozvali dva lidé, kte- na vykrvácení,“ řekl Šuma. Vrahovi
Praha - Nezačal nemocniční vrah
Bursík z jednání odešel s pořád-
PATRICK ZANDL Česka s novou des- Petr Zelenka vraždit mnohem dříve, rým během Zelenkova působení v rodiče zatím zařídili svému synovi ji-
ným prásknutím dveří, aby to ne-
publicista
kou I’m Not Dead. než nyní tušíme? Jihlavě zemřeli příbuzní. Obávají se, ného advokáta. Zřejmě se jim zdálo,
vypadalo tak, že byl vyšoupnut na
Čím sedmadvacetiletá provokatérka Právě to má za úkol vyšetřit zna- že Vítězslav Menšík jeho práva nehá-
přání sociálních demokratů.
Dnešnímu způsobu dokázala zaujmout? lecká komise zdravotníků, která v ne- jí dobře. Advokátní komora s ním ze
Strana D12
Bursíkův odkaz na ekologické
mocnici v Havlíčkově Brodě projde stejného důvodu zahájila kárné říze-
prezidenta i zaměstnavatelů, bude mu jednání sněmovny vládní návrh Odpůrci zákoníku pak sice dal- priority, které vypadly z progra- Muž, běloch, 30 let.
PETR KUČERA
distribuce hudby VĚDA všechny podezřelé případy vykrváce- ní. Nový advokát Jan Herout včera
od ledna platit. na roční odsunutí platnosti zákoní- ším hlasováním protlačili alespoň mu „sedmi statečných“, je prů- Podle statistik
ní od roku 1998. Právě v té době Ze- pozůstalým tlumočil omluvu rodičů.
Jak souvisí
PRAHA Pravicí nenáviděný, levicí Zákoník podle kritiků obsahuje ku. Poté spojenými silami ustáli onu minimální třicetidenní lhůtu, hledná záminka. Navrhované nejčastější vrah v Evropě
zvoní hrana lenka do nemocnice nastoupil. „Je jim to hrozně líto. Snažili se syna
milovaný nový zákoník práce bude řadu závažných chyb. Neúměrně po- i snahu levice o jeho okamžité za- ale to už vlastně nemá význam. Do ekologické změny v dopravě
stáří a rakovina? a v Americe.
„Prostudují chorobopisy, lékařské řádně vychovat, nedovedou si to vy-
platit od 1. ledna 2007. Nic na tom siluje roli odborových organizací, mítnutí. Pokus zkrátit další projed- 1. ledna není šance odsunutí zákoní- jsou v současné chvíli utopií a do

O
dvod poplatků ze zázna- nezměnila ani včerejší mimořádná není navázán na další zákony, svazu- návání tak, aby se stihlo do konce ku schválit. trojkoaličního programu se dosta- Čeští vědci hledají souvislost mezi postupy i laboratorní testy,“ řekl vče- světlit.“
Více v sobotním rozhovoru na straně A13
mových médií a tiskáren schůze sněmovny. je zaměstnavatelům ruce při řízení roku, se ale už podařilo ČSSD a ko- „Necháme ještě právníky posou- ly jen kvůli klidu v rodině. A ně- stárnutím a vznikem zhoubných ná- ra ministr zdravotnictví Tomáš Julí- Havlíčkobrodská nemocnice roze-
přináší zajímavý pro- Poslanci na ní odhlasovali, že se podniků. Některé klíčové resorty, munistům zablokovat. dit, jestli přece jen neexistuje něja- jaké „jasno“ o podobě energeti- dorů. Za svůj výzkum dostali cenu v nek. Další komise prověří Zelenko- že to bylo Zelenkovou vinou. „Jeden slala pozůstalým dopis. Za činy své-
blém. I když si nekupujete žád- budou dál vážně zabývat návrhem třeba zdravotnictví či doprava, ne- Vláda chtěla dát sněmovním vý- ká další možnost, jak platnost odsu- ky, to je utopie ještě větší, proto- Dánsku. vo měsíční působení v jihlavské ne- zemřel na oddělení, kde Zelenka ne- ho zaměstnance se v něm však neo-
Strana C11
nou hudbu a používáte například na roční odložení platnosti zákoní- jsou na jeho zavedení vůbec připra- borům na posouzení návrhu jen tři nout. Ale na 95 procent jsem pře- že skutečné jasno vyvolá až sku- mocnici. Její ředitel Martin Šuma při- pracoval. Druhý ano, ale nezemřel mlouvá. Pokračování na str. A4
CD k archivaci dat nebo tiskárnu ku. Zároveň ale učinili jiné rozhod- veny. Na splnění podmínek zákoní- dny. „O zkrácení doby projednává- svědčený, že to kvůli zabedněnosti tečná tma, tedy bezprostřední EKONOMIKA
k tisku své obchodní korespon- nutí, kterým tento odklad fakticky ku, především výrazného zkrácení ní na méně než třicet dnů rozhodu- levice už nebude možné stihnout. energetická krize.
Češi už v životní úrovni
Inspekce: Pozor na mléčnou rýži
dence, platíte kolektivním správ- znemožnili. limitů pro přesčasovou práci, chybě- je stanovisko poslaneckých klubů. Pokud zjistíme, že to opravdu ne- Pokud tedy vznikne taková vlá-
dohánějí Řecko
cům autorských poplatků. Za Výsledkem bouřlivých debat je, jí peníze i dostatek pracovních sil. Jakmile alespoň dva kluby návrh jde, vláda návrh z projednávání da, zeleným bude v opozici dob-
díla, která nespravují. Protože že nový pracovněprávní kodex, pro- Poslancům ODS se včera nejpr- vetují, nelze pod tuto hranici jít. stáhne. Nemělo by to totiž smysl,“ ře, rozhodně líp, než kdyby byli
Školní kurz skončil fiaskem
Češi už mají lepší životní úroveň
jsou vaše. Tomuto postupu se ne- sazený a schválený levicovými stra- ve podařilo s podporou lidovců A přesně to se stalo,“ řekl ministr připustil Nečas. přílepkem se sotva slyšitelným než Portugalci a dotahují se na dru- ropská komise. Její varování se však tel Státní veterinární správy Milan
Praha (cen) - V Česku se pátrá po
říká zlodějina ani svinstvo, ačko- nami přes odpor pravice, Senátu, a zelených těsně prosadit do progra- práce a sociálních věcí Petr Nečas. hlasem. Bursík odjel po prásknutí
Pokračování na straně 2
hou z takzvaných „západních“ zemí. podezřelé zásilce mléčné rýže Mül- týká jen jedné výrobní série, která Malena. Varování z Bruselu podle rologů až kolem Vánoc. Zatím pa-
Pec pod Sněžkou (rep) - Školáci
liv znaky obojího to splňuje. dveřmi do zahraničí. Mohl to
Přibližují se ke standardu lidí v Řec- ler. Některá balení, která se mohla měla trvanlivost do 31. listopadu. něj přišlo, až když už byla vadná z Trutnova odjeli včera z lyžařské- dají teplotní rekordy a ve městech
Říká se tomu spravedlivá kom- v klidu udělat, protože vládní vá-
ku. Portugalsko je z pohledu životní objevit i na pultech českých obcho- Je tedy možné, že už se nedá nic dávka rýže prošlá. Inspektoři vyrazi- ho soustředění, aniž se vůbec svez- kvetou růže. V Ostravě včera na-
penzace nositelů práv. Minimál- nočka ještě není upletena, natož

Skandál v Německu: nahý Čtyřkoalice je v troskách, úrovně na 70 procentech průměru dů, pravděpodobně obsahují zvýše- zachránit a lidé rýži snědli. V ma- li do skladu dovozce v pražských Ky- li. Loni touto dobou bylo v Krkono- měřili 14 stupňů Celsia, nejvíce za
ně proto, že to zní lépe. upečena. Může se snadno stát, že
EU, Česko dosahuje 76,2 procenta a né množství kumarinu. lém množství by však kumarin ne- jích, ale tam nic nenašli. Nyní dál pá- ších přes půl metru sněhu a teploty posledních 27 let. Sníh chybí i v
Je smutné, že se stát nechal tr- z jednání odejdou pro změnu soci-
Řecko 82,7 procenta. To je přírodní látka, která snižuje měl ublížit. „Pokud by to byla zprá- trají. Podle ČTK výrobce stahuje okolo minus pěti stupňů. Situace Alpách, ruší se tam i lyžařské závo-
Strana A10
valým tlakem lobbistických orga- ální demokraté, a pak se zelení bu-
eurokomisař na pláži zelení opustili jednání srážlivost krve a může škodit zdraví, va o bezprostředním ohrožení, tak pro jistotu i některá další balení sko- se nezlepší, i když se má trochu dy. Více na str. A5 a B9
nizací připravit o základní pilíř dou moci k jednacímu stolu vrátit
takže čeští inspektoři už začali rýži bychom ihned informovali veřej- řicové mléčné rýže. ochladit. Sněžit bude podle meteo- FOTO: ČTK – ALEXANDRA MLEJNKOVÁ
právního systému, tedy presump- s hlavou vztyčenou.
KAVÁRNA hledat. Před rizikem je varovala Ev- nost, ale to zde nehrozilo,“ řekl ředi- Pokračování na str. A10
ci neviny. Vinen kopírováním ci-
Češi jen táhnou
zích autorských děl jste vždy, BERLÍN Aféra kolem mimomanžel- vá. Její kolega ze sesterské strany PRAHA Včera dopoledne se v jed- dobí byla vláda bez demokratické
když si koupíte třeba jen prázdné ského vztahu evropského komisaře CDU kancléřk

Návrhové vzory (Design patterns)

Design v širším slova smyslu — návrh
Obvyklé způsoby řešení obvyklých problémů při navrhování
Termín má svůj původ v architektuře a urbanismu
„Nevynalézat znovu kolo“


Příklad
Barevné odlišení různých sekcí webu
(Color coding)

www.apple.com


Příklad
Návod pro vyplnění pole (Input Hints)

Systémové předvolby Mac OS X

Dialog tisku v Microsoft Word


Příklad
Panel s kontextovými akcemi (Action panel)

Basecamp (www.basecamphq.com)

Microsoft Powerpoint


Návrhové vzory jsou založeny na
základních kognitivních vztazích:

• Podobnost (podobné × nepodobné)
• Vzdálenost (blízké × vzdálené)
• Kontrast (černá × bílá)
• Kontinuita (pokračování × přerušení)
• atd.


Jenifer Tidwell: Designing Interfaces, s. 95


Přístrojová deska automobilu (dashboard)


Dashboard, Mac OS X


Úvodní strana Google Analytics


Návrhové vzory jsou katalogem „receptů“
na běžné problémy designéra.
Jejich smyslem je znovu-použití
konceptu, vzhledu nebo kódu.


INOVACE

? Principy interaktivní tvorby

„Já hrušky nerad, tak jsem to udělal z broskví.“

Editace „na místě“ (www.ﬂickr.com)


Dynamická webová aplikace (www.farecast.com)


INOVACE
=
ITERACE

Jenifer Tidwell
Designing Interfaces
Patterns for Effective Interaction Design
O’Reilly, 2005
352 stran


www.designinginterfaces.com

www.welie.com

http://developer.yahoo.com/ypatterns/
www.hillside.net/patterns/


Děkuji!


Interaktivita, originalita a návrhové vzory

Recommended

Recommended

More Related Content

More from Karel Minarik

More from Karel Minarik (14)

Interaktivita, originalita a návrhové vzory