Recommended
More Related Content
What's hot
What's hot (11)
Similar to WordPress Mobile Development Trends and Best Practices
Similar to WordPress Mobile Development Trends and Best Practices (20)
More from rachel_mccollin
Recently uploaded
Recently uploaded (20)
WordPress Mobile Development Trends and Best Practices
- 1. WORDPRESS MOBILE DEVELOPMENT WordCamp Edinburgh 2012 Rachel McCollin @rachelmccollin compass-design.co.uk
- 2. SO WHAT'S BEEN HAPPENING THEN?
- 3. MOBILE ISN'T JUST ABOUT RESPONSIVE DESIGN ANYMORE content strategy user experience mobile performance device-specific content web apps
- 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
- 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 familiarity navigation design home screen save use of APIs multiple themes
- 44. SUMMARY Mobile is getting very big WordPress makes mobile/responsive development easier Mobile isn't just about responsive design anymore The challenges are around performance and UX There are big possibilities with web apps
- 45. AND FINALLY...
Editor's Notes
- 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