design like you give a damn! (w3 conf 2013)

23
DESIGN LIKE YOU GIVE A DAMN! @LeonieWatson tink.co.uk

Upload: leonie-watson

Post on 21-Jan-2017

257 views

Category:

Technology


0 download

TRANSCRIPT

Page 1: Design like you give a damn! (W3 conf 2013)

DESIGN LIKE YOU GIVE A DAMN!

@LeonieWatson tink.co.uk

Page 2: Design like you give a damn! (W3 conf 2013)

INCLUSIVE DESIGN

Page 3: Design like you give a damn! (W3 conf 2013)

Design like BanksyRead the rule book, then rip it up and create something that challenges the accepted wisdom

Page 4: Design like you give a damn! (W3 conf 2013)

Accessibility Kills Creativity

Page 5: Design like you give a damn! (W3 conf 2013)

Accessibility is difficultImage of mad scientist

Page 6: Design like you give a damn! (W3 conf 2013)

Design like Da VinciBe curious about everything, and never stop questioning how you can make things better

Page 7: Design like you give a damn! (W3 conf 2013)

Prototyping

Page 8: Design like you give a damn! (W3 conf 2013)

Designing

V

Page 9: Design like you give a damn! (W3 conf 2013)

Building

Page 10: Design like you give a damn! (W3 conf 2013)

ChanelStrive for beauty and elegance, but understand that those things will not be the same for everybody.

Page 11: Design like you give a damn! (W3 conf 2013)

Accessibility stack

Page 12: Design like you give a damn! (W3 conf 2013)

Linear flow

Page 13: Design like you give a damn! (W3 conf 2013)

Non linear focus(Headings)

Page 14: Design like you give a damn! (W3 conf 2013)

Non linear focus(Lists)

Page 15: Design like you give a damn! (W3 conf 2013)

HTML 5 Landmarks

Page 16: Design like you give a damn! (W3 conf 2013)

Enhanced HTML5 landmarks

Enhanced HTML5 landmarks

Page 17: Design like you give a damn! (W3 conf 2013)

HTML5 Main element

Page 18: Design like you give a damn! (W3 conf 2013)

Dynamic updates

Dynamic updates

Page 19: Design like you give a damn! (W3 conf 2013)

Design like BrunelKnow that planning is important, but that imagination makes the extraordinary possible

Page 20: Design like you give a damn! (W3 conf 2013)

Waterfall accessibilitywireframe - design - template - integration - content checks

Page 21: Design like you give a damn! (W3 conf 2013)

Agile accessibilitysprint - conformance checks

Page 22: Design like you give a damn! (W3 conf 2013)

Questions?

Page 23: Design like you give a damn! (W3 conf 2013)

Thank you

@LeonieWatson tink.co.uk