Responsive Prototyping with WordPress - UXCamp DC 2016

Download Responsive Prototyping with WordPress - UXCamp DC 2016

Post on 13-Jan-2017

2.591 views

Category:

Design

0 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 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