Digital designers are great at creating icon puzzles for users. They make a good guessing game until you learn what they represent. We see icons everywhere – on microwaves, washing machines, and of course, apps. Like abstract paintings, icons have different meanings for different people. We might like ambiguity in art, but not on our smart phones. That’s why icons need labels.
Icons are used as a way to save space, or where space for instruction is limited. But designers make a lot of assumptions about previous experience with instructions. Hampus Sethfors explains that saving space at the expense of usability is not the way to go.
In hisAxesslab article, Sethfors uses the example of trying to download a TED Talk on a smart phone for viewing later. He explains why icons are ruining interfaces and that icons need labels otherwise users give up and become unsatisfied with the app. Sethfors also uses Instagram, Gmail, and Apple apps as examples of what not to do. He goes on to look at icons on a washing machine dial, and then to icons that really work. You can really see the difference in the examples shown below.
Accessible online content is essential as we try to live more of our lives at home. It’s everybody’s business to ensure accessible online content – not just something governments have to do. But how many businesses know this?
You don’t have to be a technical expert to do simple things such as using a clear font and ensuring colour contrast. Describing images using the alt-text feature helps people with screen reader. It also adds to search engine optimisation which means Google will like you more. Captioning videos is essential because it is useful for everyone – it’s universal design.
An easy-to-read magazine articlefrom Canada explains more. Indeed, their blog page is an example of clear text and plain language. The title of the article is, Experts calling on businesses to make their online content more accessible.
Reducing cognitive load means reducing the mental effort required to do something. Making designs easy to use and understand is part of the solution. Whether it’s digital information or walking the street, we can all do with some help by reducing cognitive load so we can process the important messages.
Leverage common design patterns: keep things familiar
Eliminate unnecessary tasks: make it easy to stay focused
Minimize choices for easy decision making
Display choices as a group: to help with decisions
Strive for readability: make it legible
Use iconography with caution: they aren’t always intuitive
Yablonski’s website explains further the concept of cognitive load. Every time you visit a website or a new environment your brain has learn something new. You have to do two things at once – focus on learning how to get around and at the same time, remember why you are there. The mental effort required is called cognitive load. If you get more information than you can handle, the brain slows down. We can’t avoid cognitive load, but designers can help minimise it.
It’s not just a matter of fairness. Technology is generally better for everyone if it’s designed for people with disability. People who are blind use the same smartphones as sighted people. They also use computers by using screen readers. But screen readers can’t improve the way websites are designed. The thing is, a website that causes problems for a screen reader is likely to be more difficult for anyone. So designing for disability is designing technology for all. That’s universal design.
An article in The Conversationexplains the issues in more detail. One of the issues for web designers is that prototyping software is not compatible with screen readers. Consequently they can’t get blind users to test their designs. It also means a blind designer wouldn’t be able to make mock-ups of their own.
The researchers said that accessibility is the hallmark of good technology. Many technologies that we take for granted were developed around disability. The article concludes that no matter how much empathy a designer has, it doesn’t replace the benefits of technology built by people who actually use it.
The title of the article is, “Why getting more people with disabilities developing technology is good for everyone”.
A related post is Kristy Viers, a blind user, showing how she uses her iPhone.
A light-hearted tone is no cover for the serious nature of accessibility. Hampus Sethfors explains “the dad-thing comes with a ton of accessibility needs”. Carrying a baby means the loss of one or both arms and hands. He also found he had less brain processing capacity. As Hampus says, accessible design is parent friendly design, and he explains why.
Holding a baby is a classic example of situational disability as described in the Microsoft Inclusive Design Toolkit. However, smart phone voice control and access to a headset means he can listen to a podcast. Other parent disabilities are mostly related to having less brain processing capacity. Sleep deprivation and constantly thinking about keeping a baby alive are just two factors. Captions on Netflix means he can keep the sound down or off completely.
This blog post is written in a lighthearted way, but there are important messages that all designers should heed. The access lab bloghas easy to read content and is a great example of how to write more inclusively. Most of the articles are related to digital technology, but the principles are valid in other fields of design.
A smart city uses communication technology to enhance liveability, workability, and sustainability. While the tech gets smarter it’s not getting more accessible. The most significant barriers to inclusion are lack of leadership, policy, and awareness, and limited solutions. This was part of James Thurston’s keynote, the 5 Pillars of Inclusive Smart Cities.
James Thurston is G3ict’s Vice President for Global Strategy and Development. He previously worked for Microsoft, so he knows the territory well. His keynote presentationat UD2021 Conference showed that technology is improving but it’s not inclusive. Cities have to do a lot more if we are to meet the challenges of the digital world.
He lists the five pillars as:
Strategic Intent: inclusion strategy and leadership
Culture: citizen engagement and transparency
Governance & Process: procurement and partnerships
Technology: Global standards and solution development
Data: Data divide and solutions
These five pillars have 18 Capabilities and 27 Enablers which are explained the Smart Cities for all Toolkit. There are six key elements in the Toolkit:
Guide to Priority Standards
Guide to Adopting a Procurement Policy
Communicating the Case for Digital Inclusion
Database of Solutions
Maturity Model City Assessments
Inclusive Innovation Playbook.
You can see a 13 minute videoof a previous presentation that covers similar ground.
There’s nothing like asking potential users what they think of a new product. Even better if you involve them in the design process. But sometimes it’s not possible and designers resort to personas. This is often the case in digital technology. The Inclusive Design Toolkit has a suite of 12 personas representing a broad view of potential users. Each one has a story to tell about their lifestyle and their connection to technology.
Many factors affect digital exclusion: prior experience, competence, motivation and general attitude about technology. The personas highlight these factors to make it easier for designers to be inclusive. Each persona has a description of their lifestyle, competency with technology, and physical and sensory capabilities.
The online resource is part of the Inclusive Design Toolkit with the option to download a PDF. You can take a deeper dive into the personas as a family set. This takes personas one step further by introducing family interactions. The Inclusive Design Toolkit also has an exclusion calculatorthat estimates the number of people unable to use a product or service.
The Inclusive Design Toolkit is based on thorough research over more than ten years. The personas were produced as part of a project to improve the inclusivity of railway journeys.
Graphic design covers all kinds of creative design and visual communications. The accessibility of graphic design is not always considered in the production of websites brochures or Word documents. Fortunately there is a great handbook for accessible graphic design.
Graphic design covers creative design, visual communications, applied design and technology sectors. So the handbook covers typography, digital media, web accessibility, Office documents, accessible PDFs, print design, environmental graphic design, colour selection and more. It’s written for an easy read and has a logical structure. At the end is a list of publications, links to websites and tools to help. This excellent resource comes from Ontario, Canada.
Access to information during the COVID-19 pandemic became even more problematic for some users as everything went online. So what can UD, UDL and Accessibility do to help to combat ableism?
An articleby John L. O’Neill discusses Universal Design, Universal Design for Learning and Inclusive Design. In this context, the concept of Inclusive Design has a focus on the digital world. He covers the history of each, much of which will be known to UD followers. O’Neill argues that all three can be combined in innovative ways to ensure access to information. This is logical because each has the same goal – inclusion. He uses a case study where he merges the UD principle of perceptible information, the tenet of multiple means of representation from UDL, and adaptive systems from Inclusive Design. This perspective is given the title of “Abilities Design”.
O’Neill claims ableism underpins barriers and that undoing ableism is not a form of charity. Legislation that requires access and accessibility does little to change ableist attitudes.
The title of the articleis, Accessibility for All Abilities: How Universal Design, Universal Design for Learning, and Inclusive Design Combat Inaccessibility and Ableism.
Editor’s Note: I am not sure that inventing another design category based on inclusion takes us any further forward. However, it is an example of how designers new to inclusive concepts can use existing frameworks to help their design process.
From the Abstract
Discussions about accessibility surged at the start of the COVID-19 pandemic as people became more dependent on accessing information from the web. This article will explore different disability models to understand the oppression of people with disabilities. It will examine how the different principles and methods of Universal Design, Universal Design for Learning, and Inclusive Design can be combined in innovative ways to ensure that all citizens have access to information without barriers.
Cognition, Vision, Hearing, Mobility and Mental Health are all covered in an easy to read way. So, non-tech people can understand.
If we know about the basics of web accessibility, we can give a decent brief to a web designer. Then we will we can check if the Web Accessibility Guidelines were built in. Many designers still think of accessibility as an add-on feature.
Claire’s article is titled, Accessibility in UX Design. She says that accessibility is not confined to a group of users “with some different abilities”. Anyone can experience a permanent, temporary or situational disability. An example of situational disability is having just one arm free because you are holding a baby or the shopping.
Microsoft inclusive design principles state:
“Exclusion happens when we solve problems using our own biases. As Microsoft designers, we seek out those exclusions, and use them as opportunities to create new ideas and inclusive designs.”