SlideShare ist ein Scribd-Unternehmen logo
1 von 25
Downloaden Sie, um offline zu lesen
#ISSlearn
DIGITAL USER EXPERIENCE:
LESSONS FROM EVERYDAY
OBJECTS
Choo Zhi Min, Instructor, Institute of Systems Science, NUS
zhimin@nus.edu.sg
1(Total Slides=8) T:S-ITSM-FOMModule 1 v3.pptx
© 2015 National University of
Singapore. All Rights Reserved
#ISSlearn
Coffee Maker or DVD Player?
2(Total Slides=8) T:S-ITSM-FOMModule 1 v3.pptx
© 2015 National University of
Singapore. All Rights Reserved
#ISSlearn 3(Total Slides=8) T:S-ITSM-FOMModule 1 v3.pptx
© 2015 National University of
Singapore. All Rights Reserved
#ISSlearn
Everything Things
4(Total Slides=8) T:S-ITSM-FOMModule 1 v3.pptx
© 2015 National University of
Singapore. All Rights Reserved
• 23,000 objects catalogued in "What's What: A 
Visual Glossary of the Physical World"
• Let's say it takes one minute to learn each
object.
• It will take 23,000 minutes = 383 hours = 8.7
work weeks
#ISSlearn
How do people cope?
5(Total Slides=8) T:S-ITSM-FOMModule 1 v3.pptx
© 2015 National University of
Singapore. All Rights Reserved
• Human mind is wired to make sense of the
world.
• Information from the appearance of the
objects.
• The ability of designer to make the operation
and the object appearance clear, and to take
advantage of the knowledge of how human
mind works.
#ISSlearn
Affordance
6(Total Slides=8) T:S-ITSM-FOMModule 1 v3.pptx
© 2015 National University of
Singapore. All Rights Reserved
• The visual appearance of an object that gives
clues about how the object could be possibly
used.
• Plate is for pushing
• Slot is for inserting things into
• Knob is for turning
• Ball is for throwing or bouncing
• Button is for pressing
• Switch is for flipping
#ISSlearn
Four types of Affordance
7(Total Slides=8) T:S-ITSM-FOMModule 1 v3.pptx
© 2015 National University of
Singapore. All Rights Reserved
1. Physical
2. Language
3. Pattern
4. Symbolic/Iconic
#ISSlearn
Four types of Affordance
8(Total Slides=8) T:S-ITSM-FOMModule 1 v3.pptx
© 2015 National University of
Singapore. All Rights Reserved
1. Physical
2. Language
3. Pattern
4. Symbolic/Iconic
#ISSlearn
Four types of Affordance
1. Physical Affordance
• Affordance based on the object’s physical
appearance
• Shape, size, structure
9(Total Slides=8) T:S-ITSM-FOMModule 1 v3.pptx
© 2015 National University of
Singapore. All Rights Reserved
#ISSlearn
Four types of Affordance
10(Total Slides=8) T:S-ITSM-FOMModule 1 v3.pptx
© 2015 National University of
Singapore. All Rights Reserved
#ISSlearn
Four types of Affordance
11(Total Slides=8) T:S-ITSM-FOMModule 1 v3.pptx
© 2015 National University of
Singapore. All Rights Reserved
#ISSlearn
Four types of Affordance
12(Total Slides=8) T:S-ITSM-FOMModule 1 v3.pptx
© 2015 National University of
Singapore. All Rights Reserved
#ISSlearn
Four types of Affordance
Buttons: Physical Affordance in Digital World
13(Total Slides=8) T:S-ITSM-FOMModule 1 v3.pptx
© 2015 National University of
Singapore. All Rights Reserved
#ISSlearn
Four types of Affordance
14(Total Slides=8) T:S-ITSM-FOMModule 1 v3.pptx
© 2015 National University of
Singapore. All Rights Reserved
#ISSlearn
Four types of Affordance
15(Total Slides=8) T:S-ITSM-FOMModule 1 v3.pptx
© 2015 National University of
Singapore. All Rights Reserved
Any button?
#ISSlearn
Four types of Affordance
2. Language Affordance
• Straightforward affordance based on words
• Inline textbox labels
16(Total Slides=8) T:S-ITSM-FOMModule 1 v3.pptx
© 2015 National University of
Singapore. All Rights Reserved
#ISSlearn
Four types of Affordance
3. Pattern Affordance
• Common web/mobile conventions that most users
are able to recognize and understand.
• Navigation menu and breadcrumbs
• Links
• Downward or Right arrow next to word
17(Total Slides=8) T:S-ITSM-FOMModule 1 v3.pptx
© 2015 National University of
Singapore. All Rights Reserved
#ISSlearn
Four types of Affordance
18(Total Slides=8) T:S-ITSM-FOMModule 1 v3.pptx
© 2015 National University of
Singapore. All Rights Reserved
#ISSlearn
Four types of Affordance
4. Symbolic Affordance
• Use symbols or icons to communicate affordance.
• Usually icons of real-life, physical objects or
commonly known symbols to quickly tell users
what they can do.
19(Total Slides=8) T:S-ITSM-FOMModule 1 v3.pptx
© 2015 National University of
Singapore. All Rights Reserved
#ISSlearn
Four types of Affordance
20(Total Slides=8) T:S-ITSM-FOMModule 1 v3.pptx
© 2015 National University of
Singapore. All Rights Reserved
#ISSlearn
A Short Exercise
21(Total Slides=8) T:S-ITSM-FOMModule 1 v3.pptx
© 2015 National University of
Singapore. All Rights Reserved
#ISSlearn
A Short Exercise
22(Total Slides=8) T:S-ITSM-FOMModule 1 v3.pptx
© 2015 National University of
Singapore. All Rights Reserved
#ISSlearn
A Short Exercise
23(Total Slides=8) T:S-ITSM-FOMModule 1 v3.pptx
© 2015 National University of
Singapore. All Rights Reserved
#ISSlearn
Food for Thought
24(Total Slides=8) T:S-ITSM-FOMModule 1 v3.pptx
© 2015 National University of
Singapore. All Rights Reserved
#ISSlearn
THANK YOU 
Choo Zhi Min
zhimin@nus.edu.sg
Follow me: @choozm
Follow ISS: @ISSNUS
25(Total Slides=8) T:S-ITSM-FOMModule 1 v3.pptx
© 2015 National University of
Singapore. All Rights Reserved

Weitere ähnliche Inhalte

Ähnlich wie NUS-ISS Learning Day 2015 - Digital User Experience: Lessons from Everyday Objects

Loyola Marymount University Board of Trustees Presentation
Loyola Marymount University Board of Trustees PresentationLoyola Marymount University Board of Trustees Presentation
Loyola Marymount University Board of Trustees Presentation
rcawood
 
32 Interesting Ways to use Mobile Phones in the Classroom
32 Interesting Ways to use Mobile Phones in the Classroom32 Interesting Ways to use Mobile Phones in the Classroom
32 Interesting Ways to use Mobile Phones in the Classroom
Gordon Powell
 
Use of Technology in K-8 Science
Use of Technology in K-8 ScienceUse of Technology in K-8 Science
Use of Technology in K-8 Science
dkeane
 
Using Technology in the Classroom
Using Technology in the ClassroomUsing Technology in the Classroom
Using Technology in the Classroom
gueste3b680
 

Ähnlich wie NUS-ISS Learning Day 2015 - Digital User Experience: Lessons from Everyday Objects (20)

Loyola Marymount University Board of Trustees Presentation
Loyola Marymount University Board of Trustees PresentationLoyola Marymount University Board of Trustees Presentation
Loyola Marymount University Board of Trustees Presentation
 
Kei Oi e-Learning Sharing 20130827
Kei Oi e-Learning Sharing 20130827Kei Oi e-Learning Sharing 20130827
Kei Oi e-Learning Sharing 20130827
 
NUS-ISS Learning Day 2016 - Tiny Components But Big Possibilities
NUS-ISS Learning Day 2016 - Tiny Components But Big PossibilitiesNUS-ISS Learning Day 2016 - Tiny Components But Big Possibilities
NUS-ISS Learning Day 2016 - Tiny Components But Big Possibilities
 
Universal Design for Learning + Technology Teams = Success for All Students 1...
Universal Design for Learning + Technology Teams = Success for All Students 1...Universal Design for Learning + Technology Teams = Success for All Students 1...
Universal Design for Learning + Technology Teams = Success for All Students 1...
 
System modelling with STELLA: An introduction
System modelling with STELLA: An introductionSystem modelling with STELLA: An introduction
System modelling with STELLA: An introduction
 
Are Automatic Transcriptions Good Enough for Accessibility?
Are Automatic Transcriptions Good Enough for Accessibility?Are Automatic Transcriptions Good Enough for Accessibility?
Are Automatic Transcriptions Good Enough for Accessibility?
 
Podcasting at MMU
Podcasting at MMUPodcasting at MMU
Podcasting at MMU
 
32 Interesting Ways to use Mobile Phones in the Classroom
32 Interesting Ways to use Mobile Phones in the Classroom32 Interesting Ways to use Mobile Phones in the Classroom
32 Interesting Ways to use Mobile Phones in the Classroom
 
EBA Internship Program 2015-2016
EBA Internship Program 2015-2016EBA Internship Program 2015-2016
EBA Internship Program 2015-2016
 
Oppimisratkaisut: Kansainvälisten oppimisverkostojen työpaja 28.3.2011, Riitt...
Oppimisratkaisut: Kansainvälisten oppimisverkostojen työpaja 28.3.2011, Riitt...Oppimisratkaisut: Kansainvälisten oppimisverkostojen työpaja 28.3.2011, Riitt...
Oppimisratkaisut: Kansainvälisten oppimisverkostojen työpaja 28.3.2011, Riitt...
 
31 Interestin ways to use mobiles in class
31 Interestin ways to use mobiles in class31 Interestin ways to use mobiles in class
31 Interestin ways to use mobiles in class
 
1021 smap14 social media apps programming review
1021 smap14 social media apps programming review1021 smap14 social media apps programming review
1021 smap14 social media apps programming review
 
JuxtaLearn: reflective performance and learning
JuxtaLearn: reflective performance and learningJuxtaLearn: reflective performance and learning
JuxtaLearn: reflective performance and learning
 
Title outline
Title outlineTitle outline
Title outline
 
1.4 Phil v. Tansy: who won?
1.4 Phil v. Tansy: who won?1.4 Phil v. Tansy: who won?
1.4 Phil v. Tansy: who won?
 
Use of Technology in K-8 Science
Use of Technology in K-8 ScienceUse of Technology in K-8 Science
Use of Technology in K-8 Science
 
Using Technology in the Classroom
Using Technology in the ClassroomUsing Technology in the Classroom
Using Technology in the Classroom
 
Lifecycle Modeling Language Tutorial by Dr. Dam and Dr. Vaneman
Lifecycle Modeling Language Tutorial by Dr. Dam and Dr. Vaneman Lifecycle Modeling Language Tutorial by Dr. Dam and Dr. Vaneman
Lifecycle Modeling Language Tutorial by Dr. Dam and Dr. Vaneman
 
Young Learners ELT - Innovations in Technology
Young Learners ELT - Innovations in TechnologyYoung Learners ELT - Innovations in Technology
Young Learners ELT - Innovations in Technology
 
Innovations in EAP oral assessment: the IOA project
Innovations in EAP oral assessment: the IOA projectInnovations in EAP oral assessment: the IOA project
Innovations in EAP oral assessment: the IOA project
 

Mehr von NUS-ISS

Mehr von NUS-ISS (20)

Designing Impactful Services and User Experience - Lim Wee Khee
Designing Impactful Services and User Experience - Lim Wee KheeDesigning Impactful Services and User Experience - Lim Wee Khee
Designing Impactful Services and User Experience - Lim Wee Khee
 
Upskilling the Evolving Workforce with Digital Fluency for Tomorrow's Challen...
Upskilling the Evolving Workforce with Digital Fluency for Tomorrow's Challen...Upskilling the Evolving Workforce with Digital Fluency for Tomorrow's Challen...
Upskilling the Evolving Workforce with Digital Fluency for Tomorrow's Challen...
 
How the World's Leading Independent Automotive Distributor is Reinventing Its...
How the World's Leading Independent Automotive Distributor is Reinventing Its...How the World's Leading Independent Automotive Distributor is Reinventing Its...
How the World's Leading Independent Automotive Distributor is Reinventing Its...
 
The Importance of Cybersecurity for Digital Transformation
The Importance of Cybersecurity for Digital TransformationThe Importance of Cybersecurity for Digital Transformation
The Importance of Cybersecurity for Digital Transformation
 
Architecting CX Measurement Frameworks and Ensuring CX Metrics are fit for Pu...
Architecting CX Measurement Frameworks and Ensuring CX Metrics are fit for Pu...Architecting CX Measurement Frameworks and Ensuring CX Metrics are fit for Pu...
Architecting CX Measurement Frameworks and Ensuring CX Metrics are fit for Pu...
 
Understanding GenAI/LLM and What is Google Offering - Felix Goh
Understanding GenAI/LLM and What is Google Offering - Felix GohUnderstanding GenAI/LLM and What is Google Offering - Felix Goh
Understanding GenAI/LLM and What is Google Offering - Felix Goh
 
Digital Product-Centric Enterprise and Enterprise Architecture - Tan Eng Tsze
Digital Product-Centric Enterprise and Enterprise Architecture - Tan Eng TszeDigital Product-Centric Enterprise and Enterprise Architecture - Tan Eng Tsze
Digital Product-Centric Enterprise and Enterprise Architecture - Tan Eng Tsze
 
Emerging & Future Technology - How to Prepare for the Next 10 Years of Radica...
Emerging & Future Technology - How to Prepare for the Next 10 Years of Radica...Emerging & Future Technology - How to Prepare for the Next 10 Years of Radica...
Emerging & Future Technology - How to Prepare for the Next 10 Years of Radica...
 
Beyond the Hype: What Generative AI Means for the Future of Work - Damien Cum...
Beyond the Hype: What Generative AI Means for the Future of Work - Damien Cum...Beyond the Hype: What Generative AI Means for the Future of Work - Damien Cum...
Beyond the Hype: What Generative AI Means for the Future of Work - Damien Cum...
 
Supply Chain Security for Containerised Workloads - Lee Chuk Munn
Supply Chain Security for Containerised Workloads - Lee Chuk MunnSupply Chain Security for Containerised Workloads - Lee Chuk Munn
Supply Chain Security for Containerised Workloads - Lee Chuk Munn
 
Future of Learning - Yap Aye Wee.pdf
Future of Learning - Yap Aye Wee.pdfFuture of Learning - Yap Aye Wee.pdf
Future of Learning - Yap Aye Wee.pdf
 
Future of Learning - Khoong Chan Meng
Future of Learning - Khoong Chan MengFuture of Learning - Khoong Chan Meng
Future of Learning - Khoong Chan Meng
 
Site Reliability Engineer (SRE), We Keep The Lights On 24/7
Site Reliability Engineer (SRE), We Keep The Lights On 24/7Site Reliability Engineer (SRE), We Keep The Lights On 24/7
Site Reliability Engineer (SRE), We Keep The Lights On 24/7
 
Product Management in The Trenches for a Cloud Service
Product Management in The Trenches for a Cloud ServiceProduct Management in The Trenches for a Cloud Service
Product Management in The Trenches for a Cloud Service
 
Overview of Data and Analytics Essentials and Foundations
Overview of Data and Analytics Essentials and FoundationsOverview of Data and Analytics Essentials and Foundations
Overview of Data and Analytics Essentials and Foundations
 
Predictive Analytics
Predictive AnalyticsPredictive Analytics
Predictive Analytics
 
Feature Engineering for IoT
Feature Engineering for IoTFeature Engineering for IoT
Feature Engineering for IoT
 
Master of Technology in Software Engineering
Master of Technology in Software EngineeringMaster of Technology in Software Engineering
Master of Technology in Software Engineering
 
Master of Technology in Enterprise Business Analytics
Master of Technology in Enterprise Business AnalyticsMaster of Technology in Enterprise Business Analytics
Master of Technology in Enterprise Business Analytics
 
Diagnosing Complex Problems Using System Archetypes
Diagnosing Complex Problems Using System ArchetypesDiagnosing Complex Problems Using System Archetypes
Diagnosing Complex Problems Using System Archetypes
 

Kürzlich hochgeladen

Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers:  A Deep Dive into Serverless Spatial Data and FMECloud Frontiers:  A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Safe Software
 
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Victor Rentea
 
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers:  A Deep Dive into Serverless Spatial Data and FMECloud Frontiers:  A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Safe Software
 

Kürzlich hochgeladen (20)

Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers:  A Deep Dive into Serverless Spatial Data and FMECloud Frontiers:  A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
 
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerHow to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
 
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
 
Artificial Intelligence Chap.5 : Uncertainty
Artificial Intelligence Chap.5 : UncertaintyArtificial Intelligence Chap.5 : Uncertainty
Artificial Intelligence Chap.5 : Uncertainty
 
presentation ICT roal in 21st century education
presentation ICT roal in 21st century educationpresentation ICT roal in 21st century education
presentation ICT roal in 21st century education
 
JohnPollard-hybrid-app-RailsConf2024.pptx
JohnPollard-hybrid-app-RailsConf2024.pptxJohnPollard-hybrid-app-RailsConf2024.pptx
JohnPollard-hybrid-app-RailsConf2024.pptx
 
Vector Search -An Introduction in Oracle Database 23ai.pptx
Vector Search -An Introduction in Oracle Database 23ai.pptxVector Search -An Introduction in Oracle Database 23ai.pptx
Vector Search -An Introduction in Oracle Database 23ai.pptx
 
FWD Group - Insurer Innovation Award 2024
FWD Group - Insurer Innovation Award 2024FWD Group - Insurer Innovation Award 2024
FWD Group - Insurer Innovation Award 2024
 
Platformless Horizons for Digital Adaptability
Platformless Horizons for Digital AdaptabilityPlatformless Horizons for Digital Adaptability
Platformless Horizons for Digital Adaptability
 
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers:  A Deep Dive into Serverless Spatial Data and FMECloud Frontiers:  A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
 
WSO2's API Vision: Unifying Control, Empowering Developers
WSO2's API Vision: Unifying Control, Empowering DevelopersWSO2's API Vision: Unifying Control, Empowering Developers
WSO2's API Vision: Unifying Control, Empowering Developers
 
MINDCTI Revenue Release Quarter One 2024
MINDCTI Revenue Release Quarter One 2024MINDCTI Revenue Release Quarter One 2024
MINDCTI Revenue Release Quarter One 2024
 
DEV meet-up UiPath Document Understanding May 7 2024 Amsterdam
DEV meet-up UiPath Document Understanding May 7 2024 AmsterdamDEV meet-up UiPath Document Understanding May 7 2024 Amsterdam
DEV meet-up UiPath Document Understanding May 7 2024 Amsterdam
 
AI in Action: Real World Use Cases by Anitaraj
AI in Action: Real World Use Cases by AnitarajAI in Action: Real World Use Cases by Anitaraj
AI in Action: Real World Use Cases by Anitaraj
 
Rising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdf
Rising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdfRising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdf
Rising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdf
 
Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...
 
[BuildWithAI] Introduction to Gemini.pdf
[BuildWithAI] Introduction to Gemini.pdf[BuildWithAI] Introduction to Gemini.pdf
[BuildWithAI] Introduction to Gemini.pdf
 
CNIC Information System with Pakdata Cf In Pakistan
CNIC Information System with Pakdata Cf In PakistanCNIC Information System with Pakdata Cf In Pakistan
CNIC Information System with Pakdata Cf In Pakistan
 
Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...
Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...
Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...
 
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
 

NUS-ISS Learning Day 2015 - Digital User Experience: Lessons from Everyday Objects

  • 1. #ISSlearn DIGITAL USER EXPERIENCE: LESSONS FROM EVERYDAY OBJECTS Choo Zhi Min, Instructor, Institute of Systems Science, NUS zhimin@nus.edu.sg 1(Total Slides=8) T:S-ITSM-FOMModule 1 v3.pptx © 2015 National University of Singapore. All Rights Reserved
  • 2. #ISSlearn Coffee Maker or DVD Player? 2(Total Slides=8) T:S-ITSM-FOMModule 1 v3.pptx © 2015 National University of Singapore. All Rights Reserved
  • 3. #ISSlearn 3(Total Slides=8) T:S-ITSM-FOMModule 1 v3.pptx © 2015 National University of Singapore. All Rights Reserved
  • 4. #ISSlearn Everything Things 4(Total Slides=8) T:S-ITSM-FOMModule 1 v3.pptx © 2015 National University of Singapore. All Rights Reserved • 23,000 objects catalogued in "What's What: A  Visual Glossary of the Physical World" • Let's say it takes one minute to learn each object. • It will take 23,000 minutes = 383 hours = 8.7 work weeks
  • 5. #ISSlearn How do people cope? 5(Total Slides=8) T:S-ITSM-FOMModule 1 v3.pptx © 2015 National University of Singapore. All Rights Reserved • Human mind is wired to make sense of the world. • Information from the appearance of the objects. • The ability of designer to make the operation and the object appearance clear, and to take advantage of the knowledge of how human mind works.
  • 6. #ISSlearn Affordance 6(Total Slides=8) T:S-ITSM-FOMModule 1 v3.pptx © 2015 National University of Singapore. All Rights Reserved • The visual appearance of an object that gives clues about how the object could be possibly used. • Plate is for pushing • Slot is for inserting things into • Knob is for turning • Ball is for throwing or bouncing • Button is for pressing • Switch is for flipping
  • 7. #ISSlearn Four types of Affordance 7(Total Slides=8) T:S-ITSM-FOMModule 1 v3.pptx © 2015 National University of Singapore. All Rights Reserved 1. Physical 2. Language 3. Pattern 4. Symbolic/Iconic
  • 8. #ISSlearn Four types of Affordance 8(Total Slides=8) T:S-ITSM-FOMModule 1 v3.pptx © 2015 National University of Singapore. All Rights Reserved 1. Physical 2. Language 3. Pattern 4. Symbolic/Iconic
  • 9. #ISSlearn Four types of Affordance 1. Physical Affordance • Affordance based on the object’s physical appearance • Shape, size, structure 9(Total Slides=8) T:S-ITSM-FOMModule 1 v3.pptx © 2015 National University of Singapore. All Rights Reserved
  • 10. #ISSlearn Four types of Affordance 10(Total Slides=8) T:S-ITSM-FOMModule 1 v3.pptx © 2015 National University of Singapore. All Rights Reserved
  • 11. #ISSlearn Four types of Affordance 11(Total Slides=8) T:S-ITSM-FOMModule 1 v3.pptx © 2015 National University of Singapore. All Rights Reserved
  • 12. #ISSlearn Four types of Affordance 12(Total Slides=8) T:S-ITSM-FOMModule 1 v3.pptx © 2015 National University of Singapore. All Rights Reserved
  • 13. #ISSlearn Four types of Affordance Buttons: Physical Affordance in Digital World 13(Total Slides=8) T:S-ITSM-FOMModule 1 v3.pptx © 2015 National University of Singapore. All Rights Reserved
  • 14. #ISSlearn Four types of Affordance 14(Total Slides=8) T:S-ITSM-FOMModule 1 v3.pptx © 2015 National University of Singapore. All Rights Reserved
  • 15. #ISSlearn Four types of Affordance 15(Total Slides=8) T:S-ITSM-FOMModule 1 v3.pptx © 2015 National University of Singapore. All Rights Reserved Any button?
  • 16. #ISSlearn Four types of Affordance 2. Language Affordance • Straightforward affordance based on words • Inline textbox labels 16(Total Slides=8) T:S-ITSM-FOMModule 1 v3.pptx © 2015 National University of Singapore. All Rights Reserved
  • 17. #ISSlearn Four types of Affordance 3. Pattern Affordance • Common web/mobile conventions that most users are able to recognize and understand. • Navigation menu and breadcrumbs • Links • Downward or Right arrow next to word 17(Total Slides=8) T:S-ITSM-FOMModule 1 v3.pptx © 2015 National University of Singapore. All Rights Reserved
  • 18. #ISSlearn Four types of Affordance 18(Total Slides=8) T:S-ITSM-FOMModule 1 v3.pptx © 2015 National University of Singapore. All Rights Reserved
  • 19. #ISSlearn Four types of Affordance 4. Symbolic Affordance • Use symbols or icons to communicate affordance. • Usually icons of real-life, physical objects or commonly known symbols to quickly tell users what they can do. 19(Total Slides=8) T:S-ITSM-FOMModule 1 v3.pptx © 2015 National University of Singapore. All Rights Reserved
  • 20. #ISSlearn Four types of Affordance 20(Total Slides=8) T:S-ITSM-FOMModule 1 v3.pptx © 2015 National University of Singapore. All Rights Reserved
  • 21. #ISSlearn A Short Exercise 21(Total Slides=8) T:S-ITSM-FOMModule 1 v3.pptx © 2015 National University of Singapore. All Rights Reserved
  • 22. #ISSlearn A Short Exercise 22(Total Slides=8) T:S-ITSM-FOMModule 1 v3.pptx © 2015 National University of Singapore. All Rights Reserved
  • 23. #ISSlearn A Short Exercise 23(Total Slides=8) T:S-ITSM-FOMModule 1 v3.pptx © 2015 National University of Singapore. All Rights Reserved
  • 24. #ISSlearn Food for Thought 24(Total Slides=8) T:S-ITSM-FOMModule 1 v3.pptx © 2015 National University of Singapore. All Rights Reserved
  • 25. #ISSlearn THANK YOU  Choo Zhi Min zhimin@nus.edu.sg Follow me: @choozm Follow ISS: @ISSNUS 25(Total Slides=8) T:S-ITSM-FOMModule 1 v3.pptx © 2015 National University of Singapore. All Rights Reserved