The transfer of information is paramount in design. Technology has made it possible to consume a mass of information in minimal time – is your design helping the flow of this information, or hindering it?
We create the content involved in communicating the information. TEXT, IMAGE, SOUND, PRODUCT We organize by using relevant design principles to communicate effectively. COLOR, VALUE, CONTRAST, BALANCE, PROXIMITY We facilitate by building environments in which information can be transferred. WEBSITE, APP, BOOK, MAGAZINE, POSTER, AD DESIGNERS = COMMUNICATORS
They desire for knowledge and/or pleasure. They visit the environment to receive the information. They interpret the content, tone, and personality conveyed. USERS = RECEIVERS
Provide appropriate alternative text Provide appropriate document structure Provide headers for data tables Ensure users can complete and submit all forms Ensure links make sense out of context Caption/transcripts for media Do not rely on color alone Content should be clearly written and easy to read Don’t use flashing lights, or contrasting dark and light patterns Vision impairments Hearing impairments Motor impairments Cognitive impairments Photo epilepsy Age-related processes
Provide appropriate alternative text Provide appropriate document structure Provide headers for data tables Ensure users can complete and submit all forms Ensure links make sense out of context Caption/transcripts for media Do not rely on color alone Content should be clearly written and easy to read Don’t use flashing lights, or contrasting dark and light patterns Vision impairments Hearing impairments Motor impairments Cognitive impairments Photo epilepsy Age-related processes
Provide appropriate alternative text Provide appropriate document structure Provide headers for data tables Ensure users can complete and submit all forms Ensure links make sense out of context Caption/transcripts for media Do not rely on color alone Content should be clearly written and easy to read Don’t use flashing lights, or contrasting dark and light patterns Vision impairments Hearing impairments Motor impairments Cognitive impairments Photo epilepsy Age-related processes
Provide appropriate alternative text Provide appropriate document structure Provide headers for data tables Ensure users can complete and submit all forms Ensure links make sense out of context Caption/transcripts for media Do not rely on color alone Content should be clearly written and easy to read Don’t use flashing lights, or contrasting dark and light patterns Vision impairments Hearing impairments Motor impairments Cognitive impairments Photo epilepsy Age-related processes
Provide appropriate alternative text Provide appropriate document structure Provide headers for data tables Ensure users can complete and submit all forms Ensure links make sense out of context Caption/transcripts for media Do not rely on color alone Content should be clearly written and easy to read Don’t use flashing lights, or contrasting dark and light patterns Vision impairments Hearing impairments Motor impairments Cognitive impairments Photo epilepsy Age-related processes
Provide appropriate alternative text Provide appropriate document structure Provide headers for data tables Ensure users can complete and submit all forms Ensure links make sense out of context Caption/transcripts for media Do not rely on color alone Content should be clearly written and easy to read Don’t use flashing lights, or contrasting dark and light patterns Vision impairments Hearing impairments Motor impairments Cognitive impairments Photo epilepsy Age-related processes
Provide appropriate alternative text Provide appropriate document structure Provide headers for data tables Ensure users can complete and submit all forms Ensure links make sense out of context Caption/transcripts for media Do not rely on color alone Content should be clearly written and easy to read Don’t use flashing lights, or contrasting dark and light patterns Vision impairments Hearing impairments Motor impairments Cognitive impairments Photo epilepsy Age-related processes
Sight Sound Taste Smell Touch Use a keyboard and mouse effectively. Read and visually navigate the web. Listen to videos and helpful sound queues. Understand general internet & web concepts. Troubleshoot issues on a basic level.
Pressure Itch Pain Hunger Thirst Temperature Direction Time Muscle tension Proprioception Equilibrioception Linear acceleration Rotational acceleration Stretch receptors Chemoreceptors
On average, a superhuman can read 200 words per minute with a 60% comprehension. More advanced superhumans read 700 words per minute with an 85% comprehension.
Title of Post Interesting meta data Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur orci enim, sollicitudin eget magna eget, interdum porttitor sapien. Donec auctor massa sed vulputate pulvinar. Aliquam suscipit in ex nec tempor. Maecenas efficitur, massa non eleifend ullamcorper, eros urna facilisis nunc, sit amet rhoncus ante libero at mi. Aenean vel purus enim. Duis elementum orci elit, in tincidunt sapien tristique non. Curabitur sodales finibus elit ut ullamcorper. Nullam dolor risus, vulputate quis turpis nec, semper ultrices enim. Curabitur at enim nec dolor vestibulum mollis et vitae ligula. Phasellus sit amet pretium sem. Sed blandit odio in augue lobortis venenatis. Donec dapibus ex in justo ultricies mollis. Etiam in convallis
Title of Post Interesting meta data Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur orci enim, sollicitudin eget magna eget, interdum porttitor sapien. Donec auctor massa sed vulputate pulvinar. Aliquam suscipit in ex nec tempor. Maecenas efficitur, massa non eleifend ullamcorper, eros urna facilisis nunc, sit amet rhoncus ante libero at mi. Aenean vel un purus enim. Duis elementum di orci elit, in tincidunt sapien eros tristique non. Curabitur sodales finibus elit ut ullamcorper. Nullam dolor risus, vulputate quis turpis nec, semper ultrices enim. Curabitur at enim nec dolor vestibulum mollis et vitae ligula. Phasellus sit amet pretium sem. Sed Duis elementum orci elit, in tincidunt sapien tristique non. Ad Home Lorem Ipsum Interdum Massa Click me
Title of Post Interesting meta data Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur orci enim, sollicitudin eget magna eget, interdum porttitor sapien. Donec auctor massa sed vulputate pulvinar. Aliquam suscipit in ex nec tempor. Maecenas efficitur, massa non eleifend ullamcorper, eros urna facilisis nunc, sit amet rhoncus ante libero at mi. Aenean vel un purus enim. Duis elementum di orci elit, in tincidunt sapien eros tristique non. Curabitur sodales finibus elit ut ullamcorper. Nullam dolor risus, vulputate quis turpis nec, semper ultrices enim. Curabitur at enim nec dolor vestibulum mollis et Duis elementum orci elit, in tincidunt sapien tristique non. Ad Ad Home Lorem Ipsum Interdum Massa Click me
facilisis nunc, sit amet rhoncus ante libero at mi. Aenean vel un purus enim. Duis elementum di orci elit, in tincidunt sapien eros tristique non. Curabitur sodales finibus elit ut ullamcorper. Nullam dolor risus, vulputate quis turpis nec, semper ultrices enim. Curabitur at enim nec dolor vestibulum mollis et vitae ligula. Phasellus sit amet pretium sem. Sed blandit odio in augue lobortis venenatis. Donec dapibus ex in justo ultricies mollis. Etiam in convallis lorem. Maecenas tellus magna, eleifend sit amet urna sit amet, accumsan semper sem. Proin pretium tellus, nec lorem, mattis nec, tempus justo interdum. Cras faucibus porta odio non elementum. Aenean at velit dapibus, porttitor mauris ac, tincidunt urna. Suspendisse potenti. Curabitur Duis elementum orci elit, in tincidunt sapien tristique non. Ad Curabitur at enim nec dolor vestibulum mollis et vitae ligula. Ad Home Lorem Ipsum Interdum Massa Click me
ullamcorper. Nullam dolor risus, vulputate quis turpis nec, semper ultrices enim. Curabitur at enim nec dolor vestibulum mollis et vitae ligula. Phasellus sit amet pretium sem. Sed blandit odio in augue lobortis venenatis. Donec dapibus ex in justo ultricies mollis. Etiam in convallis lorem. Maecenas tellus magna, eleifend sit amet urna sit amet, accumsan semper sem. Proin pretium tellus, nec lorem, mattis nec, tempus justo interdum. Cras faucibus porta odio non elementum. Aenean at velit dapibus, porttitor mauris ac, tincidunt urna. Suspendisse potenti. Curabitur dapibus condimentum luctus. Donec ultricies id metus in lacinia. Ad Curabitur at enim nec dolor vestibulum mollis et vitae ligula. Read the next story? Page 1 of 5 Next >> Home Lorem Ipsum Interdum Massa Click me
Navigation is Failure “Your job is to help the user achieve their goal. Navigating an interface is never the user’s goal.” — ANTOINE VALOT https://medium.com/radical-ux/nine-nasty-ux-truths-83b30ea94355#.q0bi39oeh
Pull Quotes “You either end up learning to blot them out completely, or you end up reading the same sentence twice.” — JEREMY KEITH https://adactio.com/journal/11102
Interstitial Ads “After January 10, 2017, pages where content is obscured by interstitial popups will be penalized in seo ranking.” — SCOTT JEHL https://twitter.com/scottjehl/status/768156598959218688
Readers Don’t Read, They Scan “Web pages have to employ scannable text, using • Highlighted keywords • Meaningful sub-headings • Bulleted lists • One idea per paragraph • Half the word count of conventional writing.” — JACOB NIELSEN https://www.nngroup.com/articles/how-users-read-on-the-web/
Title of Post Interesting meta data Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur orci enim, sollicitudin eget magna eget, interdum porttitor sapien. Donec auctor massa sed vulputate pulvinar. Aliquam suscipit in ex nec tempor. Maecenas efficitur, massa non eleifend ullamcorper, eros urna facilisis nunc, sit amet rhoncus ante libero at mi. Aenean vel purus enim. Duis elementum orci elit, in tincidunt sapien tristique non. Curabitur sodales finibus elit ut ullamcorper. Nullam dolor risus, vulputate quis turpis nec, semper ultrices enim. Curabitur at enim nec dolor vestibulum mollis et vitae ligula. Phasellus sit amet pretium sem. Sed blandit odio in augue lobortis venenatis. Donec dapibus ex in justo ultricies mollis. Etiam in convallis lorem. Maecenas tellus magna, eleifend sit amet urna sit amet, accumsan semper sem. Proin • pretium tellus • nec lorem • mattis nec tempus justo interdum. Cras faucibus porta odio non elementum. Aenean at velit dapibus, porttitor mauris ac, tincidunt urna. Suspendisse potenti. Curabitur dapibus condimentum luctus. Donec ultricies id
http://aneventapart.com/news/post/modern-layouts-getting-out-of-our-ruts-by-jen-simmons-an-event- apart-video An Event Apart Modern Layouts: Getting out of our ruts “In the early years of the web, there was a lot of variation and experimentation with where to put content on a web page. Then, it seems, we all settled into a handful of patterns and stayed there for over a decade.” — JEN SIMMONS
https://medium.freecodecamp.com/your-ui-is-your-products-humble-compensation-for-not-being- telepathic-b467d022d640 Your UI is your product’s humble compensation for not being telepathic. “Take a few products and keep asking what is this compensating for? and you’ll eventually end up with the same answer.” — MORTEN JUST