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ěstoKomunikaceInterakceLidé!!!

(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)

(zbozi.cz)(mrwweb.com)

(linkedin.com)

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ýcha příjemných ulic…které jsou rovné a uspořádané…

Ale nejen to...

(wikipedia.com)

Jak můžeme

…věřit svýmsmyslů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ý bodna křižovatce.

(Berlín)

Viditelnost - paralely

Interakces 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

(Praha)(seznam.cz)

Ne všechny limityjsou 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í modelv 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)

MENTÁLNÍ OBRAZ města je formovám pěti základními kategoriemi zprostředkovávající informaci a ovlivňující percepci:

(wikipedia.com)

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 districts2. flexible layers3. positional cues4. survey knowledge5. clear paths6. 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!

Shrnutí

Shrnutí

1) Uvědomme si jazyk, jakým město mluví.

Shrnutí - to nejdůležitější

1) Uvědomme si jazyk, jakým město mluví.2) Designéři ho tvoří

Shrnutí - 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)

ZdrojeALEXANDER, 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