Multi-platformMulti-platformStandards and UXStandards and UX

@IanPouncey

Multi-platform Standards and UX http://localhost:8000/?print-pdf

1 of 18 15/05/2014 14:21

StandardsStandardsComplete:

User Experience:

www.bbc.co.uk/guidelines/futuremedia/accessibility/mobile/

www.bbc.co.uk/guidelines/futuremedia/accessibility/mobile/user-experience

Multi-platform Standards and UX http://localhost:8000/?print-pdf

8 of 18 15/05/2014 14:21

StandardsStandardsStructure and content orderConsistent labellingTouch target size

Multi-platform Standards and UX http://localhost:8000/?print-pdf

9 of 18 15/05/2014 14:21

StructureStructure

pages must provide a logical and hierarchicalheading structure

<div><a class="level" href="/education/levels/zp3d7ty">National 4</a><a href="/education/subjects/zfrqxnb">Geography</a>

</div>

<h2><a href="/education/clips/z67rkqt">How meteorite impacts caused Earth's tilt and seasons</a>

</h2>

Multi-platform Standards and UX http://localhost:8000/?print-pdf

10 of 18 15/05/2014 14:21

LabellingLabelling

Multi-platform Standards and UX http://localhost:8000/?print-pdf

12 of 18 15/05/2014 14:21

Consistent labellingConsistent labelling

Consistent labelling should be used across websitesand native applications as well as within websites and

applications

Multi-platform Standards and UX http://localhost:8000/?print-pdf

13 of 18 15/05/2014 14:21

Touch targetsTouch targets

Touch targets must be large enough to touchaccurately

AndroidAndroid

Multi-platform Standards and UX http://localhost:8000/?print-pdf

14 of 18 15/05/2014 14:21

Touch targetsTouch targets

Touch targets must be large enough to touchaccurately

iOSiOS

Multi-platform Standards and UX http://localhost:8000/?print-pdf

15 of 18 15/05/2014 14:21