Skip to content

Instantly share code, notes, and snippets.

View 7mary4's full-sized avatar

Ted Drake 7mary4

View GitHub Profile
@dideler
dideler / 1-affordances-and-signifiers.md
Last active March 18, 2024 07:37
The Design of Everyday Things (First offering on Udacity)https://www.udacity.com/course/design101

Lesson 1: Affordances and Signifiers

Don't solve the problem given (as it's stated), figure out what the real underlying problem is.

To understand design, you have to be a good observer and question things. Travel with a camera and take photos. Don't use flash, use natural lighting when possible.

Affordances are the relationships (read: possible actions) between an object and an entity (most often a person). For example, a chair affords sitting for a human. Affordances enable interactions between entities and objects (similarly, anti-affordances prevent or reduce interactions). The presence of an affordance is determined by the properties of the object and of the abilities of the entity who's interacting with the object.

Signifiers are signals, communication devices. These signs tell you about the possible actions; what to do, and where to do it. Signifiers are often visible, but invisible (secret) signifiers do exist, like clicking a YT video to play

@visiongeist
visiongeist / table-grid-accessibility-test.html
Last active April 25, 2019 12:41
Testing Accessibility of Table and ARIA role grid
<!doctype html>
<html>
<head>
<meta charset="utf-8"/>
<title>Table Accessibility</title>
<link href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/8.6/styles/github.min.css" rel="stylesheet">
<style id="grid-css">
/* make grid elements work like a table */