Accessible user experiences in 4’33”

Slides:



Advertisements
Similar presentations
This tutorial is designed to take you through the features and content of Oxford African American Studies Center. Please click "Start the Tour" below for.
Advertisements

Following are two samples of classroom practice. The Foundation Statements and the Segundo to Cuarto outcome for designing and making place an emphasis.
Certificate in Digital Applications – Level 02 Website Design and Creation.
Joseph Beuys, The Pack, 1969 Joseph Beuys, The Pack, 1969
Web Accessibility Web Services Office of Communications.
NOAC 2002 E-Scouting1 Design and Layout Sage Lichtenwalner National OA Web Site Youth Coordinator.
WEB DESIGNING Prof. Jesse A. Role Ph. D TM UEAB 2010.
Chapter 15 Designing Effective Output
WEBINAR SERIES: ACCESSIBLE INTERACTIVE DOCUMENTS Week 3: Accessible Web Forms Norman Coombs
Designing for the Web 7 Useful Design Principles.
System Analysis & Design Chapter VII: User Interface Design Providing interactive and easy to use interfaces is an important task of system designer using.
WEB ACCESSIBILITY & CQ MEETING STANDARDS & MAKING ACCESS FOR ALL.
WEB DESIGN USING DREAMWEAVER. The World Wide Web –A Web site is a group of related files organized around a common topic –A Web page is a single file.
The Internet and the World Wide Web. The Internet A Network is a collection of computers and devices that are connected together. The Internet is a worldwide.
Exercise 2 choices –If you prefer to use graphs, charts move to the right of the room –If you prefer to learn through lecture, discussion move to the left.
COMP106 Assignment 2 Proposal 1. Interface Tasks My new interface design for the University library catalogue will incorporate all of the existing features,
PRINCIPLES OF DESIGN.
Copyright © 2012 W3C (MIT, ERCIM, Keio) BAD: Before and After Demo Shadi Abou-Zahra W3C Web Accessibility Initiative (WAI)
Group 3: Art Gallery Monica Almendarez Content/Project Manager Willliam Egle Technology Manager Christina Pié Usability/ADA Compliance Manager Mirjana.
Objective 5.01 – Understand appropriate business etiquette “Your manners are always under examination, and by committees little suspected, awarding or.
Development and Design of Multimedia. Planning Your Title 1)Develop the concept or idea – a multimedia project starts with an idea that supports a vision.
Color Theory in Web Design Web Design – Sec 2-2. Objectives  The student will: –Have a better understanding of effective use of color on the web. –Be.
Accessibility : Designing the Interface and Navigation The Non-Designer’s Web Book Chapter 7 Robin Williams and John Tollett Presented by Sherie Loika.
History Internet – the network of computer networks that provides the framework for the World Wide Web. The web can’t exist without the internet. Browser.
Technical Communication A Practical Approach Chapter 14: Web Pages and Writing for the Web William Sanborn Pfeiffer Kaye Adkins.
Lesson 3-Multimedia Skills. Overview Members of a multimedia team. Roles and responsibilities in a multimedia team.
?. When designing, you should analyze your target audience. Design you webpage around your target audience Target Audience.
ART Critique Process Art Critiquing process is about organizing your thoughts about a particular piece of art.
© 2012 Adobe Systems Incorporated. All Rights Reserved. Copyright 2012 Adobe Systems Incorporated. All rights reserved. ® INTRODUCTION TO INFORMATION ARCHITECTURE.
Animating Art By Mr Sam Hebden. Unfortunately your sketchbooks are at school, so please work on suitable paper, that can be neatly stuck into your sketchbooks.
Standard 5.01 – Understand Appropriate Business Procedures “Your manners are always under examination, and by committees little suspected, awarding or.
Copyright © Terry Felke-Morris Learning Outcomes  In this chapter...  common types of website organization  principles of visual design  your target.
Feedback for my Digipak and website Ancillary task by Ellie Cook.
{ User Centered Design Final Presentation Donia Canaveral }
ART CRITICISM Art criticism is talking and writing about art Art criticism allows you to really look at a work of art to understand it and appreciate it.
introductionwhyexamples What is a Web site? A web site is: a presentation tool; a way to communicate; a learning tool; a teaching tool; a marketing important.
Videoconference Presentation Making the Connection.
Boxes. boxes- learning targets o I will be able to display buttons (boxes) o I will be able to organize boxes o I will be able to create an animation.
Introducing Scratch Learning resources for the implementation of the scenario
Accessibility is not boring or difficult. It’s the right thing to do. Benjy Stanton.
for Paper 3 Listening & Integrated Skills
Space Explorers Year 5 SPRING 2 (2017) Homework: Topic:
Website planning.
Accessible materials.
Web-based structures, links and testing
10/09/2018 The eFolio Arrives John Sewell.
Chapter 11 Designing Effective Output
Reading and Writing in Music
Chapter 2 Developing a Web Page.
Web-design.
GO! with Microsoft Access 2016
How to Create an Animoto Video
Inclusive Design Reviews
GCE Applied ICT G040: Lesson 14 Website Briefing Notes
Basic Principles of Layout
Film Studies Need to Know (Or what I should have gotten 1st Semester)
Can You Hear What You See?
Lesson 1 – what is descriptive writing
The Sound of Silence Don’t speak – just watch. If you speak you have missed the point completely!!
Welcome to today’s AEM Center Webinar
Unit 14 Website Design HND in Computing and Systems Development
6 + 1 Traits of Effective Writing
INTRODUCTION TO INFORMATION ARCHITECTURE
The POWER Writing Process
World Music Musical Elements.
The. the of and a to in is you that with.
Space Explorers Year 5 SPRING 2 ( ) Topic: Integrity
Accessible Design Top 10 List
WebAIM Screen Reader Survey Results
Accessibility.
Presentation transcript:

Accessible user experiences in 4’33” Ian Pouncey

John Cage

NOLA the cat, The Late Show with Stephen Colbert

 Death Metal Cover by Dead Territory

William Marx

Original: https://www.youtube.com/watch?v=u8lXRusTpY4

”They missed the point. There's no such thing as silence ”They missed the point. There's no such thing as silence. What they thought was silence, because they didn’t know how to listen, was full of accidental sounds. You could hear the wind stirring outside during the first movement. During the second, raindrops began pattering the roof, and during the third the people themselves made all kinds of interesting sounds as they talked or walked out.” John Cage

Review of Yves Klein’s The Monotone-Silence Symphony: On a clear night in March at ten pm sharp a crowd of one hundred people, all dressed in black tie attire, came to the Galerie International d'Art Contemporain in Paris. The event was the first conceptual piece to be shown at this gallery by their new artist Mr. Yves Klein. The gallery was one of the finest in Paris.  Mr. Klein in a black dinner jacket proceeded to conduct a ten piece orchestra in his personal composition of The Monotone Symphony, which he had written in 1949. This symphony consisted of one note.  Three models appeared, all with very beautiful naked bodies. They were then conducted as was the full orchestra by Mr. Klein. The music began. The models then rolled themselves in the blue paint that had been placed on giant pieces of artist paper - the paper had been carefully placed on one side of the galleries' wall and floor area - opposite the full orchestra. Everything was composed so breathtakingly beautifully. The spectacle was surely a metaphysical and spiritual event for all. This went on for twenty minutes. When the symphony stopped it was followed by a strict twenty minutes of silence, in which everyone in the room willingly froze themselves in their own private meditation space.  At the end of Yves' piece everyone in the audience was fully aware they had been in the presence of a genius at work, the piece was a huge success! Mr. Klein triumphed. It would be his greatest moment in art history, a total success.  The spectacle had unquestionable poetic beauty, and Mr. Kleins' last words that night were, "THE MYTH IS IN ART". 

Maslow's hierarchy of needs

Aaron Walter’s hierarchy of user needs, from his book, Designing for Emotion

https://inclusivedesignprinciples.org/

Inclusive Design Principles Provide comparable experience Consider situation Be consistent Give control Offer choice Prioritise content Add value

Exclusive Design Principles Provide comparable experience Consider situation Be consistent Give control Offer choice Prioritise content Add value Provide a unique experience Ignore situation Be inconsistent/innovative Take control Offer the best possible solution Prioritise identity Add nonsense https://vasilis.nl/nerd/exclusive-design-principles/

Provide a comparable experience Ensure your interface provides a comparable experience for all users, so people can accomplish tasks in a way that suits their needs without undermining the quality of the content.

alt="Three hot air balloons alt="Three hot air balloons. One of the balloons is close, two are in the distance. They have black and white vertical stripes. There is a cloud. Behind the cloud is the sun."

alt="Three hot air balloons hang together in a calm, sunny sky"

alt="Three hot air balloons hang together in a calm, sunny sky" “I used to have sight so I appreciate descriptive alt text on decorative images.”   - Léonie Watson

Be consistent Use familiar conventions and apply them consistently. Familiar interfaces borrow from well-established patterns. These should be used consistently within the interface to reinforce their meaning and purpose. This should be applied to functionality, behavior, editorial, and presentation.

”The only reason I didn’t buy car insurance with this company is because they are using normal form elements on the site and not nicely designed ones.” Ian Pouncey, just now

The WebAIM Million WCAG Failure Type # of home pages % of home pages Low contrast text 852,868 85.3% Missing alternative text for images 679,964 68% Empty links 581,408 58.1% Missing form input labels 528,482 52.8% Missing document language 329,612 33.1% Empty buttons 250,367 25% https://webaim.org/projects/million/

The WebAIM Million Home pages with ARIA present averaged 11.2 more detectable errors than pages without ARIA.

Indulgence budget

Add value Consider the value of features and how they improve the experience for different users. Consider device features such as voice, geolocation, camera and vibration API's, and how integration with connected devices or a second screen could provide choice.

Add value Make focus styles beautiful and not just functional Enable speech input for search fields Allow people to show or hide their password in forms Add geolocation for maps or localised content

Accessible user experiences in 4’33” Ian Pouncey