18
AbilityNet Accessibility Services www.abilitynet.org.uk/webinars Building Accessible Apps Barclays Mobile Banking Case Study AbilityNet Accessibility Webinar Thursday 19 March 2015

Building Accessible Apps and Barclays Banking App March 2015 final

Embed Size (px)

Citation preview

Page 1: Building Accessible Apps and Barclays Banking App March 2015 final

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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