ThoughtWorks
  • Contact
  • Español
  • Português
  • Deutsch
  • 中文
Go to overview
  • Engineering Culture, Delivery Mindset

    Embrace a modern approach to software development and deliver value faster

    Intelligence-Driven Decision Making

    Leverage your data assets to unlock new sources of value

  • Frictionless Operating Model

    Improve your organization's ability to respond to change

    Platform Strategy

    Create adaptable technology platforms that move with your business strategy

  • Experience Design and Product Capability

    Rapidly design, deliver and evolve exceptional products and experiences

    Partnerships

    Leveraging our network of trusted partners to amplify the outcomes we deliver for our clients

Go to overview
  • Automotive
  • Cleantech, Energy and Utilities
  • Financial Services and Insurance
  • Healthcare
  • Media and Publishing
  • Not-for-profit
  • Public Sector
  • Retail and E-commerce
  • Travel and Transport
Go to overview

Featured

  • Technology

    An in-depth exploration of enterprise technology and engineering excellence

  • Business

    Keep up to date with the latest business and industry insights for digital leaders

  • Culture

    The place for career-building content and tips, and our view on social justice and inclusivity

Digital Publications and Tools

  • Technology Radar

    An opinionated guide to technology frontiers

  • Perspectives

    A publication for digital leaders

  • Digital Fluency Model

    A model for prioritizing the digital capabilities needed to navigate uncertainty

  • Decoder

    The business execs' A-Z guide to technology

All Insights

  • Articles

    Expert insights to help your business grow

  • Blogs

    Personal perspectives from ThoughtWorkers around the globe

  • Books

    Explore our extensive library

  • Podcasts

    Captivating conversations on the latest in business and tech

Go to overview
  • Application process

    What to expect as you interview with us

  • Grads and career changers

    Start your tech career on the right foot

  • Search jobs

    Find open positions in your region

  • Stay connected

    Sign up for our monthly newsletter

Go to overview
  • Conferences and Events
  • Diversity and Inclusion
  • News
  • Open Source
  • Our Leaders
  • Social Change
  • Español
  • Português
  • Deutsch
  • 中文
ThoughtWorksMenu
  • Close   ✕
  • What we do
  • Who we work with
  • Insights
  • Careers
  • About
  • Contact
  • Back
  • Close   ✕
  • Go to overview
  • Engineering Culture, Delivery Mindset

    Embrace a modern approach to software development and deliver value faster

  • Experience Design and Product Capability

    Rapidly design, deliver and evolve exceptional products and experiences

  • Frictionless Operating Model

    Improve your organization's ability to respond to change

  • Intelligence-Driven Decision Making

    Leverage your data assets to unlock new sources of value

  • Partnerships

    Leveraging our network of trusted partners to amplify the outcomes we deliver for our clients

  • Platform Strategy

    Create adaptable technology platforms that move with your business strategy

  • Back
  • Close   ✕
  • Go to overview
  • Automotive
  • Cleantech, Energy and Utilities
  • Financial Services and Insurance
  • Healthcare
  • Media and Publishing
  • Not-for-profit
  • Public Sector
  • Retail and E-commerce
  • Travel and Transport
  • Back
  • Close   ✕
  • Go to overview
  • Featured

  • Technology

    An in-depth exploration of enterprise technology and engineering excellence

  • Business

    Keep up to date with the latest business and industry insights for digital leaders

  • Culture

    The place for career-building content and tips, and our view on social justice and inclusivity

  • Digital Publications and Tools

  • Technology Radar

    An opinionated guide to technology frontiers

  • Perspectives

    A publication for digital leaders

  • Digital Fluency Model

    A model for prioritizing the digital capabilities needed to navigate uncertainty

  • Decoder

    The business execs' A-Z guide to technology

  • All Insights

  • Articles

    Expert insights to help your business grow

  • Blogs

    Personal perspectives from ThoughtWorkers around the globe

  • Books

    Explore our extensive library

  • Podcasts

    Captivating conversations on the latest in business and tech

  • Back
  • Close   ✕
  • Go to overview
  • Application process

    What to expect as you interview with us

  • Grads and career changers

    Start your tech career on the right foot

  • Search jobs

    Find open positions in your region

  • Stay connected

    Sign up for our monthly newsletter

  • Back
  • Close   ✕
  • Go to overview
  • Conferences and Events
  • Diversity and Inclusion
  • News
  • Open Source
  • Our Leaders
  • Social Change
Blogs
Select a topic
View all topicsClose
Technology 
Agile Project Management Cloud Continuous Delivery  Data Science & Engineering Defending the Free Internet Evolutionary Architecture Experience Design IoT Languages, Tools & Frameworks Legacy Modernization Machine Learning & Artificial Intelligence Microservices Platforms Security Software Testing Technology Strategy 
Business 
Financial Services Global Health Innovation Retail  Transformation 
Careers 
Career Hacks Diversity & Inclusion Social Change 
Blogs

Topics

Choose a topic
  • Technology
    Technology
  • Technology Overview
  • Agile Project Management
  • Cloud
  • Continuous Delivery
  • Data Science & Engineering
  • Defending the Free Internet
  • Evolutionary Architecture
  • Experience Design
  • IoT
  • Languages, Tools & Frameworks
  • Legacy Modernization
  • Machine Learning & Artificial Intelligence
  • Microservices
  • Platforms
  • Security
  • Software Testing
  • Technology Strategy
  • Business
    Business
  • Business Overview
  • Financial Services
  • Global Health
  • Innovation
  • Retail
  • Transformation
  • Careers
    Careers
  • Careers Overview
  • Career Hacks
  • Diversity & Inclusion
  • Social Change
Experience DesignTechnology

The Importance of Invisible Design

Megan Louw Megan Louw

Published: Jun 9, 2015

While User Experience is generally regarded and defined for the web, it really appears all around us. Driving to work is an experience, as is boiling a kettle, even sitting on a chair is an experience. Whoever is having the experience is the user.

Affordances and Signifiers 

Don Norman talks about a common UX principle in his book, The Design of Everyday Things, affordances and signifiers. Affordances are the actions possible by a specific object, and a signifier is an indicator or clue that the affordance exists.

wooden box without evidence that it opens

[This wooden box affords the user to open it because of the way it was designed.]

the same wooden box with a small button, affording a user to open it

[By adding the button it now signifies to the user that they are able to open it whereas before it could have easily been missed.]

A case study that demonstrates affordances and signifiers is found offline, in New York City in the 1980’s. They overcame their increasingly high crime-rate using the The Broken Window Theory developed by James Q. Wilson and George L. Kelling. The theory is closely tied to the principle of affordances and signifiers. It states that maintaining and monitoring urban environments to prevent small crimes can create an atmosphere of order and lawfulness which may stop further vandalism and escalation into more serious crime.

This worked particularly well on subway cars in NYC. A subway car afforded people to graffiti it, as the surface was flat and the graffiti would be visible to whoever caught the subway. In turn, having graffiti on the subway car signified to other people that the subway car was an affordance for graffiti, indicating to those inclined to graffiti more subway cars. By following the Broken Window Theory and taking a no-tolerance approach to vandalism (if the subway cars were graffitied every single night, the city would clean them every single morning), crime was dramatically reduced and the big city that was crime ridden became a safer place to live.

Affordances and signifiers have become increasingly important to guide the user experience for not only our offline lives but our online lives as well, yet we see these principles skipped often.

Too often we find ourselves getting seduced by new and interesting design patterns or ways to display content that we forget this can come at a price in terms of usability for certain users. As designers and developers we can use affordances and signifiers to aide a fluid user experience for our audience across the website, app or product we are building.

If you are building something for an elderly audience it’s best to explicitly communicate the possibility of an intended action. Some great examples of this are the iPhone slide to unlock animation. Not only does the animation follow the direction in which the user should slide but it also explicitly tells the user “slide to unlock”. This leaves little room for failure which in turn provides a better experience for all types of users.

the animation of the iPhone shows users and tells users that it can be unlocked by sliding

If your users are more tech-savvy, then you could have more room for experimenting with your design. Google’s Material Design introduces a button called the Floating Action Button which plays around with the level of visibility of certain elements.

This button is used by multiple applications in different ways. If the user is using an app for the first time that makes use of this design pattern, it can be quite unclear what this button will do, however that becomes less important than the user knowing that this button will produce a hidden menu. Most users will quickly start exploring the screen when they download an app, clicking on everything to see what they can find and do. When they click on the Floating Action Button, they will quickly discover what lies beneath the button, thus becoming a learned behavior. This saves space on the screen as no labels or explicit affordances are required until the user requests them.

The Google Inbox Floating Action Button feature

[Google Inbox uses the Floating Action Button to reveal your favorite contacts, reminders, a invite button as well as turning the actual button into a Compose button.]

Signifiers and affordances can be a designer’s greatest weapon. When we understand who we are designing for, we are able to either highlight certain elements more clearly or experiment with our design. Our designs should always be interesting and delightful but more importantly — useful and clear to our users. As soon as we are able to achieve this balance all the tasks in our designs that need to be completed are done so in such a simple sensical manner that the design becomes not only intuitive — but invisible.

  • What we do
  • Who we work with
  • Insights
  • Careers
  • About
  • Contact

WeChat

×
QR code to ThoughtWorks China WeChat subscription account

Media and analyst relations | Privacy policy | Modern Slavery statement ThoughtWorks| Accessibility | © 2021 ThoughtWorks, Inc.