Creating Mobile Sites & Apps: Best Practice<br />Nick Shadbolt<br />
The Basics<br />UI/Navigation<br />Content<br />Integration<br />QA<br />Submission & Launch<br />Everything else<br />Mob...
1. The Basics<br />Mobile Best Practice<br />
Mobile Best Practice<br />1. The Basics<br />Handset detection is vital!<br />Use of a Phone Capabilities Database<br />Id...
Mobile Best Practice<br />1. The Basics<br />Mobile is a unique channel – what works online may not work on mobile<br />An...
2. UI / Navigation<br />Mobile Best Practice<br />
Mobile Best Practice<br />2. UI/Navigation<br />Mobile experiences ‘run on rails’<br />Build a high level navigation<br />...
3. Content<br />Mobile Best Practice<br />
Mobile Best Practice<br />3. Content<br />Reformat rich content to ensure cross-device compatibility<br />Think about ongo...
Mobile Best Practice<br />3. Content<br />Make the most of the opportunity – always create a premium experience for high-e...
4. Integration<br />Mobile Best Practice<br />
Mobile Best Practice<br />4. Integration<br />Always exploit Send to Friend & Social networking functionality<br />Know yo...
5. QA<br />Mobile Best Practice<br />
Mobile Best Practice<br />5. QA<br />Sites: Test acrosss numerous handsets & networks<br />Apps: set on handsets & various...
6. Submission & Launch<br />Mobile Best Practice<br />
Mobile Best Practice<br />6. Submission & Launch<br />White-list sites (especially if rich in content)<br />Ensure submiss...
Mobile Best Practice<br />6. Submission & Launch<br />Don’t adopt a ‘build it and they will come mentality’<br />Leverage ...
7. Everything else<br />Mobile Best Practice<br />
Mobile Best Practice<br />7. Everything else – HTML5<br />It’s the future but not currently supported by low-end devices<b...
Mobile Best Practice<br />7. Everything else – iPad<br />Think about how it’s used – e.g. in the home/social<br />Don’t ju...
Nick Shadbolt<br />Account Director<br />Nick[dot]shadbolt[at]candyspacemedia[dot]com<br />Candyspace<br />Any questions?<...
Upcoming SlideShare
Loading in …5
×

Best Practices for Mobile Sites & Apps (Candyspace Media)

1,798 views
1,748 views

Published on

Candyspace Media's best practices for creating mobile sites and apps

Published in: Technology
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
1,798
On SlideShare
0
From Embeds
0
Number of Embeds
16
Actions
Shares
0
Downloads
0
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Best Practices for Mobile Sites & Apps (Candyspace Media)

  1. 1. Creating Mobile Sites & Apps: Best Practice<br />Nick Shadbolt<br />
  2. 2. The Basics<br />UI/Navigation<br />Content<br />Integration<br />QA<br />Submission & Launch<br />Everything else<br />Mobile Best Practice<br />Agenda<br />
  3. 3. 1. The Basics<br />Mobile Best Practice<br />
  4. 4. Mobile Best Practice<br />1. The Basics<br />Handset detection is vital!<br />Use of a Phone Capabilities Database<br />Ideal situation: use an auto re-direct<br />Or a m.subdomain / .mobi<br />
  5. 5. Mobile Best Practice<br />1. The Basics<br />Mobile is a unique channel – what works online may not work on mobile<br />Analyse your traffic – what handsets?<br />What platform best suits your customers & objectives?<br />
  6. 6. 2. UI / Navigation<br />Mobile Best Practice<br />
  7. 7. Mobile Best Practice<br />2. UI/Navigation<br />Mobile experiences ‘run on rails’<br />Build a high level navigation<br />Use of ‘back’ and ‘home’ buttons are essential<br />Will consumers use your offering to fill or save time?<br />
  8. 8. 3. Content<br />Mobile Best Practice<br />
  9. 9. Mobile Best Practice<br />3. Content<br />Reformat rich content to ensure cross-device compatibility<br />Think about ongoing support – app updates<br />Make sure your app or site is truly content-rich. Think about the poor reviews!<br />
  10. 10. Mobile Best Practice<br />3. Content<br />Make the most of the opportunity – always create a premium experience for high-end handsets<br />Exploit screen real-estate for top devices<br />Aim to meet and exceed Apple’s design standards<br />
  11. 11. 4. Integration<br />Mobile Best Practice<br />
  12. 12. Mobile Best Practice<br />4. Integration<br />Always exploit Send to Friend & Social networking functionality<br />Know your APIs! Extra dev maybe needed to ensure mobile compatibility<br />
  13. 13. 5. QA<br />Mobile Best Practice<br />
  14. 14. Mobile Best Practice<br />5. QA<br />Sites: Test acrosss numerous handsets & networks<br />Apps: set on handsets & various OS as a sanity check<br />
  15. 15. 6. Submission & Launch<br />Mobile Best Practice<br />
  16. 16. Mobile Best Practice<br />6. Submission & Launch<br />White-list sites (especially if rich in content)<br />Ensure submission docs are in line with app functionality<br />Adopt Google’s approach – beta launch apps<br />
  17. 17. Mobile Best Practice<br />6. Submission & Launch<br />Don’t adopt a ‘build it and they will come mentality’<br />Leverage all parts of media mix to drive awareness/traffic/downloads<br />Continually seek feedback to improve the product<br />
  18. 18. 7. Everything else<br />Mobile Best Practice<br />
  19. 19. Mobile Best Practice<br />7. Everything else – HTML5<br />It’s the future but not currently supported by low-end devices<br />Handset detection will be essential<br />Currently not fast enough to handle rich content on mobile<br />Continued move to apps as the way to deliver truly rich, bespoke & fast experiences<br />
  20. 20. Mobile Best Practice<br />7. Everything else – iPad<br />Think about how it’s used – e.g. in the home/social<br />Don’t just enlarge your apps – the iPad needs a different experience<br />Don’t go overboard with multi-touch. Keep it intuitive & easily memorable<br />
  21. 21. Nick Shadbolt<br />Account Director<br />Nick[dot]shadbolt[at]candyspacemedia[dot]com<br />Candyspace<br />Any questions?<br />

×