SlideShare a Scribd company logo
FINDING YOUR WAY
IN A DIGITAL PHYSICAL WORLD
UX Camp Brighton 2013
2nd November 2013

Tom Wellings

www.emotivesystems.co.uk

@tcwellings
NAVIGATION = WAYFINDING + LOCOMOTION
Orientation and choosing a path
within an environment
Successful travel requires we know where
to go and how to get there
Where am I now?
Where do I go next / What do I want to do?
How do I get from here to there?
•

Process involving a string of decisions

•

Coordinated and GOAL driven movement through the
environment
Recreational wayfinding

Emergency wayfinding
Learning language
•

Markmaking: Children have to understand that marks signify something.
o Marks have meaning. They are symbolic - not just a mark on a piece of paper.

• Marks have a sound. String the marks together make words and language.
o Shared understanding of what marks mean - communication

‘OK’ meaning ‘select’

‘OK’ meaning ‘confirm’
Words and symbols, in and of themselves have no
meaning

How are you feeling on
your new medication?
We can understand this dialogue, but
incorrect symbolism of ‘ok’ button feels
uncomfortable

• We ascribe meaning to them - Cultural norms,
context
Semiotics
• Signs can be words, images, sounds, gestures and objects
• one-way communication to impart information : directions or
identification.
• Mental construct
• concept
• Material or physical
• form

Language is very flexible, but 'words fail us' in attempting to represent some experiences.
Shared meaning
Data analysis

Linguistic analysis

Smoothness
Coarse
Juddery
Rough

Jerky
Rubbing
Grinding

Jumpy
Harsh

Shared meaning in empirical data

Shared meaning within language:

- Regression equation

- Categories
Words or terms that co-occur frequently infer
synonymy
Affinity index
Index – Popular styles of dish (Argentinian)
Mixed index – ingredients, categories and methods
Navigation design guidelines
•

Clarity – Ensure linguistic and semantic clarity

•

Simplicity - Avoid jargon – speak language of user

•

Saliency - Avoid redundancy and repetition – make labels easy to distinguish

•

Context - Look for common (visual) language within domain

•

Correlation - Avoid ambiguity and contradiction

•

Tonality - Similarity of typography, colour, and form

Silfver, P., 2012. The Elements Of Navigation, 20 March 2012, Smashing Magazine. Available at:
http://uxdesign.smashingmagazine.com/2012/03/20/the-elements-of-navigation [Accessed 31 October 2013].
Navigation through other senses
Tactile and auditory cues

Product affordances also
provide navigation cues
Visual vs. tactile navigation
In a world of the ‘digital self’, geo-location is meaningless:

•
•
•

How do I know where I am in relation to other people?
Where am I trying to get to?
What landmarks will enable me to orient myself?
Perhaps…

• Reputation?
• Experience?
• Culture?
• Psychographics?
Tom Wellings
Design research and UX specialist
tom@emotivesystems.co.uk
@tcwellings

More Related Content

Similar to Finding your way in the digital physical world

Non verbal communication
Non verbal communicationNon verbal communication
Non verbal communication
K Swati
 
Dealing with Behavioral Challenges in Pre School Children - Workshop day2
Dealing with Behavioral Challenges in Pre School Children - Workshop day2Dealing with Behavioral Challenges in Pre School Children - Workshop day2
Dealing with Behavioral Challenges in Pre School Children - Workshop day2
PSTTI
 
Forms of Communication
Forms of Communication  Forms of Communication
Forms of Communication
Sasha Schaaffe-McFarlane
 
Non Verbal Communication
Non Verbal CommunicationNon Verbal Communication
Non Verbal Communication
Eddy Ansari
 
Effective communication skills
Effective communication skillsEffective communication skills
Effective communication skills
NeilfieOrit2
 
Effectivecommunicationskills 090911045120-phpapp02
Effectivecommunicationskills 090911045120-phpapp02Effectivecommunicationskills 090911045120-phpapp02
Effectivecommunicationskills 090911045120-phpapp02
waqar002
 
Effective communication skills
Effective communication skillsEffective communication skills
Effective communication skills
Ankur Tiwari
 
Effectivecommunicationskills june 17_Updated
Effectivecommunicationskills june 17_UpdatedEffectivecommunicationskills june 17_Updated
Effectivecommunicationskills june 17_Updated
WelterMendoza
 
Group-3_Verbal messages.pptx
Group-3_Verbal messages.pptxGroup-3_Verbal messages.pptx
Group-3_Verbal messages.pptx
IsmailHossain4496
 
Social processes in learning
Social processes in learningSocial processes in learning
Social processes in learning
John Wesley Quintero
 
Module 1 Unit 1 Symbols and AAC
Module 1 Unit 1 Symbols and AACModule 1 Unit 1 Symbols and AAC
Module 1 Unit 1 Symbols and AAC
David Banes
 
1Lesson-1-Introduction_Communication.pdf
1Lesson-1-Introduction_Communication.pdf1Lesson-1-Introduction_Communication.pdf
1Lesson-1-Introduction_Communication.pdf
PadayJasminIris
 
week 3 - Chapter 2 nonverbal communication week 3
week 3 - Chapter 2  nonverbal communication week 3week 3 - Chapter 2  nonverbal communication week 3
week 3 - Chapter 2 nonverbal communication week 3
jellycarol
 
Communication skills
Communication skillsCommunication skills
Communication skills
Raviteja Godavari
 
purposive-communication (1).pptx
purposive-communication (1).pptxpurposive-communication (1).pptx
purposive-communication (1).pptx
maryjoy583012
 
Non verbal Communication
Non verbal CommunicationNon verbal Communication
Non verbal Communication
muhammadhamzaiqbal6
 
Cs fy
Cs fyCs fy
Cs fy
dharabarot
 
communication-global team
communication-global teamcommunication-global team
communication-global team
Oluwaseun Adebayo
 
Non Verbal Communication
Non Verbal CommunicationNon Verbal Communication
Non Verbal Communication
Rajiv Bajaj
 
Effective communication-presentation
Effective communication-presentationEffective communication-presentation
Effective communication-presentation
maha Letchumy Balakeristanan
 

Similar to Finding your way in the digital physical world (20)

Non verbal communication
Non verbal communicationNon verbal communication
Non verbal communication
 
Dealing with Behavioral Challenges in Pre School Children - Workshop day2
Dealing with Behavioral Challenges in Pre School Children - Workshop day2Dealing with Behavioral Challenges in Pre School Children - Workshop day2
Dealing with Behavioral Challenges in Pre School Children - Workshop day2
 
Forms of Communication
Forms of Communication  Forms of Communication
Forms of Communication
 
Non Verbal Communication
Non Verbal CommunicationNon Verbal Communication
Non Verbal Communication
 
Effective communication skills
Effective communication skillsEffective communication skills
Effective communication skills
 
Effectivecommunicationskills 090911045120-phpapp02
Effectivecommunicationskills 090911045120-phpapp02Effectivecommunicationskills 090911045120-phpapp02
Effectivecommunicationskills 090911045120-phpapp02
 
Effective communication skills
Effective communication skillsEffective communication skills
Effective communication skills
 
Effectivecommunicationskills june 17_Updated
Effectivecommunicationskills june 17_UpdatedEffectivecommunicationskills june 17_Updated
Effectivecommunicationskills june 17_Updated
 
Group-3_Verbal messages.pptx
Group-3_Verbal messages.pptxGroup-3_Verbal messages.pptx
Group-3_Verbal messages.pptx
 
Social processes in learning
Social processes in learningSocial processes in learning
Social processes in learning
 
Module 1 Unit 1 Symbols and AAC
Module 1 Unit 1 Symbols and AACModule 1 Unit 1 Symbols and AAC
Module 1 Unit 1 Symbols and AAC
 
1Lesson-1-Introduction_Communication.pdf
1Lesson-1-Introduction_Communication.pdf1Lesson-1-Introduction_Communication.pdf
1Lesson-1-Introduction_Communication.pdf
 
week 3 - Chapter 2 nonverbal communication week 3
week 3 - Chapter 2  nonverbal communication week 3week 3 - Chapter 2  nonverbal communication week 3
week 3 - Chapter 2 nonverbal communication week 3
 
Communication skills
Communication skillsCommunication skills
Communication skills
 
purposive-communication (1).pptx
purposive-communication (1).pptxpurposive-communication (1).pptx
purposive-communication (1).pptx
 
Non verbal Communication
Non verbal CommunicationNon verbal Communication
Non verbal Communication
 
Cs fy
Cs fyCs fy
Cs fy
 
communication-global team
communication-global teamcommunication-global team
communication-global team
 
Non Verbal Communication
Non Verbal CommunicationNon Verbal Communication
Non Verbal Communication
 
Effective communication-presentation
Effective communication-presentationEffective communication-presentation
Effective communication-presentation
 

Recently uploaded

一比一原版(ututaustin毕业证书)美国德克萨斯大学奥斯汀分校毕业证如何办理
一比一原版(ututaustin毕业证书)美国德克萨斯大学奥斯汀分校毕业证如何办理一比一原版(ututaustin毕业证书)美国德克萨斯大学奥斯汀分校毕业证如何办理
一比一原版(ututaustin毕业证书)美国德克萨斯大学奥斯汀分校毕业证如何办理
yqyquge
 
Best Digital Marketing Strategy Build Your Online Presence 2024.pptx
Best Digital Marketing Strategy Build  Your Online Presence 2024.pptxBest Digital Marketing Strategy Build  Your Online Presence 2024.pptx
Best Digital Marketing Strategy Build Your Online Presence 2024.pptx
pavankumarpayexelsol
 
一比一原版(Teesside毕业证)英国提赛德大学毕业证如何办理
一比一原版(Teesside毕业证)英国提赛德大学毕业证如何办理一比一原版(Teesside毕业证)英国提赛德大学毕业证如何办理
一比一原版(Teesside毕业证)英国提赛德大学毕业证如何办理
mfria419
 
一比一原版(ECU毕业证)澳洲埃迪斯科文大学毕业证如何办理
一比一原版(ECU毕业证)澳洲埃迪斯科文大学毕业证如何办理一比一原版(ECU毕业证)澳洲埃迪斯科文大学毕业证如何办理
一比一原版(ECU毕业证)澳洲埃迪斯科文大学毕业证如何办理
kohd1ci2
 
一比一原版(UC毕业证书)堪培拉大学毕业证如何办理
一比一原版(UC毕业证书)堪培拉大学毕业证如何办理一比一原版(UC毕业证书)堪培拉大学毕业证如何办理
一比一原版(UC毕业证书)堪培拉大学毕业证如何办理
wkip62b
 
一比一原版南安普顿索伦特大学毕业证Southampton成绩单一模一样
一比一原版南安普顿索伦特大学毕业证Southampton成绩单一模一样一比一原版南安普顿索伦特大学毕业证Southampton成绩单一模一样
一比一原版南安普顿索伦特大学毕业证Southampton成绩单一模一样
3vgr39kx
 
一比一原版(Hull毕业证)英国哈珀亚当斯大学毕业证如何办理
一比一原版(Hull毕业证)英国哈珀亚当斯大学毕业证如何办理一比一原版(Hull毕业证)英国哈珀亚当斯大学毕业证如何办理
一比一原版(Hull毕业证)英国哈珀亚当斯大学毕业证如何办理
aonx8o5f
 
TOWER DESIGN PROCEDURE TOWER DESIGN BASIS .pptx
TOWER DESIGN PROCEDURE TOWER DESIGN BASIS .pptxTOWER DESIGN PROCEDURE TOWER DESIGN BASIS .pptx
TOWER DESIGN PROCEDURE TOWER DESIGN BASIS .pptx
BAWAALEX1
 
一比一原版(USQ毕业证书)南昆士兰大学毕业证如何办理
一比一原版(USQ毕业证书)南昆士兰大学毕业证如何办理一比一原版(USQ毕业证书)南昆士兰大学毕业证如何办理
一比一原版(USQ毕业证书)南昆士兰大学毕业证如何办理
p74xokfq
 
一比一原版(NU毕业证书)诺森比亚大学毕业证如何办理
一比一原版(NU毕业证书)诺森比亚大学毕业证如何办理一比一原版(NU毕业证书)诺森比亚大学毕业证如何办理
一比一原版(NU毕业证书)诺森比亚大学毕业证如何办理
21uul8se
 
International Upcycling Research Network advisory board meeting 4
International Upcycling Research Network advisory board meeting 4International Upcycling Research Network advisory board meeting 4
International Upcycling Research Network advisory board meeting 4
Kyungeun Sung
 
Introduction to User experience design for beginner
Introduction to User experience design for beginnerIntroduction to User experience design for beginner
Introduction to User experience design for beginner
ellemjani
 
一比一原版(UWE毕业证书)西英格兰大学毕业证如何办理
一比一原版(UWE毕业证书)西英格兰大学毕业证如何办理一比一原版(UWE毕业证书)西英格兰大学毕业证如何办理
一比一原版(UWE毕业证书)西英格兰大学毕业证如何办理
etls06p8
 
一比一原版肯特大学毕业证UKC成绩单一模一样
一比一原版肯特大学毕业证UKC成绩单一模一样一比一原版肯特大学毕业证UKC成绩单一模一样
一比一原版肯特大学毕业证UKC成绩单一模一样
tobbk6s8
 
一比一原版美国哥伦比亚大学毕业证Columbia成绩单一模一样
一比一原版美国哥伦比亚大学毕业证Columbia成绩单一模一样一比一原版美国哥伦比亚大学毕业证Columbia成绩单一模一样
一比一原版美国哥伦比亚大学毕业证Columbia成绩单一模一样
881evgn0
 
一比一原版(UoB毕业证)英国伯明翰大学毕业证如何办理
一比一原版(UoB毕业证)英国伯明翰大学毕业证如何办理一比一原版(UoB毕业证)英国伯明翰大学毕业证如何办理
一比一原版(UoB毕业证)英国伯明翰大学毕业证如何办理
zv943dhb
 
Design Thinking: Madhu Prabakaran 17th July 2024
Design Thinking: Madhu Prabakaran 17th July 2024Design Thinking: Madhu Prabakaran 17th July 2024
Design Thinking: Madhu Prabakaran 17th July 2024
Madhu Prabakaran
 
一比一原版澳洲科廷科技大学毕业证(Curtin毕业证)如何办理
一比一原版澳洲科廷科技大学毕业证(Curtin毕业证)如何办理一比一原版澳洲科廷科技大学毕业证(Curtin毕业证)如何办理
一比一原版澳洲科廷科技大学毕业证(Curtin毕业证)如何办理
bz42w9z0
 
一比一原版美国旧金山大学毕业证(USF学位证)如何办理
一比一原版美国旧金山大学毕业证(USF学位证)如何办理一比一原版美国旧金山大学毕业证(USF学位证)如何办理
一比一原版美国旧金山大学毕业证(USF学位证)如何办理
xnhwr8v
 
一比一原版澳洲查理斯特大学毕业证(CSU学位证)如何办理
一比一原版澳洲查理斯特大学毕业证(CSU学位证)如何办理一比一原版澳洲查理斯特大学毕业证(CSU学位证)如何办理
一比一原版澳洲查理斯特大学毕业证(CSU学位证)如何办理
qa8dk1wm
 

Recently uploaded (20)

一比一原版(ututaustin毕业证书)美国德克萨斯大学奥斯汀分校毕业证如何办理
一比一原版(ututaustin毕业证书)美国德克萨斯大学奥斯汀分校毕业证如何办理一比一原版(ututaustin毕业证书)美国德克萨斯大学奥斯汀分校毕业证如何办理
一比一原版(ututaustin毕业证书)美国德克萨斯大学奥斯汀分校毕业证如何办理
 
Best Digital Marketing Strategy Build Your Online Presence 2024.pptx
Best Digital Marketing Strategy Build  Your Online Presence 2024.pptxBest Digital Marketing Strategy Build  Your Online Presence 2024.pptx
Best Digital Marketing Strategy Build Your Online Presence 2024.pptx
 
一比一原版(Teesside毕业证)英国提赛德大学毕业证如何办理
一比一原版(Teesside毕业证)英国提赛德大学毕业证如何办理一比一原版(Teesside毕业证)英国提赛德大学毕业证如何办理
一比一原版(Teesside毕业证)英国提赛德大学毕业证如何办理
 
一比一原版(ECU毕业证)澳洲埃迪斯科文大学毕业证如何办理
一比一原版(ECU毕业证)澳洲埃迪斯科文大学毕业证如何办理一比一原版(ECU毕业证)澳洲埃迪斯科文大学毕业证如何办理
一比一原版(ECU毕业证)澳洲埃迪斯科文大学毕业证如何办理
 
一比一原版(UC毕业证书)堪培拉大学毕业证如何办理
一比一原版(UC毕业证书)堪培拉大学毕业证如何办理一比一原版(UC毕业证书)堪培拉大学毕业证如何办理
一比一原版(UC毕业证书)堪培拉大学毕业证如何办理
 
一比一原版南安普顿索伦特大学毕业证Southampton成绩单一模一样
一比一原版南安普顿索伦特大学毕业证Southampton成绩单一模一样一比一原版南安普顿索伦特大学毕业证Southampton成绩单一模一样
一比一原版南安普顿索伦特大学毕业证Southampton成绩单一模一样
 
一比一原版(Hull毕业证)英国哈珀亚当斯大学毕业证如何办理
一比一原版(Hull毕业证)英国哈珀亚当斯大学毕业证如何办理一比一原版(Hull毕业证)英国哈珀亚当斯大学毕业证如何办理
一比一原版(Hull毕业证)英国哈珀亚当斯大学毕业证如何办理
 
TOWER DESIGN PROCEDURE TOWER DESIGN BASIS .pptx
TOWER DESIGN PROCEDURE TOWER DESIGN BASIS .pptxTOWER DESIGN PROCEDURE TOWER DESIGN BASIS .pptx
TOWER DESIGN PROCEDURE TOWER DESIGN BASIS .pptx
 
一比一原版(USQ毕业证书)南昆士兰大学毕业证如何办理
一比一原版(USQ毕业证书)南昆士兰大学毕业证如何办理一比一原版(USQ毕业证书)南昆士兰大学毕业证如何办理
一比一原版(USQ毕业证书)南昆士兰大学毕业证如何办理
 
一比一原版(NU毕业证书)诺森比亚大学毕业证如何办理
一比一原版(NU毕业证书)诺森比亚大学毕业证如何办理一比一原版(NU毕业证书)诺森比亚大学毕业证如何办理
一比一原版(NU毕业证书)诺森比亚大学毕业证如何办理
 
International Upcycling Research Network advisory board meeting 4
International Upcycling Research Network advisory board meeting 4International Upcycling Research Network advisory board meeting 4
International Upcycling Research Network advisory board meeting 4
 
Introduction to User experience design for beginner
Introduction to User experience design for beginnerIntroduction to User experience design for beginner
Introduction to User experience design for beginner
 
一比一原版(UWE毕业证书)西英格兰大学毕业证如何办理
一比一原版(UWE毕业证书)西英格兰大学毕业证如何办理一比一原版(UWE毕业证书)西英格兰大学毕业证如何办理
一比一原版(UWE毕业证书)西英格兰大学毕业证如何办理
 
一比一原版肯特大学毕业证UKC成绩单一模一样
一比一原版肯特大学毕业证UKC成绩单一模一样一比一原版肯特大学毕业证UKC成绩单一模一样
一比一原版肯特大学毕业证UKC成绩单一模一样
 
一比一原版美国哥伦比亚大学毕业证Columbia成绩单一模一样
一比一原版美国哥伦比亚大学毕业证Columbia成绩单一模一样一比一原版美国哥伦比亚大学毕业证Columbia成绩单一模一样
一比一原版美国哥伦比亚大学毕业证Columbia成绩单一模一样
 
一比一原版(UoB毕业证)英国伯明翰大学毕业证如何办理
一比一原版(UoB毕业证)英国伯明翰大学毕业证如何办理一比一原版(UoB毕业证)英国伯明翰大学毕业证如何办理
一比一原版(UoB毕业证)英国伯明翰大学毕业证如何办理
 
Design Thinking: Madhu Prabakaran 17th July 2024
Design Thinking: Madhu Prabakaran 17th July 2024Design Thinking: Madhu Prabakaran 17th July 2024
Design Thinking: Madhu Prabakaran 17th July 2024
 
一比一原版澳洲科廷科技大学毕业证(Curtin毕业证)如何办理
一比一原版澳洲科廷科技大学毕业证(Curtin毕业证)如何办理一比一原版澳洲科廷科技大学毕业证(Curtin毕业证)如何办理
一比一原版澳洲科廷科技大学毕业证(Curtin毕业证)如何办理
 
一比一原版美国旧金山大学毕业证(USF学位证)如何办理
一比一原版美国旧金山大学毕业证(USF学位证)如何办理一比一原版美国旧金山大学毕业证(USF学位证)如何办理
一比一原版美国旧金山大学毕业证(USF学位证)如何办理
 
一比一原版澳洲查理斯特大学毕业证(CSU学位证)如何办理
一比一原版澳洲查理斯特大学毕业证(CSU学位证)如何办理一比一原版澳洲查理斯特大学毕业证(CSU学位证)如何办理
一比一原版澳洲查理斯特大学毕业证(CSU学位证)如何办理
 

Finding your way in the digital physical world

  • 1. FINDING YOUR WAY IN A DIGITAL PHYSICAL WORLD UX Camp Brighton 2013 2nd November 2013 Tom Wellings www.emotivesystems.co.uk @tcwellings
  • 2. NAVIGATION = WAYFINDING + LOCOMOTION Orientation and choosing a path within an environment
  • 3. Successful travel requires we know where to go and how to get there
  • 4. Where am I now? Where do I go next / What do I want to do? How do I get from here to there? • Process involving a string of decisions • Coordinated and GOAL driven movement through the environment
  • 6. Learning language • Markmaking: Children have to understand that marks signify something. o Marks have meaning. They are symbolic - not just a mark on a piece of paper. • Marks have a sound. String the marks together make words and language. o Shared understanding of what marks mean - communication ‘OK’ meaning ‘select’ ‘OK’ meaning ‘confirm’
  • 7. Words and symbols, in and of themselves have no meaning How are you feeling on your new medication? We can understand this dialogue, but incorrect symbolism of ‘ok’ button feels uncomfortable • We ascribe meaning to them - Cultural norms, context
  • 8. Semiotics • Signs can be words, images, sounds, gestures and objects • one-way communication to impart information : directions or identification. • Mental construct • concept • Material or physical • form Language is very flexible, but 'words fail us' in attempting to represent some experiences.
  • 9. Shared meaning Data analysis Linguistic analysis Smoothness Coarse Juddery Rough Jerky Rubbing Grinding Jumpy Harsh Shared meaning in empirical data Shared meaning within language: - Regression equation - Categories Words or terms that co-occur frequently infer synonymy
  • 11. Index – Popular styles of dish (Argentinian)
  • 12. Mixed index – ingredients, categories and methods
  • 13. Navigation design guidelines • Clarity – Ensure linguistic and semantic clarity • Simplicity - Avoid jargon – speak language of user • Saliency - Avoid redundancy and repetition – make labels easy to distinguish • Context - Look for common (visual) language within domain • Correlation - Avoid ambiguity and contradiction • Tonality - Similarity of typography, colour, and form Silfver, P., 2012. The Elements Of Navigation, 20 March 2012, Smashing Magazine. Available at: http://uxdesign.smashingmagazine.com/2012/03/20/the-elements-of-navigation [Accessed 31 October 2013].
  • 14. Navigation through other senses Tactile and auditory cues Product affordances also provide navigation cues
  • 15. Visual vs. tactile navigation
  • 16. In a world of the ‘digital self’, geo-location is meaningless: • • • How do I know where I am in relation to other people? Where am I trying to get to? What landmarks will enable me to orient myself?
  • 17. Perhaps… • Reputation? • Experience? • Culture? • Psychographics?
  • 18. Tom Wellings Design research and UX specialist tom@emotivesystems.co.uk @tcwellings