building accessible apps and barclays banking app march 2015 final
TRANSCRIPT
![Page 1: Building Accessible Apps and Barclays Banking App March 2015 final](https://reader030.vdocuments.net/reader030/viewer/2022032616/55a7a1fe1a28ab38438b48c3/html5/thumbnails/1.jpg)
AbilityNet Accessibility Services www.abilitynet.org.uk/webinars
Building Accessible AppsBarclays Mobile Banking
Case Study
AbilityNet Accessibility Webinar
Thursday 19 March 2015
![Page 2: Building Accessible Apps and Barclays Banking App March 2015 final](https://reader030.vdocuments.net/reader030/viewer/2022032616/55a7a1fe1a28ab38438b48c3/html5/thumbnails/2.jpg)
AbilityNet Accessibility Services www.abilitynet.org.uk/webinars
Building Accessible Apps
Understanding Accessibility and Apps
Barclays and the business case for accessibility
Refreshing Mobile Banking App – the project
Testing - what we did and what we found
Issues encountered and how we dealt with them
Lessons learned
![Page 3: Building Accessible Apps and Barclays Banking App March 2015 final](https://reader030.vdocuments.net/reader030/viewer/2022032616/55a7a1fe1a28ab38438b48c3/html5/thumbnails/3.jpg)
AbilityNet Accessibility Services www.abilitynet.org.uk/webinars
Welcome
Head of Digital Inclusion
Robin Christopherson
AbilityNet
Klara Wilhelm
Senior Propositions Manager, Barclays
Joe Chidzik
Senior Accessibility & Usability Consultant
AbilityNet
Paul Smyth
Head of IT Accessibility
Barclays
![Page 4: Building Accessible Apps and Barclays Banking App March 2015 final](https://reader030.vdocuments.net/reader030/viewer/2022032616/55a7a1fe1a28ab38438b48c3/html5/thumbnails/4.jpg)
AbilityNet Accessibility Services www.abilitynet.org.uk/webinars
• Workplace Services
• Student Services
• Accessibility Services
• Free IT Support for Disabled People
• My Computer My Way
• Tech4Good Awards
AbilityNetAdapting Technology. Changing Lives.
![Page 5: Building Accessible Apps and Barclays Banking App March 2015 final](https://reader030.vdocuments.net/reader030/viewer/2022032616/55a7a1fe1a28ab38438b48c3/html5/thumbnails/5.jpg)
AbilityNet Accessibility Services www.abilitynet.org.uk/webinars
Accessibility Goes Mobile
Increasing part of AbilityNet’s work
Web-based Apps vs Native Apps
Accessibility concerns across all platforms
Specific concerns in each major platform
Strong link to usability
Same basic approach – include accessibility as early as possible
![Page 6: Building Accessible Apps and Barclays Banking App March 2015 final](https://reader030.vdocuments.net/reader030/viewer/2022032616/55a7a1fe1a28ab38438b48c3/html5/thumbnails/6.jpg)
AbilityNet Accessibility Services www.abilitynet.org.uk/webinars
Online & Mobile banking
Telephone banking
Through innovation
Branch banking
Barclays and Accessibility
![Page 7: Building Accessible Apps and Barclays Banking App March 2015 final](https://reader030.vdocuments.net/reader030/viewer/2022032616/55a7a1fe1a28ab38438b48c3/html5/thumbnails/7.jpg)
AbilityNet Accessibility Services www.abilitynet.org.uk/webinars
Barclays and Mobile Banking
Late to market with our mobile offering – our competitors ahead of us…
But room to innovate through customer experience
•3.8m customers
•1.5m unique logins per day
•4 platforms - iOS, Android, Windows and Blackberry
Mobile presence very important - nearly half of Barclays customers go straight to mobile
![Page 8: Building Accessible Apps and Barclays Banking App March 2015 final](https://reader030.vdocuments.net/reader030/viewer/2022032616/55a7a1fe1a28ab38438b48c3/html5/thumbnails/8.jpg)
AbilityNet Accessibility Services www.abilitynet.org.uk/webinars
Achieving Accreditation
• Embedded in re-design initiative
• AbilityNet Accreditation set as a goal for the project
• Made accessibility a critical part of the project
• Inclusive design benefits all customers
• Accessibility consultants part of the core team
• Took part in weekly design reviews from as early as concept stage
• Regular user testing with a range of customers
• AbilityNet regular onsite visits supporting design & development team
![Page 9: Building Accessible Apps and Barclays Banking App March 2015 final](https://reader030.vdocuments.net/reader030/viewer/2022032616/55a7a1fe1a28ab38438b48c3/html5/thumbnails/9.jpg)
AbilityNet Accessibility Services www.abilitynet.org.uk/webinars
Project Timeline
June 2014
• Fed in hot issues and learning from previous accessibility reviews
• Weekly design show and tell with core team including accessibility consultants
• Iterative approach with regular user testing
• Wireframes annotated with accessibility hints
• Build accessibility reviews
November Sign off
December App store submission
January AbilityNet accreditation
![Page 10: Building Accessible Apps and Barclays Banking App March 2015 final](https://reader030.vdocuments.net/reader030/viewer/2022032616/55a7a1fe1a28ab38438b48c3/html5/thumbnails/10.jpg)
AbilityNet Accessibility Services www.abilitynet.org.uk/webinars
What we did differently
Accessibility Review
BEFOREToo late to impact design significantly, only allows for retrospective changes
Ongoing Accessibility Reviews
NOWPart of core project, informed inclusive design
![Page 11: Building Accessible Apps and Barclays Banking App March 2015 final](https://reader030.vdocuments.net/reader030/viewer/2022032616/55a7a1fe1a28ab38438b48c3/html5/thumbnails/11.jpg)
AbilityNet Accessibility Services www.abilitynet.org.uk/webinars
Testing Apps
Constraints with testing code because it’s an app
Typical testing processes for apps
•Voiceover
identify buttons, labels. Etc
•Visual check
layout, colours, instructions, evaluation against standards
•Disabled user testing
Tested this app 3x using special build that didn’t need log in
![Page 12: Building Accessible Apps and Barclays Banking App March 2015 final](https://reader030.vdocuments.net/reader030/viewer/2022032616/55a7a1fe1a28ab38438b48c3/html5/thumbnails/12.jpg)
AbilityNet Accessibility Services www.abilitynet.org.uk/webinars
Issues raised in testingForm field labelling
Ensuring input fields are well labelled is particularly useful for screenreader users
![Page 13: Building Accessible Apps and Barclays Banking App March 2015 final](https://reader030.vdocuments.net/reader030/viewer/2022032616/55a7a1fe1a28ab38438b48c3/html5/thumbnails/13.jpg)
AbilityNet Accessibility Services www.abilitynet.org.uk/webinars
Issues raised in testingPasscode entry
Custom keypad
5 separate text inputs for a 5 digit code
No feedback for screenreader users
•which input field they were on
•how many digits had been entered.
Solution:
•Accessibility hints added so that the user heard: “Digit 3 of 5 entered”
![Page 14: Building Accessible Apps and Barclays Banking App March 2015 final](https://reader030.vdocuments.net/reader030/viewer/2022032616/55a7a1fe1a28ab38438b48c3/html5/thumbnails/14.jpg)
AbilityNet Accessibility Services www.abilitynet.org.uk/webinars
Issues raised in testingMenu behaviour
Menu behaviour is critical for screenreader users
![Page 15: Building Accessible Apps and Barclays Banking App March 2015 final](https://reader030.vdocuments.net/reader030/viewer/2022032616/55a7a1fe1a28ab38438b48c3/html5/thumbnails/15.jpg)
AbilityNet Accessibility Services www.abilitynet.org.uk/webinars
Lessons learned
• Making accessibility part of core project adds value to usability for all customers
• Include accessibility in day to day working tools & documentation
• Don’t rely on separate site and guidelines
- Personas with impairments
- Accessibility annotations part of UI guidelines
- Design patterns for development teams
• Accessibility considerations make great design for all customers
• If included as part of design phase, can avoid costly retrospective enhancements
![Page 16: Building Accessible Apps and Barclays Banking App March 2015 final](https://reader030.vdocuments.net/reader030/viewer/2022032616/55a7a1fe1a28ab38438b48c3/html5/thumbnails/16.jpg)
AbilityNet Accessibility Services www.abilitynet.org.uk/webinars
Benefits of this approach
• To customers and their customer feedback
• Increased knowledge and skills of the team members
• Enhanced the contribution of in-house teams and consultants
• Raised awareness internally in relation to other mobile apps
• Design patterns embedded in our own tools
![Page 17: Building Accessible Apps and Barclays Banking App March 2015 final](https://reader030.vdocuments.net/reader030/viewer/2022032616/55a7a1fe1a28ab38438b48c3/html5/thumbnails/17.jpg)
AbilityNet Accessibility Services www.abilitynet.org.uk/webinars
Questions
• Please use the questions box on the gotomeeting panel
![Page 18: Building Accessible Apps and Barclays Banking App March 2015 final](https://reader030.vdocuments.net/reader030/viewer/2022032616/55a7a1fe1a28ab38438b48c3/html5/thumbnails/18.jpg)
AbilityNet Accessibility Services www.abilitynet.org.uk/webinars
Contact Us
Accessibility services
[email protected] +44 (0)1926 465 247
@abilitynet
Next AbilityNet Webinars
Controlling your computer with your voice, 1pm, 14 April 2015
UX and Accessibility, 1pm, 23 April 2015
Sign up at www.abilitynet.org.uk/webinars