Responsive Prototyping with WordPress - UXCamp DC 2016
5 likes2,815 views
The document outlines techniques for responsive prototyping using WordPress, specifically focusing on tools like Divi and Beaver Builder for creating and editing themes. It mentions preparation steps for prototyping as well as using Google Slides for collaborative sketching and TryMyUI for remote usability testing. Anthony D. Paul, the director of user experience, provides links for further resources and examples.
1 of 22
Downloaded 32 times
More Related Content
What's hot (14)
Ad
Viewers also liked (14)
Ad
Similar to Responsive Prototyping with WordPress - UXCamp DC 2016 (20)
More from Anthony D. Paul (20)
Responsive Prototyping with WordPress - UXCamp DC 2016
- 1. Responsive Prototyping with WordPress Anthony D Paul UXCamp DC 2016 • Washington, DC
- 2. Preparation before digging into prototyping
- 4. create pages
- 5. set static page as homepage
- 6. choose a better URL structure
- 7. remove default sidebar widgets
- 8. for Beaver Builder, install both the theme and plugin
- 9. use “One-Click Child Theme” if you’d like to edit a theme
- 11. Divi is an abstraction of a page but has more out-of-the-box components
- 12. fine-tune any row, column, or component
- 13. override CSS natively in the theme options
- 15. Beaver Builder is a front-end editor with similar drag/drop library
- 16. fine-tune any row, column, or component
- 17. has nice developer docs for creating custom components
- 18. Collaborative Sketching with Google Slides video: http://is.gd/1ofc9h • slides: http://is.gd/vNfkV2
- 19. for initial sketches, see my previous talk on using Google Slides
- 20. Remote Unmoderated Usability Tests with TryMyUI ($35 per) http://trymyui.com
- 21. a budget-friendly service to use your prototype in usability tests
- 22. Anthony D Paul Director of User Experience @anthonydpaul • http://adp.rocks or http:// .ws