design for all goes mobile(over theair11)

32
1 John Wyer - Developer Community Manager, Vodafone Group developer.vodafone.com @vodafonedev #vsa2011

Post on 21-Oct-2014

409 views

Category:

Technology


1 download

DESCRIPTION

 

TRANSCRIPT

Page 1: Design for all goes mobile(over theair11)

1

John Wyer - Developer Community Manager, Vodafone Group

developer.vodafone.com

@vodafonedev #vsa2011

Page 2: Design for all goes mobile(over theair11)

Vodafone Foundation Smart Accessibility Awards 2011• What is it?

– A contest to find the best Android 2.2+ application to enhance the lives of users who are ageing and/or disabled.

– http://developer.vodafone.com/smartaccess2011

• When is it? – Competition entry closes October 15th 2011

– Competition finals November 15th 2011

• Who runs it?– Vodafone Foundation, Vodafone Group Developer Marketing, Vodafone

Public Policy

– European Disability Forum (EDF) and AGE Platform (AGE) supporting content creation and relationship with finalists and winners

• The total prize fund of €200k– 1 winners per category (4)– Social participation– Independent living– Mobility– Wellbeing

Page 3: Design for all goes mobile(over theair11)

Selection Process

• First Jury Round in progress– Filtering of all entries by Vodafone, EDF, AGE

– Agree on 3 finalists per category to go to the final based on following criteria:– Effectiveness: does it help to overcome everyday obstacles?– Availability: how many people can it help across which markets– Ease of use, delivery and installation– Multi-functionality: does it help to support multiple disabilities?

•  Final Jury Round– Jury comprising of Vodafone Group, Foundation, EDF, AGE

and media partner

– 10 min pitches + 5 min Q&A from each finalist

– Winner chosen live at event 4

All entries reviewed

12

• Two rounds, 1 winner across 4 categories

Page 4: Design for all goes mobile(over theair11)

Resources to help you!• Competition Website -

http://developer.vodafone.com/smartaccess2011 – Information about entry criteria and selection process

– Legal terms & conditions

– Technical guidance

– Information re designing for accessibility

– Videos from users

– Contact us about the competition on – [email protected]

• Guidelines– Mobile Web Best Practices 1.0

Best practices for mobile web design and development

– WCAG 2.0Technology agnostic guidelines from W3C

– BS8878Web accessibility: Code of practice

– Barriers Common to Mobile Device Users and People with Disabilities Who is affected and what challenges they face

– Designing for accessibilityBy and for Android developers

– Android accessibilityfrom the Google Eyes Free project

– http://www.iheni.com/mobile-accessibility-guidelines/

Page 5: Design for all goes mobile(over theair11)

5

Thank you and good luck!

developer.vodafone.com

@vodafonedev

#vsa2011

Page 6: Design for all goes mobile(over theair11)

Design for All goes Mobile

www.enabledbydesign.org blog: http://enabledbydesign.org/blog twitter: http://twitter.com/enabledby

Over The Air: 30th September 2011

Page 7: Design for all goes mobile(over theair11)

My name’s Denise…

www.enabledbydesign.org blog: http://enabledbydesign.org/blog twitter: http://twitter.com/enabledby

Hello!

• Relapsing-remitting multiple sclerosis (MS) diagnosed in 2003

• Neurological condition – unpredictable, variable & different in each case

• Symptoms: fatigue, weakness, numbness, visual disturbance, poor balance & vertigo

• Use wide range of assistive technology to make day-to-day tasks more manageable

Page 8: Design for all goes mobile(over theair11)

My main symptom is extreme fatigue…

www.enabledbydesign.org blog: http://enabledbydesign.org/blog twitter: http://twitter.com/enabledby

Zzzzz

Page 9: Design for all goes mobile(over theair11)

Sometimes my eyes go a bit funny…

www.enabledbydesign.org blog: http://enabledbydesign.org/blog twitter: http://twitter.com/enabledby

Visual impair-ment

• Eyesight can vary throughout the day,

as well as from day to day

• Can be affected by fatigue, heat,

quality of light, exercise and illness

• Can include: visual disturbance,

blurred vision, double vision, colour

distortion and poor peripheral vision

Page 10: Design for all goes mobile(over theair11)

www.enabledbydesign.org blog: http://enabledbydesign.org/blog twitter: http://twitter.com/enabledby

Missing

pieces

Visual disturbance…

Page 11: Design for all goes mobile(over theair11)

Blurred vision…

www.enabledbydesign.org blog: http://enabledbydesign.org/blog twitter: http://twitter.com/enabledby

Snellen

chart

Page 12: Design for all goes mobile(over theair11)

www.enabledbydesign.org blog: http://enabledbydesign.org/blog twitter: http://twitter.com/enabledby

Double

Trouble

Double vision…

Page 13: Design for all goes mobile(over theair11)

www.enabledbydesign.org blog: http://enabledbydesign.org/blog twitter: http://twitter.com/enabledby

Colour distortion…

Visible spectrum

Page 14: Design for all goes mobile(over theair11)

www.enabledbydesign.org blog: http://enabledbydesign.org/blog twitter: http://twitter.com/enabledby

Poor peripheral vision…

Side vision

Page 15: Design for all goes mobile(over theair11)

Sometimes it feels like I’m wearing Mickey Mouse gloves…

www.enabledbydesign.org blog: http://enabledbydesign.org/blog twitter: http://twitter.com/enabledby

Poor dexterity

Page 16: Design for all goes mobile(over theair11)

And sometimes I’m in a wibbly wobbly world of my own…

www.enabledbydesign.org blog: http://enabledbydesign.org/blog twitter: http://twitter.com/enabledby

Jelly Babies

Page 17: Design for all goes mobile(over theair11)

Sometimes my hearing seems muffled…

www.enabledbydesign.org blog: http://enabledbydesign.org/blog twitter: http://twitter.com/enabledby

Poor hearing

Page 18: Design for all goes mobile(over theair11)

And sometimes I suffer from vertigo…

www.enabledbydesign.org blog: http://enabledbydesign.org/blog twitter: http://twitter.com/enabledby

Not fear of height

s

Page 19: Design for all goes mobile(over theair11)

But what is AssistiveTechnology?

www.enabledbydesign.org blog: http://enabledbydesign.org/blog twitter: http://twitter.com/enabledby

AT

• Assistive Technology (AT) is any product or service designed to enable independence for disabled & older people(Source: user group consultation at the King’s Fund in 2001)

• Term useful for those in know, but unfortunately not everyone understands what it means

• Technology doesn’t have to be complex

Page 20: Design for all goes mobile(over theair11)

Plastic not so fantastic…

www.enabledbydesign.org blog: http://enabledbydesign.org/blog twitter: http://twitter.com/enabledby

Page 21: Design for all goes mobile(over theair11)

Maggie Winchcombe OBE, FCOT

www.enabledbydesign.org blog: http://enabledbydesign.org/blog twitter: http://twitter.com/enabledby

“When I was looking back over old OT journals from the 1970s, I was shocked to see adverts for products that haven’t changed in nearly 40 years”• One of UK’s leading occupational therapists (OTs), qualified in 1973

• Fellow of College of OT (2006) & awarded OBE (2007)

OT

Page 22: Design for all goes mobile(over theair11)

www.enabledbydesign.org blog: http://enabledbydesign.org/blog twitter: http://twitter.com/enabledby

Ikea

The battle of the bland…• Ugly, clinical looking assistive equipment = DEPRESSING

• Grateful helped to keep independence

• Frustrated as home looked more like hospital

• Surely this CAN’T be the way it has to be…

• Looked for alternative mainstream products that did same/similar job

• Aware people can benefit from learning & support of others with similar experiences

Page 23: Design for all goes mobile(over theair11)

www.enabledbydesign.org blog: http://enabledbydesign.org/blog twitter: http://twitter.com/enabledby

Page 24: Design for all goes mobile(over theair11)

Enabled by Design’s ethos

www.enabledbydesign.org blog: http://enabledbydesign.org/blog twitter: http://twitter.com/enabledby

Time to recognise people for being just that, people

and

move away from ill-informed stereotypes applied to ageing & disability

Our ethos:

• Believe world is made up of people with range of abilities, each person having own personal strengths & qualities

• Passionate about harnessing strengths to empower people to live as independently as possible

Stereo-types

Page 25: Design for all goes mobile(over theair11)

Design for All (DfA)

www.enabledbydesign.org blog: http://enabledbydesign.org/blog twitter: http://twitter.com/enabledby

Design for All (DfA):Design philosophy targeting use of products, services & systems by as many people as possible without need for adaptation.

Design for All is design for human diversity, social inclusion & equality.

Closely related to Inclusive Design & Universal Design

Result: Products & services suitable for general public including older people & people with disabilities

Important note: One design can never truly be accessible to all, so important to know audience & needs

Page 26: Design for all goes mobile(over theair11)

Accessibility for the Masses

www.enabledbydesign.org blog: http://enabledbydesign.org/blog twitter: http://twitter.com/enabledby

Mainstreaming accessibility:

• Remove stigma attached to independent living products

• Make people's lives bit easier & more manageable

Mainstreaming

accessibility

Page 27: Design for all goes mobile(over theair11)

www.enabledbydesign.org blog: http://enabledbydesign.org/blog twitter: http://twitter.com/enabledby

“Usability rules the web”

– Jakob Nielsen

(IT expert, writer and advisor on software and web design)

Page 28: Design for all goes mobile(over theair11)

Design for All goes Mobile

www.enabledbydesign.org blog: http://enabledbydesign.org/blog twitter: http://twitter.com/enabledby

Mobile tech • Mobile tech no longer the

reserve of rich/business people

• Accessibility needs to reflect this

• Needn’t mean different/niche

• Design for All key to this

• Principles relevant to mobile phones, user interfaces, support services, apps…

• Usability and good communication important too

Page 29: Design for all goes mobile(over theair11)

Usability – The Golden Rules

www.enabledbydesign.org blog: http://enabledbydesign.org/blog twitter: http://twitter.com/enabledby

• Simply presented information

• Content reduced to essentials

• Manageable logical structure

• Intuitive usability

• Uniform appearance, consistently designed

• Good design and appealing graphics

• Quick delivery of informationTaken from ‘The Little Know It All – Common sense for designers’ – Die Gestalten Verlag ISBN: 978-3-89955-167-9

The Little

Know-It-All

Page 30: Design for all goes mobile(over theair11)

My Golden Rule - Communication

www.enabledbydesign.org blog: http://enabledbydesign.org/blog twitter: http://twitter.com/enabledby

• Talk to your audience – as wide a cross section as possible

• Listen to them

• Feedback is indispensible

• Do this throughout the process from start to end

• But don’t let that be the end, carry on communicating!

• Accessibility standards and guidelines alone are not enough

Commun-ication

Page 31: Design for all goes mobile(over theair11)

www.enabledbydesign.org blog: http://enabledbydesign.org/blog twitter: http://twitter.com/enabledby

Questions?

Thank you for listening!

Page 32: Design for all goes mobile(over theair11)

Where to find us:

www.enabledbydesign.org blog: http://enabledbydesign.org/blog twitter: http://twitter.com/enabledby

Website: http://enabledbydesign.org/

Facebook: http://www.facebook.com/enabledbydesign

Twitter: @enabledby

or

Email: [email protected]