The Design of Everyday Web
interaction design
micro
The Design of Everyday Web
3
perceived affordances
“…properties that determine just how the thing could possibly be used.”- Don Norman, The Design of Everyday Things
“This thing is telling me to ___ it”
action words
*TODO: Need push plate photo*push
pull
The Design of Everyday Web
The Design of Everyday Web
The Design of Everyday Web
The Design of Everyday Web
The Design of Everyday Web
mimic IRL physical properties
The Design of Everyday Web
The Design of Everyday Web
The Design of Everyday Web
The Design of Everyday Web
The Design of Everyday Web
The Design of Everyday Web
visibility
“making relevant parts visible”
“I didn’t know I could do that!”
“You need to click this, then you can do that.”
The Design of Everyday Web
functions > controls
feature creep
feedback
The Design of Everyday Web
The Design of Everyday Web
The Design of Everyday Web
a:hover {/* your cool effect here*/}
The Design of Everyday Web
The Design of Everyday Web
leverage affordances
make relevant parts visible
provide feedback
Thanks.Justin Davistext “jdavis” to 50500@jwd2a

More Related Content

PDF
Designing for Internet of Things is shaping relationships
PPT
Robinson. 2009.
PDF
Made by Many at She Says SCAMP 2011: Beauty is in the details
PPTX
UX Lessons from the Airport
PDF
How to Pitch
PDF
Lesson from 5 years of Lean UX
PDF
Inbound15 insights
PDF
Design Thinking: Finding Problems Worth Solving In Health
Designing for Internet of Things is shaping relationships
Robinson. 2009.
Made by Many at She Says SCAMP 2011: Beauty is in the details
UX Lessons from the Airport
How to Pitch
Lesson from 5 years of Lean UX
Inbound15 insights
Design Thinking: Finding Problems Worth Solving In Health

Recently uploaded (20)

PDF
1 - Historical Antecedents, Social Consideration.pdf
PDF
A review of recent deep learning applications in wood surface defect identifi...
PPTX
The various Industrial Revolutions .pptx
PDF
How ambidextrous entrepreneurial leaders react to the artificial intelligence...
PPT
Geologic Time for studying geology for geologist
PPTX
GROUP4NURSINGINFORMATICSREPORT-2 PRESENTATION
PPTX
Final SEM Unit 1 for mit wpu at pune .pptx
PPTX
TEXTILE technology diploma scope and career opportunities
PDF
A contest of sentiment analysis: k-nearest neighbor versus neural network
PDF
sbt 2.0: go big (Scala Days 2025 edition)
PDF
Convolutional neural network based encoder-decoder for efficient real-time ob...
PDF
Enhancing plagiarism detection using data pre-processing and machine learning...
PDF
Consumable AI The What, Why & How for Small Teams.pdf
PDF
OpenACC and Open Hackathons Monthly Highlights July 2025
PDF
The influence of sentiment analysis in enhancing early warning system model f...
PDF
Comparative analysis of machine learning models for fake news detection in so...
PPTX
AI IN MARKETING- PRESENTED BY ANWAR KABIR 1st June 2025.pptx
PDF
Taming the Chaos: How to Turn Unstructured Data into Decisions
PDF
Zenith AI: Advanced Artificial Intelligence
PDF
Architecture types and enterprise applications.pdf
1 - Historical Antecedents, Social Consideration.pdf
A review of recent deep learning applications in wood surface defect identifi...
The various Industrial Revolutions .pptx
How ambidextrous entrepreneurial leaders react to the artificial intelligence...
Geologic Time for studying geology for geologist
GROUP4NURSINGINFORMATICSREPORT-2 PRESENTATION
Final SEM Unit 1 for mit wpu at pune .pptx
TEXTILE technology diploma scope and career opportunities
A contest of sentiment analysis: k-nearest neighbor versus neural network
sbt 2.0: go big (Scala Days 2025 edition)
Convolutional neural network based encoder-decoder for efficient real-time ob...
Enhancing plagiarism detection using data pre-processing and machine learning...
Consumable AI The What, Why & How for Small Teams.pdf
OpenACC and Open Hackathons Monthly Highlights July 2025
The influence of sentiment analysis in enhancing early warning system model f...
Comparative analysis of machine learning models for fake news detection in so...
AI IN MARKETING- PRESENTED BY ANWAR KABIR 1st June 2025.pptx
Taming the Chaos: How to Turn Unstructured Data into Decisions
Zenith AI: Advanced Artificial Intelligence
Architecture types and enterprise applications.pdf
Ad
Ad

The Design of Everyday Web

Editor's Notes

  • #13: Affordances gone wrong