Your SlideShare is downloading. ×
0
WordPress Mobile development - slides from WordCamp UK 2012
WordPress Mobile development - slides from WordCamp UK 2012
WordPress Mobile development - slides from WordCamp UK 2012
WordPress Mobile development - slides from WordCamp UK 2012
WordPress Mobile development - slides from WordCamp UK 2012
WordPress Mobile development - slides from WordCamp UK 2012
WordPress Mobile development - slides from WordCamp UK 2012
WordPress Mobile development - slides from WordCamp UK 2012
WordPress Mobile development - slides from WordCamp UK 2012
WordPress Mobile development - slides from WordCamp UK 2012
WordPress Mobile development - slides from WordCamp UK 2012
WordPress Mobile development - slides from WordCamp UK 2012
WordPress Mobile development - slides from WordCamp UK 2012
WordPress Mobile development - slides from WordCamp UK 2012
WordPress Mobile development - slides from WordCamp UK 2012
WordPress Mobile development - slides from WordCamp UK 2012
WordPress Mobile development - slides from WordCamp UK 2012
WordPress Mobile development - slides from WordCamp UK 2012
WordPress Mobile development - slides from WordCamp UK 2012
WordPress Mobile development - slides from WordCamp UK 2012
WordPress Mobile development - slides from WordCamp UK 2012
WordPress Mobile development - slides from WordCamp UK 2012
WordPress Mobile development - slides from WordCamp UK 2012
WordPress Mobile development - slides from WordCamp UK 2012
WordPress Mobile development - slides from WordCamp UK 2012
WordPress Mobile development - slides from WordCamp UK 2012
WordPress Mobile development - slides from WordCamp UK 2012
WordPress Mobile development - slides from WordCamp UK 2012
WordPress Mobile development - slides from WordCamp UK 2012
WordPress Mobile development - slides from WordCamp UK 2012
WordPress Mobile development - slides from WordCamp UK 2012
WordPress Mobile development - slides from WordCamp UK 2012
WordPress Mobile development - slides from WordCamp UK 2012
WordPress Mobile development - slides from WordCamp UK 2012
WordPress Mobile development - slides from WordCamp UK 2012
WordPress Mobile development - slides from WordCamp UK 2012
WordPress Mobile development - slides from WordCamp UK 2012
WordPress Mobile development - slides from WordCamp UK 2012
WordPress Mobile development - slides from WordCamp UK 2012
WordPress Mobile development - slides from WordCamp UK 2012
WordPress Mobile development - slides from WordCamp UK 2012
WordPress Mobile development - slides from WordCamp UK 2012
WordPress Mobile development - slides from WordCamp UK 2012
WordPress Mobile development - slides from WordCamp UK 2012
WordPress Mobile development - slides from WordCamp UK 2012
WordPress Mobile development - slides from WordCamp UK 2012
WordPress Mobile development - slides from WordCamp UK 2012
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

WordPress Mobile development - slides from WordCamp UK 2012

555

Published on

Published in: Technology, Business
0 Comments
2 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
555
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
14
Comments
0
Likes
2
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide
  • afternoon\nvoice may go\nmy name etc\nupdate on mobile development, show you some sites demonstrating some of the principles and challenges I'm going to cover\nI'm going to write all this up on my blog and post a link, so you don't need to make notes\n
  • \n
  • \n
  • mobile first & what it means for desktop\n
  • mobile content\nparing things down\nessential content\nnot hiding anything\n\n
  • \n
  • design familiarity\nbutton/link size\nbutton positioning\n
  • design familiarity\nbutton/link size\nbutton positioning\n
  • design familiarity\nbutton/link size\nbutton positioning\n
  • design familiarity\nbutton/link size\nbutton positioning\n
  • size of links\nspace taken by menu\nposition of menu\ndifferent menu?\n
  • size of links\nspace taken by menu\nposition of menu\ndifferent menu?\n
  • size of links\nspace taken by menu\nposition of menu\ndifferent menu?\n
  • size of links\nspace taken by menu\nposition of menu\ndifferent menu?\n
  • size of links\nspace taken by menu\nposition of menu\ndifferent menu?\n
  • size of links\nspace taken by menu\nposition of menu\ndifferent menu?\n
  • what happens at the bottom of the screen\nposition of CTAs\n
  • what happens at the bottom of the screen\nposition of CTAs\n
  • what happens at the bottom of the screen\nposition of CTAs\n
  • what happens at the bottom of the screen\nposition of CTAs\n
  • what happens at the bottom of the screen\nposition of CTAs\n
  • provide feedback\nmake something happen\ncheck responsive design applies to forms etc.\n
  • provide feedback\nmake something happen\ncheck responsive design applies to forms etc.\n
  • provide feedback\nmake something happen\ncheck responsive design applies to forms etc.\n
  • WordPress featured images\nAdaptive Images method\nWP responsive images plugin\nDebate around standards\n
  • WordPress featured images\nAdaptive Images method\nWP responsive images plugin\nDebate around standards\n
  • WordPress featured images\nAdaptive Images method\nWP responsive images plugin\nDebate around standards\n
  • different content should be for a reason\nhiding content with CSS\nremoving content with conditional tags\nusing a separate theme or theme file\n
  • different content should be for a reason\nhiding content with CSS\nremoving content with conditional tags\nusing a separate theme or theme file\n
  • different content should be for a reason\nhiding content with CSS\nremoving content with conditional tags\nusing a separate theme or theme file\n
  • design familiarity\nnavigation design\nhome screen save\nuse of APIs\n
  • design familiarity\nnavigation design\nhome screen save\nuse of APIs\n
  • design familiarity\nnavigation design\nhome screen save\nuse of APIs\n
  • design familiarity\nnavigation design\nhome screen save\nuse of APIs\n
  • design familiarity\nnavigation design\nhome screen save\nuse of APIs\n
  • design familiarity\nbutton/link size\nhome screen save\nuse of APIs\n
  • catchphrase\n
  • \n
  • \n
  • Transcript

    • 1. WORDPRESS MOBILE DEVELOPMENT WordCamp Edinburgh 2012 Rachel McCollin @rachelmccollin compass-design.co.uk
    • 2. SO WHATS BEEN HAPPENING THEN?
    • 3. MOBILE ISNT JUST ABOUTRESPONSIVE DESIGN ANYMORE content strategy user experience mobile performance device-specific content web apps
    • 4. MOBILE CONTENT STRATEGY
    • 5. MOBILE CONTENT STRATEGY vs
    • 6. MOBILE CONTENT STRATEGY essential content paring things down vs reducing distractions ease of interaction translation into desktop site
    • 7. MOBILE UX ergonomics navigation scrolling interactions
    • 8. MOBILE UX - ERGONOMICS
    • 9. MOBILE UX - ERGONOMICS
    • 10. MOBILE UX - ERGONOMICS
    • 11. MOBILE UX - ERGONOMICS
    • 12. MOBILE UX - ERGONOMICS design familiarity button/link size button positioning use of select boxes
    • 13. MOBILE UX - NAVIGATION
    • 14. MOBILE UX - NAVIGATION
    • 15. MOBILE UX - NAVIGATION
    • 16. MOBILE UX - NAVIGATION
    • 17. MOBILE UX - NAVIGATION
    • 18. MOBILE UX - NAVIGATION
    • 19. MOBILE UX - NAVIGATION size of links space taken by menu position of menu different menu?
    • 20. MOBILE UX - SCROLLING & POSITIONING CONTENT
    • 21. MOBILE UX - SCROLLING & POSITIONING CONTENT
    • 22. MOBILE UX - SCROLLING & POSITIONING CONTENT
    • 23. MOBILE UX - SCROLLING & POSITIONING CONTENT
    • 24. MOBILE UX - SCROLLING & POSITIONING CONTENT
    • 25. MOBILE UX - SCROLLING & POSITIONING CONTENT position of key elements - CTA, navigation etc. what happens at the bottom of the page?
    • 26. MOBILE UX - INTERACTIONS
    • 27. MOBILE UX - INTERACTIONS
    • 28. MOBILE UX - INTERACTIONS
    • 29. MOBILE UX - INTERACTIONS provide feedback make something happen check responsive design applies to forms etc.
    • 30. MOBILE PERFORMANCE - IMAGES
    • 31. MOBILE PERFORMANCE - IMAGES
    • 32. MOBILE PERFORMANCE - IMAGES
    • 33. MOBILE PERFORMANCE - IMAGES WordPress featured images Adaptive Images method WP responsive images plugin Debate around standards
    • 34. DEVICE-SPECIFIC CONTENT?
    • 35. DEVICE-SPECIFIC CONTENT?
    • 36. DEVICE-SPECIFIC CONTENT?
    • 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. WEB APPS
    • 39. WEB APPS
    • 40. WEB APPS
    • 41. WEB APPS
    • 42. WEB APPS
    • 43. WEB APPS design familiaritynavigation designhome screen save use of APIs multiple themes
    • 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. AND FINALLY...
    • 46. LINKS AND RESOURCEShttp://compass-design.co.uk/wordpress-mobile-2012

    ×