2. Agenda
UX Workflow Overview
WordPress vs. UX Online Tools
For Small Business
Web Consulting Clients
Freelancers & Small UX Teams
WordCamp Chicago 2018
@GloriaAntonelli #WCCHI
4. Workflow
for Project Management,
UX Tools, User Testing &
Document Organization.
Multiple ways of creating websites.
Different tools to make it happen.
WordCamp Chicago 2018
@GloriaAntonelli #WCCHI
5. User Experience is identifying
a real-world problem and
using design to solve it.
strategy > research > analysis > design > evaluate > repeat
WordCamp Chicago 2018
@GloriaAntonelli #WCCHI
7. UX Process
Research & Ideation
Information Architecture
Wireframing
Prototyping
User Testing
theblog.adobe.com/ux-process
WordCamp Chicago 2018
@GloriaAntonelli #WCCHI
8. Start with Discovery
Identify Business Goals & User Needs to
develop a strategy that balances the two.
Competitor Analysis
Audience Analysis
User Scenarios
WordCamp Chicago 2018
@GloriaAntonelli #WCCHI
12. Information Architecture
• Card sorting
• White Boarding
• Sticky Notes
The organization of information into an
intuitive structure for task completion.
• Site Maps
• Wireframes
• User Flows
13. Wireframes
A quick way to sketch out page layout, map out functionality
and catch problems early. Low fidelity with pen & paper.
perzonseo.com
20. Disadvantages
Recurring Cost
Learning Curves
Integrate with other Tools
Build Multiple Viewports
Too many UX Tool Stacks
Static Screens
Basic Functions
Multiple Artboards
Limited Page Interactions
Transition to Code
of using online UX Tools
21. orkflow
WordCamp Chicago 2018
@GloriaAntonelli #WCCHI
No need to learn an external tool.
Native to your workspace and your clients.
Embrace the same language and interface.
Prototypes pushed to devs for production.
User Testing to identify problems.
22. Set up Dev Environment
local.getflywheel.com/
Flywheel - Thanks for your WordCamp Chicago sponsorship!
Local • XAMPP • MAMP • Vagrant • DesktopServer
24. Project Management
WordCamp Chicago 2018
@GloriaAntonelli #WCCHI
Define, manage, and track the progress of
your projects directly in WordPress.
Todos Plugins
Event Calendars
Sticky Note Plugins
Dashboard Plugins
Custom Post Types
Comments
Avoid the stuff everywhere!
25. Document Management
WordCamp Chicago 2018
@GloriaAntonelli #WCCHI
Categories - Table of contents
Tags - The index
Custom Taxonomies
Content manage all your clients
info, business goals, notes,
ideation, assets and UX artifacts.
Everything in one organized place.