VerseOne Introductions

Transcription

1 VerseOne Introductions Andrew Neilson Digital Strategy & Information Architect Michele Gaudelli Sales and Marketing Director John Sexton Web Developer & Usability Expert Penny Everett Web Accessibility Expert

2 About John Sexton 11 years experience of working in the NHS as a web developer, specialising in accessibility, user experience and web application build and design

3 About John Sexton 11 years experience of working in the NHS as a web developer, specialising in accessibility, user experience and web application build and design In this time John has had personal experience of the evolution of text to speach (TTS) and the ongoing development of specialist assistive technology for people with special requirements.

4 About John Sexton 11 years experience of working in the NHS as a web developer, specialising in accessibility, user experience and web application build and design In this time John has had personal experience of the evolution of text to speach (TTS) and the ongoing development of specialist assistive technology for people with special requirements. A recent Braille student and advocate of the use of Braille in digital media, member of UKAAF and many online groups for accessibility in technology

5

6 How does your audience access the web? Assistive technologies Browser environments Operating systems Mobile platforms Connection tools

7 Unlocking the Mysteries of Mobile Web Access

8 Mobiles: what do you mean?

9 Mobile devices? Hand-held computing with touch input or small keyboard, weighing less than 2lbs (Wikipedia) iphone / ipad HTC Nokia Motorola Samsung (Galaxy) RIM (Blackberry) Windows

10 Mobile devices! Use an operating system (OS) and run software applications (apps) Connect to the web using WiFi, 3G, 4G, Bluetooth, or other connectivity tool Smartphones

11 In Millions How are people using mobiles? More mobile phones in the UK than people 52% of these are smartphones People Smartpho Mobiles

12 The Mobile Web: Stats Access to the Internet using a mobile phone more than doubled between 2010 and 2012, from 24% to 51% In 2012, 32% of adults accessed the Internet using a mobile phone every day From other sources From mobiles

13 The Mobile Web: Stats Age Older Younger Using my mobile is the easiest way to research products, services, or information. 42% of British people Gender Female Male According to ONS 71% of year olds use mobiles to access internet vs only 8% over 65

14 What happens on the mobile web? 50% of people in the UK go online with a mobile more than once a day Top activities: Accessing news/info Social networking Browsing Sharing media f

15 How are people using mobiles? Fun facts Each month, ebay sells 4 Ferraris via mobile device 53% of people in the UK use their mobiles while watching tv, using a computer, or in the loo 78% of mobile web traffic comes from an Apple device

16 Are mobiles important? 25% of people browse ONLY with a mobile device

17 What are the trends? Young people prefer me because I offer free messaging. I am taking over the enterprise market. People consider me the cost-effective option.

18 Why should you accommodate the mobile web? Users will resent the lack of a mobile-friendly option.

19 Why should you accommodate the mobile web? You will reach a larger audience, especially those on low incomes or with disabilities.

20 Why should you offer a mobile site? The mobile experience can often be more integrated, making your content more immediately useful.

21 So what are the options?

22 3 types of mobile solution Mobile stylesheet ( Responsive design ) Applies a new stylesheet (CSS) to your website, depending on your browser configurations Mobile optimisation Uses a different set of HTML templates if you re viewing the website on a mobile phone s browser Mobile application Recreates your website as a piece of software, which users can download from an app store onto their phone

23 Which is the best option

24 Mobile stylesheet What does it look like? Example: Advantages: Quick to create Easy to implement Widely used Superior user experience Google s preferred mobile solution (single URL)

25 Mobile stylesheet Disadvantages: Does not resize or strip out large files e.g. graphics Users can only interact or transact with you whilst they are connected to the web using WiFi, 3G or 4G (or similar)

26 Mobile optimisation What does it look like? Example: m.facebook.com Advantages: Entire environment and user-experience is built with mobile device in mind Concise user-journeys: Top Tasks Ideal for activity-based websites Faster loading times

27 Mobile optimisation Disadvantages: Intensive to implement, especially if customised on a per-site basis Different URL in many cases, although you can redirect

28 What does it look like? Example: Twitter App for iphone Advantages: Ideal for specific transaction-based web services or activities Does not require the user to be connected to the web to do things Apps can store users details Can provide an additional source of revenue Mobile application

29 Mobile application Disadvantages: Longer development times Requires extra resource for supporting and updating different versions Apps may store personal data i.e. security risks User s may not download your App and miss the benefit

30 But what about accessibility?

31 Why should you accommodate the mobile web? Users resent the lack of a mobile-friendly option.

32 Mobile & Accessibility People using mobiles face similar challenges to what those with disabilities face using a computer Small or hard-to-read text, lack of context No pointing device or ability to hover Typing is slow, tedious, error-prone (see: Autocowrecks, etc.) Lower bandwidth means not seeing images, videos, etc. Screen resolution makes it hard to distinguish colours Degrades over time (device/software has difficulty with newer web technologies) Supporting accessibility in the mobile context is daunting!

33 How to prioritise Be aware many devices have existing accessibility support Voice output Customisable access settings Research Market share What devices are most popular/most widely used? Research among disabled suggests ios and Nokia phones Mobile Web Best Practice Guidelines Shared accessibility principles what s good for desktops will help on mobile Progressive enhancement Graceful degradation Responsive design

34 If your priority is Accessibility Speed Content that changes regularly SEO (search engine optimisation) Ability for people to share your content Permanence Easy up-keep Then you want a

35 Mobile stylesheet What does it look like? Example: m.facebook.com Advantages: Quick to create Easy to implement Widely used Superior user experience Google s preferred mobile solution (single URL)

36 Mobile optimisation What does it look like? Example: m.facebook.com Advantages: Ideal for activity-based websites Faster loading times Stores offline activity until next connected, then uploads it

37 If your priority is Promoting specific interactive services or transactions Allow your users to enjoy personalised interactions Strong integration with the smartphone s other functionality (e.g. calls, contacts, calendar) Offline access Regular revenues from downloads Then you want a

38 Mobile application What does it look like? Example: Twitter for iphone Advantages: Ideal for transactionbased web services Does not require the user to be connected to the web to do things Can provide an additional source of revenue Apps can store users details

39 Questions? Thank You