WORDPRESS MOBILE DEVELOPMENT  WordCamp Edinburgh 2012       Rachel McCollin       @rachelmccollin     compass-design.co.uk
SO WHATS BEEN HAPPENING THEN?
MOBILE ISNT JUST ABOUTRESPONSIVE DESIGN ANYMORE         content strategy         user experience       mobile performance ...
MOBILE CONTENT STRATEGY
MOBILE CONTENT STRATEGY             vs
MOBILE CONTENT STRATEGY            essential content           paring things down                       vs          reduci...
MOBILE UX ergonomics  navigation  scrolling interactions
MOBILE UX - ERGONOMICS
MOBILE UX - ERGONOMICS
MOBILE UX - ERGONOMICS
MOBILE UX - ERGONOMICS
MOBILE UX - ERGONOMICS       design familiarity        button/link size      button positioning      use of select boxes
MOBILE UX - NAVIGATION
MOBILE UX - NAVIGATION
MOBILE UX - NAVIGATION
MOBILE UX - NAVIGATION
MOBILE UX - NAVIGATION
MOBILE UX - NAVIGATION
MOBILE UX - NAVIGATION           size of links     space taken by menu       position of menu        different menu?
MOBILE UX - SCROLLING & POSITIONING CONTENT
MOBILE UX - SCROLLING & POSITIONING CONTENT
MOBILE UX - SCROLLING & POSITIONING CONTENT
MOBILE UX - SCROLLING & POSITIONING CONTENT
MOBILE UX - SCROLLING & POSITIONING CONTENT
MOBILE UX - SCROLLING & POSITIONING CONTENT    position of key elements - CTA,             navigation etc.    what happens...
MOBILE UX - INTERACTIONS
MOBILE UX - INTERACTIONS
MOBILE UX - INTERACTIONS
MOBILE UX - INTERACTIONS            provide feedback        make something happen     check responsive design applies     ...
MOBILE PERFORMANCE - IMAGES
MOBILE PERFORMANCE - IMAGES
MOBILE PERFORMANCE - IMAGES
MOBILE PERFORMANCE - IMAGES       WordPress featured images        Adaptive Images method       WP responsive images plugi...
DEVICE-SPECIFIC CONTENT?
DEVICE-SPECIFIC CONTENT?
DEVICE-SPECIFIC CONTENT?
DEVICE-SPECIFIC CONTENT?  different content should be for a reason           hiding content with CSS  removing content wit...
WEB APPS
WEB APPS
WEB APPS
WEB APPS
WEB APPS
WEB APPS design familiaritynavigation designhome screen save   use of APIs multiple themes
SUMMARY               Mobile is getting very bigWordPress makes mobile/responsive development easier   Mobile isnt just ab...
AND FINALLY...
LINKS AND RESOURCEShttp://compass-design.co.uk/wordpress-mobile-2012
WordPress Mobile development - slides from WordCamp UK 2012
Upcoming SlideShare
Loading in …5
×

WordPress Mobile development - slides from WordCamp UK 2012

819 views

Published on

Published in: Technology, Business
  • Be the first to comment

WordPress Mobile development - slides from WordCamp UK 2012

  1. 1. WORDPRESS MOBILE DEVELOPMENT WordCamp Edinburgh 2012 Rachel McCollin @rachelmccollin compass-design.co.uk
  2. 2. SO WHATS BEEN HAPPENING THEN?
  3. 3. MOBILE ISNT JUST ABOUTRESPONSIVE DESIGN ANYMORE content strategy user experience mobile performance device-specific content web apps
  4. 4. MOBILE CONTENT STRATEGY
  5. 5. MOBILE CONTENT STRATEGY vs
  6. 6. MOBILE CONTENT STRATEGY essential content paring things down vs reducing distractions ease of interaction translation into desktop site
  7. 7. MOBILE UX ergonomics navigation scrolling interactions
  8. 8. MOBILE UX - ERGONOMICS
  9. 9. MOBILE UX - ERGONOMICS
  10. 10. MOBILE UX - ERGONOMICS
  11. 11. MOBILE UX - ERGONOMICS
  12. 12. MOBILE UX - ERGONOMICS design familiarity button/link size button positioning use of select boxes
  13. 13. MOBILE UX - NAVIGATION
  14. 14. MOBILE UX - NAVIGATION
  15. 15. MOBILE UX - NAVIGATION
  16. 16. MOBILE UX - NAVIGATION
  17. 17. MOBILE UX - NAVIGATION
  18. 18. MOBILE UX - NAVIGATION
  19. 19. MOBILE UX - NAVIGATION size of links space taken by menu position of menu different menu?
  20. 20. MOBILE UX - SCROLLING & POSITIONING CONTENT
  21. 21. MOBILE UX - SCROLLING & POSITIONING CONTENT
  22. 22. MOBILE UX - SCROLLING & POSITIONING CONTENT
  23. 23. MOBILE UX - SCROLLING & POSITIONING CONTENT
  24. 24. MOBILE UX - SCROLLING & POSITIONING CONTENT
  25. 25. MOBILE UX - SCROLLING & POSITIONING CONTENT position of key elements - CTA, navigation etc. what happens at the bottom of the page?
  26. 26. MOBILE UX - INTERACTIONS
  27. 27. MOBILE UX - INTERACTIONS
  28. 28. MOBILE UX - INTERACTIONS
  29. 29. MOBILE UX - INTERACTIONS provide feedback make something happen check responsive design applies to forms etc.
  30. 30. MOBILE PERFORMANCE - IMAGES
  31. 31. MOBILE PERFORMANCE - IMAGES
  32. 32. MOBILE PERFORMANCE - IMAGES
  33. 33. MOBILE PERFORMANCE - IMAGES WordPress featured images Adaptive Images method WP responsive images plugin Debate around standards
  34. 34. DEVICE-SPECIFIC CONTENT?
  35. 35. DEVICE-SPECIFIC CONTENT?
  36. 36. DEVICE-SPECIFIC CONTENT?
  37. 37. DEVICE-SPECIFIC CONTENT? different content should be for a reason hiding content with CSS removing content with conditional tags using a separate theme or theme file
  38. 38. WEB APPS
  39. 39. WEB APPS
  40. 40. WEB APPS
  41. 41. WEB APPS
  42. 42. WEB APPS
  43. 43. WEB APPS design familiaritynavigation designhome screen save use of APIs multiple themes
  44. 44. SUMMARY Mobile is getting very bigWordPress makes mobile/responsive development easier Mobile isnt just about responsive design anymore The challenges are around performance and UX There are big possibilities with web apps
  45. 45. AND FINALLY...
  46. 46. LINKS AND RESOURCEShttp://compass-design.co.uk/wordpress-mobile-2012

×