SlideShare a Scribd company logo
1 of 48
Download to read offline
diana frank
orientation by context, not by text
sign09 20091210
orientation by context, not by text by diana frank
orientation and context
how does orientation work?
how do signs speak?
spatial relation ↔ information
attraction ↔ information
need ↔ information
don’t make me re-think
sign09 20091210
orientation by context, not by text by diana frank
orientation
is a function of the mind involving awareness of three
dimensions: time, place and person. [Berrios G E,1982]
sign09 20091210
orientation by context, not by text by diana frank
context
Nothing we use for orientation is free from context.
sign09 20091210
orientation by context, not by text by diana frank
text
Can we ”read” signs without reading the written
information on it?
sign09 20091210
orientation by context, not by text by diana frank
sign09 20091210
orientation by context, not by text by diana frank
how does orientation work?
–	 remember learned ways
–	 looking for obvious ways
–	 using a map
–	 following the inner logic of the building or area
–	 reading signs
–	 asking people
–	 trial and error
–	 following the crowd
– 	…
sign09 20091210
orientation by context, not by text by diana frank
how do signs speak?
–	 information is always provided in a given context
– 	so the value of a sign is highly influenced by its context
sign09 20091210
orientation by context, not by text by diana frank
next to text
– 	situation
–	 position of a sign, spatial information
–	 kind, form and proportion of a sign
– 	material and environment contrast
–	 visibility
– 	consistency within a system
–	 self-evident (sign or no sign)
–	 relevance (need)
– 	…
orientation by context, not by text by diana frank
sign09 20091210
orientation by context, not by text by diana frank
signs speak
sign09 20091210
orientation by context, not by text by diana frank
… and often confuse
sign09 20091210
sign09 20091210
orientation by context, not by text by diana frank
spatial relation ↔ information
–	 we scan our environment
–	 we just recognize what we need
–	 we look for the strongest cue (concerning our demand)
–	 we follow our interpretations, not signs
–	 signs are just one part of the big picture
sign09 20091210
orientation by context, not by text by diana frank
spatial relation ↔ information
–	 we scan our environment
–	 we just recognize what we need
–	 we look for the strongest cue (concerning our demand)
–	 we follow our interpretations, not signs
–	 signs are just one part of the big picture
–	 interpretation of a situation depends on context
–	 personal situation (stress, time pressure) is also context
outstanding
sign09 20091210
orientation by context, not by text by diana frank
framed
sign09 20091210
orientation by context, not by text by diana frank
directly related
sign09 20091210
orientation by context, not by text by diana frank
directed
sign09 20091210
orientation by context, not by text by diana frank
funnel-shaped
sign09 20091210
orientation by context, not by text by diana frank
basic spatial realtions
light tower
outstanding
focus
framed
next option
directly related
flow
directing
stations
funnel-shaped
sign09 20091210
orientation by context, not by text by diana frank
sign09 20091210
orientation by context, not by text by diana frank
attraction ↔ information
–	 spatial context beats arrows
–	 light is a very strong attractor for orientation purpose
– context of signs is often stronger than the text on it
sign09 20091210
orientation by context, not by text by diana frank
attraction ↔ information
–	 spatial context beats arrows
–	 light is a very strong attractor for orientation purpose
– context of signs is often stronger than the text on it
…	better to guide with attractors than signs
…	hard to guide with signs “against” strong attractors
sign09 20091210
orientation by context, not by text by diana frank
sign09 20091210
orientation by context, not by text by diana frank
sign09 20091210
orientation by context, not by text by diana frank
where to go..?
sign09 20091210
orientation by context, not by text by diana frank
sign09 20091210
orientation by context, not by text by diana frank
sign09 20091210
orientation by context, not by text by diana frank
tokyu hands ?
sign09 20091210
orientation by context, not by text by diana frank
sign09 20091210
orientation by context, not by text by diana frank
sign09 20091210
orientation by context, not by text by diana frank
sign09 20091210
orientation by context, not by text by diana frank
need ↔ information
–	 users see what they know, what they need
	 or what they expect
­–	 other things are frequently not noticed at all
sign09 20091210
orientation by context, not by text by diana frank
westside
sign09 20091210
orientation by context, not by text by diana frank
directions?
sign09 20091210
orientation by context, not by text by diana frank
directions?
sign09 20091210
orientation by context, not by text by diana frank
nagoya
sign09 20091210
orientation by context, not by text by diana frank
sign09 20091210
orientation by context, not by text by diana frank
sign09 20091210
orientation by context, not by text by diana frank
orientation and guiding
–	 is about explicit information
–	 information by need
–	 information in time
–	 how to keep it simple
…	and not about re-routing
sign09 20091210
orientation by context, not by text by diana frank
don‘t make me re-think
–	 consistency beats design
–	 once users have learned a system they are
	 not willing to re-think
– 	users do not even notice change of situations,
	 just when they fail to do what they want to do they
	 wonder
Cappuccino?
sign09 20091210
orientation by context, not by text by diana frank
sign09 20091210
orientation by context, not by text by diana frank
sign09 20091210
orientation by context, not by text by diana frank
more Cappuccino?
sign09 20091210
orientation by context, not by text by diana frank
sign09 20091210
orientation by context, not by text by diana frank
sign09 20091210
orientation by context, not by text by diana frank
sign09 20091210
orientation by context, not by text by diana frank
questions?
applications of information Design 20080627
orientation by context, not by text by diana frank
thanks!
info@dianafrank.de
applications of information Design 20080627
orientation by context, not by text by diana frank

More Related Content

Viewers also liked

you see what you know
you see what you knowyou see what you know
you see what you knowdiana frank
 
UX of little steps – wud hh
UX of little steps – wud hh UX of little steps – wud hh
UX of little steps – wud hh diana frank
 
20160813 getting real – impact of ux
20160813 getting real – impact of ux20160813 getting real – impact of ux
20160813 getting real – impact of uxdiana frank
 
20161006 dianafrank digitale transformation
20161006 dianafrank digitale transformation20161006 dianafrank digitale transformation
20161006 dianafrank digitale transformationdiana frank
 
ux kundenworkshop
ux kundenworkshop ux kundenworkshop
ux kundenworkshop diana frank
 
Was wäre, wenn es einfach wäre?
Was wäre, wenn es einfach wäre?Was wäre, wenn es einfach wäre?
Was wäre, wenn es einfach wäre?diana frank
 
Das Einhorn im Käfig – Über Wirksamkeit von UX im Unternehmen
Das Einhorn im Käfig – Über Wirksamkeit von UX im UnternehmenDas Einhorn im Käfig – Über Wirksamkeit von UX im Unternehmen
Das Einhorn im Käfig – Über Wirksamkeit von UX im Unternehmendiana frank
 

Viewers also liked (7)

you see what you know
you see what you knowyou see what you know
you see what you know
 
UX of little steps – wud hh
UX of little steps – wud hh UX of little steps – wud hh
UX of little steps – wud hh
 
20160813 getting real – impact of ux
20160813 getting real – impact of ux20160813 getting real – impact of ux
20160813 getting real – impact of ux
 
20161006 dianafrank digitale transformation
20161006 dianafrank digitale transformation20161006 dianafrank digitale transformation
20161006 dianafrank digitale transformation
 
ux kundenworkshop
ux kundenworkshop ux kundenworkshop
ux kundenworkshop
 
Was wäre, wenn es einfach wäre?
Was wäre, wenn es einfach wäre?Was wäre, wenn es einfach wäre?
Was wäre, wenn es einfach wäre?
 
Das Einhorn im Käfig – Über Wirksamkeit von UX im Unternehmen
Das Einhorn im Käfig – Über Wirksamkeit von UX im UnternehmenDas Einhorn im Käfig – Über Wirksamkeit von UX im Unternehmen
Das Einhorn im Käfig – Über Wirksamkeit von UX im Unternehmen
 

More from diana frank

20191010 dianafrank blackbox re
20191010 dianafrank blackbox re 20191010 dianafrank blackbox re
20191010 dianafrank blackbox re diana frank
 
IIID talks 20190311 dianafrank – nutzbar fuer alle
IIID talks 20190311 dianafrank  –  nutzbar fuer alleIIID talks 20190311 dianafrank  –  nutzbar fuer alle
IIID talks 20190311 dianafrank – nutzbar fuer allediana frank
 
20180927 dianafrank flughoehe ux strategie, modern RE
20180927 dianafrank flughoehe ux strategie, modern RE20180927 dianafrank flughoehe ux strategie, modern RE
20180927 dianafrank flughoehe ux strategie, modern REdiana frank
 
Zusammenarbeitsmodelle dianafrank
Zusammenarbeitsmodelle dianafrank Zusammenarbeitsmodelle dianafrank
Zusammenarbeitsmodelle dianafrank diana frank
 
Zusammenarbeitsmodelle – IA Konferenz 2018
Zusammenarbeitsmodelle – IA Konferenz 2018Zusammenarbeitsmodelle – IA Konferenz 2018
Zusammenarbeitsmodelle – IA Konferenz 2018diana frank
 
do not make me re-think
do not make me re-thinkdo not make me re-think
do not make me re-thinkdiana frank
 

More from diana frank (6)

20191010 dianafrank blackbox re
20191010 dianafrank blackbox re 20191010 dianafrank blackbox re
20191010 dianafrank blackbox re
 
IIID talks 20190311 dianafrank – nutzbar fuer alle
IIID talks 20190311 dianafrank  –  nutzbar fuer alleIIID talks 20190311 dianafrank  –  nutzbar fuer alle
IIID talks 20190311 dianafrank – nutzbar fuer alle
 
20180927 dianafrank flughoehe ux strategie, modern RE
20180927 dianafrank flughoehe ux strategie, modern RE20180927 dianafrank flughoehe ux strategie, modern RE
20180927 dianafrank flughoehe ux strategie, modern RE
 
Zusammenarbeitsmodelle dianafrank
Zusammenarbeitsmodelle dianafrank Zusammenarbeitsmodelle dianafrank
Zusammenarbeitsmodelle dianafrank
 
Zusammenarbeitsmodelle – IA Konferenz 2018
Zusammenarbeitsmodelle – IA Konferenz 2018Zusammenarbeitsmodelle – IA Konferenz 2018
Zusammenarbeitsmodelle – IA Konferenz 2018
 
do not make me re-think
do not make me re-thinkdo not make me re-think
do not make me re-think
 

Recently uploaded

定制(CQU文凭证书)中央昆士兰大学毕业证成绩单原版一比一
定制(CQU文凭证书)中央昆士兰大学毕业证成绩单原版一比一定制(CQU文凭证书)中央昆士兰大学毕业证成绩单原版一比一
定制(CQU文凭证书)中央昆士兰大学毕业证成绩单原版一比一Fi ss
 
办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一
办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一
办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一z xss
 
8377877756 Full Enjoy @24/7 Call Girls in Nirman Vihar Delhi NCR
8377877756 Full Enjoy @24/7 Call Girls in Nirman Vihar Delhi NCR8377877756 Full Enjoy @24/7 Call Girls in Nirman Vihar Delhi NCR
8377877756 Full Enjoy @24/7 Call Girls in Nirman Vihar Delhi NCRdollysharma2066
 
办理(麻省罗威尔毕业证书)美国麻省大学罗威尔校区毕业证成绩单原版一比一
办理(麻省罗威尔毕业证书)美国麻省大学罗威尔校区毕业证成绩单原版一比一办理(麻省罗威尔毕业证书)美国麻省大学罗威尔校区毕业证成绩单原版一比一
办理(麻省罗威尔毕业证书)美国麻省大学罗威尔校区毕业证成绩单原版一比一diploma 1
 
毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree 毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree ttt fff
 
原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档
原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档
原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档208367051
 
办理(USYD毕业证书)澳洲悉尼大学毕业证成绩单原版一比一
办理(USYD毕业证书)澳洲悉尼大学毕业证成绩单原版一比一办理(USYD毕业证书)澳洲悉尼大学毕业证成绩单原版一比一
办理(USYD毕业证书)澳洲悉尼大学毕业证成绩单原版一比一diploma 1
 
Business research proposal mcdo.pptxBusiness research proposal mcdo.pptxBusin...
Business research proposal mcdo.pptxBusiness research proposal mcdo.pptxBusin...Business research proposal mcdo.pptxBusiness research proposal mcdo.pptxBusin...
Business research proposal mcdo.pptxBusiness research proposal mcdo.pptxBusin...mrchrns005
 
Call Girls Aslali 7397865700 Ridhima Hire Me Full Night
Call Girls Aslali 7397865700 Ridhima Hire Me Full NightCall Girls Aslali 7397865700 Ridhima Hire Me Full Night
Call Girls Aslali 7397865700 Ridhima Hire Me Full Nightssuser7cb4ff
 
西北大学毕业证学位证成绩单-怎么样办伪造
西北大学毕业证学位证成绩单-怎么样办伪造西北大学毕业证学位证成绩单-怎么样办伪造
西北大学毕业证学位证成绩单-怎么样办伪造kbdhl05e
 
(办理学位证)约克圣约翰大学毕业证,KCL成绩单原版一比一
(办理学位证)约克圣约翰大学毕业证,KCL成绩单原版一比一(办理学位证)约克圣约翰大学毕业证,KCL成绩单原版一比一
(办理学位证)约克圣约翰大学毕业证,KCL成绩单原版一比一D SSS
 
FiveHypotheses_UIDMasterclass_18April2024.pdf
FiveHypotheses_UIDMasterclass_18April2024.pdfFiveHypotheses_UIDMasterclass_18April2024.pdf
FiveHypotheses_UIDMasterclass_18April2024.pdfShivakumar Viswanathan
 
Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025Rndexperts
 
CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10
CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10
CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10uasjlagroup
 
Iconic Global Solution - web design, Digital Marketing services
Iconic Global Solution - web design, Digital Marketing servicesIconic Global Solution - web design, Digital Marketing services
Iconic Global Solution - web design, Digital Marketing servicesIconic global solution
 
昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档
昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档
昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档208367051
 
PORTAFOLIO 2024_ ANASTASIYA KUDINOVA
PORTAFOLIO   2024_  ANASTASIYA  KUDINOVAPORTAFOLIO   2024_  ANASTASIYA  KUDINOVA
PORTAFOLIO 2024_ ANASTASIYA KUDINOVAAnastasiya Kudinova
 
PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024
PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024
PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024CristobalHeraud
 
Passbook project document_april_21__.pdf
Passbook project document_april_21__.pdfPassbook project document_april_21__.pdf
Passbook project document_april_21__.pdfvaibhavkanaujia
 

Recently uploaded (20)

定制(CQU文凭证书)中央昆士兰大学毕业证成绩单原版一比一
定制(CQU文凭证书)中央昆士兰大学毕业证成绩单原版一比一定制(CQU文凭证书)中央昆士兰大学毕业证成绩单原版一比一
定制(CQU文凭证书)中央昆士兰大学毕业证成绩单原版一比一
 
办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一
办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一
办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一
 
8377877756 Full Enjoy @24/7 Call Girls in Nirman Vihar Delhi NCR
8377877756 Full Enjoy @24/7 Call Girls in Nirman Vihar Delhi NCR8377877756 Full Enjoy @24/7 Call Girls in Nirman Vihar Delhi NCR
8377877756 Full Enjoy @24/7 Call Girls in Nirman Vihar Delhi NCR
 
办理(麻省罗威尔毕业证书)美国麻省大学罗威尔校区毕业证成绩单原版一比一
办理(麻省罗威尔毕业证书)美国麻省大学罗威尔校区毕业证成绩单原版一比一办理(麻省罗威尔毕业证书)美国麻省大学罗威尔校区毕业证成绩单原版一比一
办理(麻省罗威尔毕业证书)美国麻省大学罗威尔校区毕业证成绩单原版一比一
 
毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree 毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
 
原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档
原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档
原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档
 
办理(USYD毕业证书)澳洲悉尼大学毕业证成绩单原版一比一
办理(USYD毕业证书)澳洲悉尼大学毕业证成绩单原版一比一办理(USYD毕业证书)澳洲悉尼大学毕业证成绩单原版一比一
办理(USYD毕业证书)澳洲悉尼大学毕业证成绩单原版一比一
 
Call Girls in Pratap Nagar, 9953056974 Escort Service
Call Girls in Pratap Nagar,  9953056974 Escort ServiceCall Girls in Pratap Nagar,  9953056974 Escort Service
Call Girls in Pratap Nagar, 9953056974 Escort Service
 
Business research proposal mcdo.pptxBusiness research proposal mcdo.pptxBusin...
Business research proposal mcdo.pptxBusiness research proposal mcdo.pptxBusin...Business research proposal mcdo.pptxBusiness research proposal mcdo.pptxBusin...
Business research proposal mcdo.pptxBusiness research proposal mcdo.pptxBusin...
 
Call Girls Aslali 7397865700 Ridhima Hire Me Full Night
Call Girls Aslali 7397865700 Ridhima Hire Me Full NightCall Girls Aslali 7397865700 Ridhima Hire Me Full Night
Call Girls Aslali 7397865700 Ridhima Hire Me Full Night
 
西北大学毕业证学位证成绩单-怎么样办伪造
西北大学毕业证学位证成绩单-怎么样办伪造西北大学毕业证学位证成绩单-怎么样办伪造
西北大学毕业证学位证成绩单-怎么样办伪造
 
(办理学位证)约克圣约翰大学毕业证,KCL成绩单原版一比一
(办理学位证)约克圣约翰大学毕业证,KCL成绩单原版一比一(办理学位证)约克圣约翰大学毕业证,KCL成绩单原版一比一
(办理学位证)约克圣约翰大学毕业证,KCL成绩单原版一比一
 
FiveHypotheses_UIDMasterclass_18April2024.pdf
FiveHypotheses_UIDMasterclass_18April2024.pdfFiveHypotheses_UIDMasterclass_18April2024.pdf
FiveHypotheses_UIDMasterclass_18April2024.pdf
 
Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025
 
CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10
CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10
CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10
 
Iconic Global Solution - web design, Digital Marketing services
Iconic Global Solution - web design, Digital Marketing servicesIconic Global Solution - web design, Digital Marketing services
Iconic Global Solution - web design, Digital Marketing services
 
昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档
昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档
昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档
 
PORTAFOLIO 2024_ ANASTASIYA KUDINOVA
PORTAFOLIO   2024_  ANASTASIYA  KUDINOVAPORTAFOLIO   2024_  ANASTASIYA  KUDINOVA
PORTAFOLIO 2024_ ANASTASIYA KUDINOVA
 
PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024
PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024
PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024
 
Passbook project document_april_21__.pdf
Passbook project document_april_21__.pdfPassbook project document_april_21__.pdf
Passbook project document_april_21__.pdf
 

orientation by context