Creating inclusive mobile applications - NUX Leeds

Editor's Notes

• #4: Before I get into my presentation I want to start with a story about a lady I have worked with a lot in the past – tell Story about hazel and the apps she uses I’m going to start my presentation with a story about an amazing lady named Hazel.
• #5: Apps most of us use which Hazel also uses on a daily basis; add apps and tell following story - “Wake up: Look to see what the weather is doing - what's the temperature? Look at Facebook to see what people have been doing and add a post. Read the newspaper to see what's going on in the world. During the day: check bank to see what's gone in and what's come out. Buy groceries and say when you want them delivered. Listen to apple music and radio app. which I cannot hear unless I use another app, as I live in London, read the Bible which I should do more often. Television: The wonderful Sky Plus app. Look to see what's on today and if I'm not going to be home, then record it on my Sky box, or alternatively, if I am home, perhaps watch something on there already as I can view the menu of stored programmes on my iPhone. Or maybe play some music using Apple music - just ask for what I want! Check out sports. When is Liverpool's next game? This time I use the LFC app which gives me news, scores and fixtures. Bedtime: read a book with the wonderful Kindle app.”
• #6: On Friday I was in london and met up with Hazel to catch up, we got talking about apps and I asked her experiences with them.. Uber – not allowing Hazel into taxis due to the dog Santander – Bad experience with the app, unable to make a payment and they have told her to phone to make a payment Ocado – Great experience, says it’s her favourite app to shop on
• #7: Digital inclusion, or rather, reducing digital exclusion, is about making sure that people have the capability to use the internet to do things that benefit them day to day
• #8: What do you think inclusion is?
• #9: Add image https://www.shopify.com/partners/blog/why-and-how-to-improve-ecommerce-website-accessibilityn
• #10: https://www.shopify.com/partners/blog/why-and-how-to-improve-ecommerce-website-accessibilityn
• #11: https://www.shopify.com/partners/blog/why-and-how-to-improve-ecommerce-website-accessibilityn 1 in 7 people Long term – blindness, hearing loss, dyspraxia, and cerebal palsy, down syndrome, Aspergers
• #12: There are a large number of different types of long term impairments, this is only a few examples
• #13: There are also a number of what we can call ‘temporary impairments’ which will affect a person short terms. It’s likely some of us have experienced some of these examples before
• #14: These temporary impairments or difficulties can affect us when trying to use our mobile phones too for example…
• #18: Issues for congitive are often found during user testing – it’s important to test with congitive impaired users and elderly users
• #19: The best way is to build your own database of participants by contacting local charities; organisations and family members Screener: Have a phone conversation with the user – start by asking what technology they use Questions to ask users What devices do you currently use? Do you use any assistive technology? How often do you use your mobile phone? What apps do you use? Would you be okay travelling to our offices? Preferred format for tasks/agreement for recording
• #20: Questions you can ask when contacting users regarding the recruitment – just have a chat
• #21: Currently working with shop direct on creating a relaxed usability lab for our customers
• #22: Including internal and external labs - Sending information and a photo of the lab beforehand - Tasks and permission forms – braille, read out all tasks, written down, etc
• #23: When working with some clients on inclusive user testing I’ve been unable to use a lab – therefore, I’ve conducted guerilla style testing in a room or at the participants home
• #24: In past research I’ve had to use different resources and technology to create my own lab for disabled user testing. What we get from this is – the phone screen; users interactions and the users reactions which is all best for observation notes and analysis
• #25: You don’t have to use fancy software and technology Solstice – originally created to be used in classrooms but used in the lab at shopdirect to reflect multiple device screens into the observation room in the lab List the technology here only What I’ve used in the past when you don’t have a lab set up with high tech to record etc Silverback Morae Reflector Mr Tappy or (better) a camera on the table placed on the table Prepare a camera over the participants shoulder
• #26: Also over the shoulder camera – participants with partial sight who hold phone close to their face What I’ve used in the past when you don’t have a lab set up with high tech to record etc Silverback Morae Reflector Mr Tappy or (better) a camera on the table placed on the table Prepare a camera over the participants shoulder Dual mode document camera - https://www.ipevo.com/prods/IPEVO-VZ-1-HD-VGA-USB-Document-Camera
• #28: UI Access includes a lot of tips about working with disabled users
• #29: Only a small selection of testing you can do on mobile starting now
• #30: - Support dynamic type framework Support accessibility settings Large and bold text is an Accessibility feature that helps increase legibility by using the iOS dynamic type engine to make fonts bigger and/or heavier and generally easier to read. For people with low vision, making text larger can magnify words without also magnifying interface elements. For people who need more contrast, making text bold can turn thin, hard-to-see lines into thicker, easier-to-see lines. Applying large or bold text in iOS will make text larger and bolder in all of Apple's apps, and in any App Store apps that support the dynamic type framework.
• #31: Screen readers replicate the user interface for users who cannot see it
• #33:  Microsoft Universal Foldable Keyboard for iPad, iPhone, Android devices, and Windows tablet https://www.amazon.com/gp/product/B00UBGU4PY/ref=as_li_tl?ie=UTF8&camp=1789&creative=390957&creativeASIN=B00UBGU4PY&linkCode=as2&tag=tabletdiscount-20&linkId=FXXUBIN5RYY2ZO5R
• #34: On iOS it is switch control, on Android it’s switch access People who have very limited mobility use a switch device. If a person can move only the head, for example, a switch could be placed to the side of the head that would allow the person to click it with head movements. This clicking action is usually interpreted by special software on the computer, allowing the user to navigate through the operating system, web pages, and other environments. Some software facilitates the typing of words by using an auto-complete feature that tries to guess what the person is typing, and allowing the person to choose between the words that it guesses. Switch technology is life changing. While it has been around for a long time, the increase in availability and affordability and increase in applications for it is allowing people to live much more independent, enjoyable and meaningful lives than ever before The key thing to understand is that designers and developers don't have to care about what the hardware is, they just have to programme an interface that can be controlled by one or two inputs, e.g. an interface that can be controlled using tab/enter. . For all switch users with the right support, it is now possible to take advantage of the broad range of benefits modern computing can bring: The ability to create and consume, the ability to control your home environment, the ability to communicate globally. For some, it means the ability to forge friendships and mark out a career. Everyone's needs are unique, so the hardware setups used are often unique too. Supporting all the possible permutations may seem daunting at first. Fortunately it is simpler than it sounds. A computer switch interface consists of two things: a switch and an interface. Switches come in a massive range of forms. Most can act in a momentary fashion, meaning that your switch behaves exactly like a mouse button, allowing different durations of presses. A minority of systems are more limited , forcing a timed down - up event – like clicking a mouse, but with no ability to hold it down . Switch interfaces are the link between the user’s switch and the device to be controlled. A generic physical switch interface is a box fitted with a 3.5mm socket that connects to a computer via USB or Bluetooth . Some interfaces offer the facility, either in hardware or software, to filter out accidental presses. What all switch interfaces should have i n common is the ability to be recognised as a mouse and/ or keyboard device, whether directly at a hardware level, or through software . The key thing to understand is that designers and developers don't have to care about what the hardware is, they just have to programme an interface that can be controlled by one or two inputs, e.g. an interface that can be controlled using tab/enter .
• #36: The World Wide Web Consortium (W3C) is the main international standards organization for the World Wide Web (abbreviated WWW or W3). The Web Content Accessibility Guidelines (WCAG) are part of a series of web accessibility guidelines published by the Web Accessibility Initiative (WAI) of the World Wide Web Consortium (W3C), the main international standards organization for the Internet.
• #37: The World Wide Web Consortium (W3C) is the main international standards organization for the World Wide Web (abbreviated WWW or W3). The Web Content Accessibility Guidelines (WCAG) are part of a series of web accessibility guidelines published by the Web Accessibility Initiative (WAI) of the World Wide Web Consortium (W3C), the main international standards organization for the Internet.
• #38: I preferred to use guidelines such as the device specific guidelines, especially when working with mobile applications
• #41: At my time with AbilityNet I was able to work with Barclays on creating their own internal mobile accessibility guidelines. Creating these guidelines helped developers and designers to know what to consider when building different user interface elements within their applications and websites. With Barclays we research the highest used platforms etc
• #42: Best way to decide on which platforms to prioritise is to look at your highest used devices Webaim provide statistics on this – WebAim Screen reader survey
• #43: A good example of internal guidelines which are available for us to view online are the BBC mobile accessibility guidelines. When working with mobile I often refer to the BBC guidelines to understand good practice; what to consider and how best to explain the requirements for all teams involved.
• #46: Also provide a transcript where possible
• #47: Inclusive design patterns by Heydon Pickering A web for everyone by Sarah Horton and Whitney Quesenberry
• #49: If you want to know more get in touch