ݺߣ

ݺߣShare a Scribd company logo
Interakční design v urbánním prostředí 
*** Pavel Farkas *** FHS-UK*** 
pf@pfarkas.com @pfar 
Asociace UX * ERA Svět * 1.12.2014
Zájmy a východiska 
Město 
Komunikace 
Interakce 
Lidé!!! 
(Paralely) (Paříž)
Interakce... 
(u vás doma)
Interakce... 
(Praha)
Širší pojetí interakce... 
(Lisabon)
Ještě širší pojetí interakce... 
…aneb nejsou to jen technologie! 
(Artena)
Hodně mokrá interakce... 
(Chicago)
Základy designu pro každý den... 
Donald Norman (edice 1988-2010) 
(linkedin.com) 
(mrwweb.com) (zbozi.cz)
UX 
V ideálním případě: 
Uživatelský prožitek je v centru pozornosti.
Protože... 
Jakub Franc: 
“Frustrace uživatele je strašně drahá...”
UX ve městě 
…může být dost podobná interakci s rozhraním 
Základní koncepty: 
Město je funkční systém. 
Skládá se z prvků nesoucích informaci. 
Designová pravidla zde hrají roli. 
Obyvatelé = uživatelé.
Paralely: 
přirozené mapování v produktovém designu
Paralely: 
přirozené mapování v informačním designu 
(Praha)
Paralely: 
přirozené mapování v urbánním designu 
(maps.google. 
com)
Ideální město 
Aristoteles 
(384 př.nl - 322 př.nl) 
Preferuje domy v přímých 
řadách podél širokých 
a příjemných ulic… 
které jsou rovné 
a uspořádané… 
Ale nejen to... 
(wikipedia.com)
Jak můžeme 
…věřit svým 
smyslům? 
(Seattle)
Už mrzne? 
(D.C.)
Vodítka! 
Architektura a urbanismus: 
jazyk, kterým město hovoří. 
Mimo jiné 
- vytvářejí symbolickou hodnotu 
- poskytují vodítka k navigaci prostředím 
- lákají UŽIVATELE
Uvedení rámce přemýšlení o městě... 
Affordance - strukturální kvality 
(Praha)
Uvedení rámce přemýšlení o městě... 
Affordance - Vizuální kvality 
(Praha)
Uvedení rámce přemýšlení o městě... 
Affordance - paralely... 
(google.com)
Affordanční totalita 
(Praha)
Viditelnost - paralely 
Výrazný bod 
na křižovatce. 
(Berlín)
Viditelnost - paralely 
Interakce 
s eskalátorem 
(Amsterdam)
Viditelnost - Praha 
(Praha - listopad 2011)
Viditelnost - New York 
(New York)
I u nás jsou šikovní designéři! 
(Praha)
Například odstranili tohle... 
(Praha)
Ještě jeden pokus...
Zpětná vazba - paralely 
(gmail.com) 
(D.C.)
Limity & omezení 
- paralely 
(seznam.cz) (Praha)
Ne všechny limity 
jsou nepřekonatelné!
Přirozené mapování. 
Zvykneme si. Ale je to dobře? 
(< LG) 
(Samsung >)
Redesign - paralely (do odvolání!) 
(Praha) 
(amazon.com)
Přirozené mapování 
(Pardubice)
Chyby - paralely (s úsměvem) 
(airfrance.com)
Chyby - paralely (bez úsměvu) 
(Praha)
Upgrade 
- Paralely 
(Praha) 
(drive.google.com)
Systemový 
obraz 
Konceptuální model 
v 50 km/h? 
(Foto: Tomáš Křemenák)
Paralely - k přemýšlení 
Slussen 
(Stockholm)
KEVIN LYNCH 
“Každý občan má vztah 
k některé části svého města; 
obraz města je protkám vzpomínkami…” 
The Image of the City (1960) 
(wikipedia.com) 
MENTÁLNÍ OBRAZ města je formovám pěti 
základními kategoriemi zprostředkovávající 
informaci a ovlivňující percepci:
5 kategorií dle K. LYNCHE 
1 PATHS (ulice) 
2 EDGES (hranice) 
3 DISCTRICTS (oblasti) 
4 NODES (body zájmu) 
5 LANDMARKS (zdroje reference)
Kevin Lynch: The Image of the City 
video - od 1:05 do 4:14
Paralela k městu: 
Hierarchie informací ve web designu 
Tate (2014): 
“Wayfinding je prostorovým řešením.” 
Šest principů, na kterých stavíme informační prostředí 
1. structured districts 
2. flexible layers 
3. positional cues 
4. survey knowledge 
5. clear paths 
6. coherent interactions
Jak najít společnou řeč? 
Erickson (2000): Lingua Francas for Design 
(maps.google.com)
Případ Manteo, NC 
Východiska: 
- Design je komunikační proces využívající 
pomůcky (prototypy, uživ. testování...) 
- Zvyšující se komplexita a diverzita tvorby 
vyžaduje společný jazyk pro všechny 
zúčastněné (vizuální designéři, sociální 
vědci, technologové...)
Užití vzorců dle Alexandra (1977) 
Meta-jazyk pro architekturu, kterým se řeší 
abstraktní problémy. 
253 vzorců pro fyzický prostor. 
Stanovení hodnot pro design prostředí?
Design a ideální město 21. století 
SMART CITIES -- buzz word 
Co je to? 
Všechny aspekty života ve městech! 
Jak život vylepšit pomocí designu?
Jak mohou přispět designéři 
interakce? 
Stanovení hodnot 
Pouze technologie? 
(Řím)
Technodeterminismus…? 
(Paříž CDG)
Technodeterminismus…? (animace) 
(Paříž CDG)
Kodaň: Smart city No. 1 
(Kodaň)
Zpět k začátkům... 
Viditelnost 
(Provincetown, MA)
Pohled pod pokličku... 
(Provincetown, MA)
Nové automaty! 
(Praha)
Jenže... 
Nemáte-li přesný obnos, nikam se nejede!
Գܳí
Գܳí 
1) Uvědomme si jazyk, jakým město mluví.
Գܳí - to nejdůležitější 
1) Uvědomme si jazyk, jakým město mluví. 
2) Designéři ho tvoří
Գܳí - to nejdůležitější 
1) Uvědomme si jazyk, jakým město mluví. 
2) Designéři ho tvoří 
3) Nezapomeňte na humor
(...a nemusí být složitý.) 
Děkuji za pozornost. 
pf@pfarkas.com 
(Stockholm)
Zdroje 
ALEXANDER, Christopher, Sara ISHIKAWA a Murray SILVERSTEIN. A pattern language: towns, buildings, 
construction. New York: Oxford University Press, 1977, xliv, 1171 s. ISBN 01-950-1919-9. 
ARTHUR, Paul a Romedi PASSINI. Wayfinding: People, Signs, and Architecture. New York: McGraw-Hill, Inc., 1992. 
238 s. ISBN 0-07-551016-2. 
COOPER, Alan, Robert REIMANN, Dave CRONIN a Alan COOPER. About face 3: the essentials of interaction design. 
[3rd ed.], Indianapolis, In: Wiley Pub., c2007, 610 s. ISBN 04-700-8411-1. 
ERICKSON, Thomas. Lingua francas for design: Sacred places and pattern languages. DIS ’00. 2000. 
FARKAS, Pavel. Informační design v systémech hromadné dopravy. Praha, 2012. 139, 21 s. Rigorózní práce. Univerzita 
Karlova v Praze, Filozofická fakulta, ÚISK. 
GEHL, Jan. Život mezi budovami: Užívání verejnych prostranství. Brno: Nadace Partnerství, 1996. 202 s. ISBN 80- 
85834-79-0. 
HOMEROVÁ, Marie. Kapitoly z dejin evropského mesta. 1. vyd. Praha: Akropolis, 2012, 346 s. ISBN 978-807-3041- 
441. 
LYNCH, Kevin. The image of the city. 1st pbk. ed. Cambridge, Mass.: MIT Press, c1960, vii, 194 s. ISBN 978-0-262- 
62001-7. 
NORMAN, Donald A. The design of everyday things. 1st Basic paperback. New York: Basic Books, 2002c1988, xxi, 
257 p. ISBN 04-650-6710-7. 
MARCELLI, Miroslav. Mesto vo filozofii. Bratislava: Kalligram, 2011. 188 s. ISBN 978-80-8101-400-0 
TATE, Tyler. Information Wayfinding: Designing for Wayfinding. In: UX Matters [online]. 2014 [cit. 2014-11-16]. 
Dostupné z: http://www.uxmatters.com/mt/archives/2014/03/information-wayfinding-part-3-designing-for-wayfinding-1. 
php

More Related Content

Interakční design v urbánním prostoru