Responsive Prototyping with WordPress - UXCamp DC 2016

Responsive Prototyping with WordPressAnthony D Paul

UXCamp DC 2016 Washington, DC

Preparationbefore digging into prototyping

remove tagline

create pages

set static page as homepage

choose a better URL structure

remove default sidebar widgets

for Beaver Builder, install both the theme and plugin

use One-Click Child Theme if youd like to edit a theme

Framework: Divi ($69)

http://www.elegantthemes.com/gallery/divi/

Divi is an abstraction of a page but has more out-of-the-box components

fine-tune any row, column, or component

override CSS natively in the theme options

Framework: Beaver Builder ($199)

https://www.wpbeaverbuilder.com

Beaver Builder is a front-end editor with similar drag/drop library

fine-tune any row, column, or component

has nice developer docs for creating custom components

Collaborative Sketching with Google Slides

video: http://is.gd/1ofc9h slides: http://is.gd/vNfkV2

http://is.gd/vNfkV2

for initial sketches, see my previous talk on using Google Slides

Remote Unmoderated Usability Testswith TryMyUI ($35 per)

http://trymyui.com

a budget-friendly service to use your prototype in usability tests

Anthony D PaulDirector of User Experience

@anthonydpaul http://adp.rocks or http:// .ws

http://adp.rocks