• Save
Interaktivita, originalita a návrhové vzory
Upcoming SlideShare
Loading in...5
×
 

Interaktivita, originalita a návrhové vzory

on

  • 3,172 views

Přednáška na katedře Studia nových médií (FFUK, prosinec 2006) v rámci kursu "Principy interaktivní tvorby". Interaktivita na současném webu, návrhové vzory a pojetí originality.

Přednáška na katedře Studia nových médií (FFUK, prosinec 2006) v rámci kursu "Principy interaktivní tvorby". Interaktivita na současném webu, návrhové vzory a pojetí originality.

Statistics

Views

Total Views
3,172
Views on SlideShare
3,161
Embed Views
11

Actions

Likes
0
Downloads
0
Comments
0

4 Embeds 11

http://www.linkedin.com 6
http://www.slideshare.net 2
https://www.linkedin.com 2
http://www.blogger.com 1

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

CC Attribution-ShareAlike LicenseCC Attribution-ShareAlike License

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    Interaktivita, originalita a návrhové vzory Interaktivita, originalita a návrhové vzory Presentation Transcript

    • Principy interaktivní tvorby Hostující přednáška Principy interaktivní tvorby
    • Karel Minařík Art Director / Informační architekt ve společnosti ILIKETHIS! karmi@karmi.cz Principy interaktivní tvorby
    • Obsah přednášky: 1. Interaktivita 2. Ambivalence webové stránky 3. Návrhové vzory Principy interaktivní tvorby
    • 1 Interaktivita Principy interaktivní tvorby
    • Interaktivita Principy interaktivní tvorby
    • In the beginning was the command line... Principy interaktivní tvorby
    • Principy interaktivní tvorby
    • Principy interaktivní tvorby
    • Minority Report (Steven Spielberg, 2002) Principy interaktivní tvorby
    • http://cs.nyu.edu/~jhan/ftirtouch/ Principy interaktivní tvorby
    • Objekt ovládaný zvukovým vstupem (Macromedia Flash) Principy interaktivní tvorby
    • PSDoom (http://psdoom.sourceforge.net/) Principy interaktivní tvorby
    • Principy interaktivní tvorby
    • Principy interaktivní tvorby
    • Očekávání / Konvence versus Kreativita / Inovace Principy interaktivní tvorby
    • 2 Ambivalence webové stránky Principy interaktivní tvorby
    • Je webová stránka spíše něco jako “kniha”... Principy interaktivní tvorby
    • Principy interaktivní tvorby
    • Principy interaktivní tvorby
    • ... nebo spíše nějaký “prostor”, kde se musím vyznat? Principy interaktivní tvorby
    • Principy interaktivní tvorby
    • Principy interaktivní tvorby
    • Nebo něčím mezi? Principy interaktivní tvorby
    • Principy interaktivní tvorby
    • 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. Principy interaktivní tvorby
    • Konvence při orientaci Principy interaktivní tvorby
    • Principy interaktivní tvorby
    • Principy interaktivní tvorby
    • Konvence při orientaci Když se někde vyznám, nebloudím Účelnost Principy interaktivní tvorby
    • Principy interaktivní tvorby
    • Touha objevovat, být překvapován, ... Když se procházím, neměřím si čas Překvapení Principy interaktivní tvorby
    • Principy interaktivní tvorby
    • 3 Návrhové vzory (Design patterns) Principy interaktivní tvorby
    • 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
    • Principy interaktivní tvorby
    • Principy interaktivní tvorby
    • 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“ Principy interaktivní tvorby
    • Principy interaktivní tvorby
    • Principy interaktivní tvorby
    • Principy interaktivní tvorby
    • Příklad Barevné odlišení různých sekcí webu (Color coding) www.apple.com Principy interaktivní tvorby
    • Příklad Návod pro vyplnění pole (Input Hints) Systémové předvolby Mac OS X Dialog tisku v Microsoft Word Principy interaktivní tvorby
    • Příklad Panel s kontextovými akcemi (Action panel) Basecamp (www.basecamphq.com) Microsoft Powerpoint Principy interaktivní tvorby
    • 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. Principy interaktivní tvorby
    • Jenifer Tidwell: Designing Interfaces, s. 95 Principy interaktivní tvorby
    • Principy interaktivní tvorby
    • Přístrojová deska automobilu (dashboard) Principy interaktivní tvorby
    • Dashboard, Mac OS X Principy interaktivní tvorby
    • Úvodní strana Google Analytics Principy interaktivní tvorby
    • Principy interaktivní tvorby
    • Principy interaktivní tvorby
    • Principy interaktivní tvorby
    • Principy interaktivní tvorby
    • Principy interaktivní tvorby
    • Principy interaktivní tvorby
    • Principy interaktivní tvorby
    • Principy interaktivní tvorby
    • Principy interaktivní tvorby
    • Návrhové vzory jsou katalogem „receptů“ na běžné problémy designéra. Jejich smyslem je znovu-použití konceptu, vzhledu nebo kódu. Principy interaktivní tvorby
    • INOVACE ? Principy interaktivní tvorby
    • „Já hrušky nerad, tak jsem to udělal z broskví.“ Principy interaktivní tvorby
    • Editace „na místě“ (www.flickr.com) Principy interaktivní tvorby
    • Dynamická webová aplikace (www.farecast.com) Principy interaktivní tvorby
    • INOVACE = ITERACE Principy interaktivní tvorby
    • Principy interaktivní tvorby
    • Jenifer Tidwell Designing Interfaces Patterns for Effective Interaction Design O’Reilly, 2005 352 stran Principy interaktivní tvorby
    • www.designinginterfaces.com www.welie.com http://developer.yahoo.com/ypatterns/ www.hillside.net/patterns/ Principy interaktivní tvorby
    • Děkuji! Principy interaktivní tvorby