responsive prototyping with wordpress - uxcamp dc 2016

22
Responsive Prototyping with WordPress Anthony D Paul UXCamp DC 2016 Washington, DC

Upload: anthony-d-paul

Post on 21-Apr-2017

2.648 views

Category:

Design


5 download

TRANSCRIPT

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 you’d 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

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