Crafting an Online User Experience that Works

WordCamp Cincinnati 2017 | Speaker

Transcript

1. Crafting an Online User Experience that Works. WORDCAMP CINCINNATI 2017 KATE MOCK 11/11 11AM :)
2. 1. What is user experience (UX)? 2. Process 4. WordPress admin 5. Tips to improve your UX OVERVIEW 3. Why UX is important
3. Think about the last time you ordered something online.
4. User Experience CONTRIBUTES TO THE ONLINE Happy Customers Frustrated Customers
5. dictionary.com 1. Digital Technology. the perception and response of a person toward design elements of software or digital media while interacting with it. Abbreviation: UX NOUN user experience
6. User Experience Design User Interface Design Core usability and functionality. UX UI Aesthetics and visual appeal. vs.
7. The Logic or The “Brains” (Useful) The “pretty face” (Beautiful) UX UI vs.
8. “…Features are what draw people to your product. Details are what keep them there.” -Nick Babich Editor-n-chief of UX Planet
9. How do you create a good user experience?
10. 1 Research 3 Build 2 4 Design Measure 4 Step Process
11. Research 1. Know your audience 2. Define Problems and Define Path to solve Problem. 3. Determine hierarchy flow and function Build Measure Design 1 Research GOALS
12. Design Research Build Measure 2 Design 1. Add aesthetic 2. Clarify your message 3. Keep key things consistent 4. Prototype & validate designs GOALS
13. Build Research Measure Design 1. Front-end/back-end build 2. QC 3. Test 3 Build GOALS
14. Measure Research Build Design 1. Set up tracking to measure results 2. Goal and/or event tracking 3. Add analytics 4 Measure GOALS
15. Build, Measure, Learn… Learn GOALS 1. Report & analyze data 2. Where can we improve? 3. A/B Testing Research Build Design 4 Measure
16. Source: Hyperquake
17. Source: Hyperquake
22. Video Bottom (Control) Video Top A B
23. Video Bottom (Control) Video Top A B
24. Why is UX important?
25. "We design to elicit responses from people. We want them to buy something, read more, or take action of some kind. Designing without understanding what makes people act the way they do is like exploring a new city without a map…” -Susan Weinschenk “100 Things Every Designer Needs to Know About People”
26. Knowing the end goal and how you plan to get there is key to having success with UX design. DESIGNER PRO TIP
28. 1. No visual hierarchy 2. Lacked structure/layout 4. …Mobile, not responsive AIRPLACO ANALYSIS 3. No clear calls to action
34. These updates contributed to a 40% increase in sales
36. 1. No visual hierarchy 2. No clear message 4. …Mobile, not responsive SAFE SCHOOLS ANALYSIS 3. Call to action not prominent
40. These updates contributed to a 357% increase in conversion rate
41. So what about WordPress?
42. Designing a site for WordPress takes some knowledge of the WordPress platform and how it works to deliver a killer user experience not only for the user of the site, but also the people managing it. DESIGNER PRO TIP
43. ACF Advanced Custom Fields (Pro) Gravity Forms (Premium) Yoast SEO Woo Commerce User-Friendly Plugins
50. 5 Tips to improve your users experience online…
51. 1. Know your audience 2. Clarify your message 4. Be consistent 5. Measure and tweak 5 TIPS TO IMPROVE YOUR UX 3. Create visual hierarchy
52. Questions?
53. Kate Mock kmock@usdigitalpartners.com @usdigitalpartners Thank You!