use of icons content alternatives transcripts colour responsive design interaction presentation video audio images captions typesetting layout forms contrast IA structure
and situations. • to deliver content in different formats. • to consider assistive technologies. • to ensure access to all content regardless of how it is viewed/read. • to follow best practices and consider common patterns. DESIGN FOR INCLUSION. This will support a good user experience.
overhead shot of a flock of sheep jostling in their sheep pen, and rushing through a chute. Instantly, the sheep dissolve into a similar overhead shot of industrial workers pushing out of a subway station at rush hour on their way to work... listen to film summary Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec odio. Quisque volutpat mattis eros. Nullam malesuada erat ut turpis. Suspendisse urna nibh, viverra non, semper suscipit, posuere a, pede. Donec nec justo eget felis facilisis fermentum. Aliquam porttitor mauris sit amet orci. Aenean dignissim pellentesque felis. Morbi in sem quis dui placerat ornare. Pellentesque odio nisi, euismod in, pharetra a, ultricies in, diam. Sed arcu. Cras consequat. transcript sensory sensory cognitive Modern Times Charlie Chaplin ACCESSIBILITY CONSIDER ALL ABILITIES.
film opens with an overhead shot of a flock of sheep jostling in their sheep pen, and rushing through a chute. Instantly, the sheep dissolve into a similar overhead shot of industrial workers pushing out of a subway station at rush hour on their way to work... listen to film summary Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec odio. Quisque volutpat mattis eros. Nullam malesuada erat ut turpis. Suspendisse urna nibh, viverra non, semper suscipit, posuere a, pede. Donec nec justo eget felis facilisis fermentum. Aliquam porttitor mauris sit amet orci. Aenean dignissim pellentesque felis. Morbi in sem quis dui placerat ornare. Pellentesque odio nisi, euismod in, pharetra a, ultricies in, diam. Sed arcu. Cras consequat. transcript Home Flower Car Sunshine Clouds ACCESSIBILITY CONSIDER ALL ABILITIES. cognitive cognitive
content structure and menu setup. What are users’ expectations? What are are their goals? How will your choice of menu system affect your users? How can the content be optimised? How can it be accessed most easily? What menu setup will be most effective and user-friendly?
anything. … using an old desktop computer. … using a mobile device. … on a very slow connection. … using assistive technologies. … viewing your site in a niche browser. Your users might be…
your users and their preferences. • to create a positive experience during all interactions on the site. • to ensure easy access to all content and functions. • to set up forms which are a delight to use. • to give suitable feedback on all interaction. DESIGN FOR DELIGHT. This will support accessibility.
Don’t assume anything. … calm and rational Your users might be… … viewing your site in a situation you cannot even imagine. … in a rush … or relaxed and with time to spare. … tech savvy … or fairly inexperienced. … or in distress.
people, for people ★ have conversations, be social, learn. ★ aim to create familiarity and trust ★ create consistency between all elements ★ be conscious of cultural/social context ★ focus on creating a positive experience across the entire site and its interactions USER EXPERIENCE CONSIDER ALL PEOPLE & SITUATIONS. DESIGN FOR DELIGHT.
facts, just the facts." The Yellow Hat symbolizes brightness and optimism. Under this hat you explore the positives and probe for value and benefit. The Black Hat is judgment - the devil's advocate or why something may not work. Spot the difficulties and dangers; where things might go wrong. Probably the most powerful and useful of the Hats but a problem if overused. The Red Hat signifies feelings, hunches and intuition. When using this hat you can express emotions and feelings and share fears, likes, dislikes, loves, and hates. The Green Hat focuses on creativity; the possibilities, alternatives, and new ideas. It's an opportunity to express new concepts and new perceptions. The Blue Hat is used to manage the thinking process. It's the control mechanism that ensures the Six Thinking Hats® guidelines are observed. Dr. Edward de Bono, 1985 [ISBN 0-316-17831-4] [The De Bono Group LLC | debonogroup.com] SIX THINKING HATS
‣ internet use mainly leisurely, allowing time to consume content ‣ interest to explore site likely ‣ prefers navigation with mouse, or use of tablet the optimist
used to fast pace digital work ‣ impatient browsing habits, using many tabs and keyboard shortcuts ‣ quick skim reader, relying on good visual hierarchy ‣ risk of abandoning site high
& learn from their behaviour. listen & observe | review | iterate | repeat ★ consistency is key. establish your approach and stick to it, across all aspects: content | copy | design | interaction ★ provide alternatives to all media. text alternatives | captions | transcripts. ★ offer a positive experience. quality of content | tone of language | delight to use/access.
prisca
herumi
takesection
irocho
robinlee
yasulab
terahide
mineo_matsuya
guvalif
lrm
signer
sachag
colly
cassininazir
chriscoyier
addyosmani
brettharned
paigeccino
maltzj
quramy
eileencodes
marcelosomers
zakiyama
![GETTING PEOPLE INVOLVED & COLLECTING FEEDBACK Silverback [silverbackapp.com]](https://files.speakerdeck.com/presentations/fc11ed1b6f5a4edc8d1cb31a50b757de/slide_33.jpg){kind=link}
![GETTING PEOPLE INVOLVED & COLLECTING FEEDBACK [ hotjar.com ] screenshot](https://files.speakerdeck.com/presentations/fc11ed1b6f5a4edc8d1cb31a50b757de/slide_34.jpg){kind=link}
![Prisca Schmarsow [email protected] eyedeastudio.london @prisca_eyedea](https://files.speakerdeck.com/presentations/fc11ed1b6f5a4edc8d1cb31a50b757de/slide_39.jpg){kind=link}