You may have heard terms such as usability, user experience or user centered designed, but don’t really know what they are or what they mean. This talk is to introduce you to the wonderful world of UX. During this talk, we’ll review the five key disciplines of the user experience process. Yes, it is a process and not a methodology. We will also cover techniques and tools of each discipline. So bring your questions and if there’s time maybe we’ll workshop a site. The ultimate goal of UX is to ensure a great user experience. That’s why we apply these disciplines to our sites and apps. Our Featured Speaker is Nichelle Jerido. In her own words, "I am a blend of the creative and the technical with a passion for research. I worked for 15 years in the financial services industry and recently transitioned to the beauty industry." This was presented at WordPress St. Petersburg on October 16th, 2018. You can view the video here: https://youtu.be/hv8pxGRh1S8

1. UX 101
Understanding the Fundamentals
Nichelle Jerido
October 16, 2018

2. Framework
• Background
• What is UX?
• 5 Pillars of UX
• What is ____?
• Methods / Policies / Laws
• Examples
• Workshop Site(s)

3. “I invented the term because I
thought human interface and
usability were too narrow. I
wanted to cover all aspects of
the person's experience with the
system including industrial
design graphics, the interface,
the physical interaction and the
manual.”
Donald Norman
Former UX Architect, Apple
1993 - 1997
User eXperience

4. What is UX?
• Broad and Holistic process
• Addressing both the visual and functional
perspective
• 4 Key Questions
• Does a site provide value to users?
• Will people start using the site?
• Is the experience fun and engaging?
• Is it easy to complete task?

5. UX Thinking
• Empathize – Learn about your
audience
• Define – Construct points of view
based on user needs
• Ideate – Brainstorm and come up
with creative solutions
• Prototype – Build representation
of your ideas
• Test – Test your ideas

6. 5 Pillars of UX
Development
Design
Accessibility
Strategy
Research

7. RESEARCH
informs our work, improves our understanding, & validates leads our decisions…
~ UX Booth Editorial Team

8. What is UX Research?
• Systematic investigation of
users and their requirements
• Gathering data by a variety of
qualitative and quantitative
methods
• Analyzing real-life in order to
furnish detailed facts

9. Methods
• Personas
• Use Cases
• Diary Studies
• Interviews
• Surveys

12. STRATEGY
Crossroads of UX design and business strategy ~ Neil O'Donoghue

13. What is UX Strategy?
• Drives decisions focusing on
• Goals over action
• Ideas over to-do list
• 4 Tenets (Levy, 2015)
• Business Strategy
• Value Innovation
• Validation of User Research
• Killer UX

14. Areas of Focus

17. ACCESSIBILITY
Usable by everyone regardless…

18. What is Accessibility?
• Ease of Use
• 4 Key Principles
• Perceivable: Can I consume content on my
site in different ways?
• Operable: Can the site function without
confusion and without the use of a mouse or
complex interactions?
• Understandable: Can a user understand how
the site functions and the information on the
site?
• Robust: Can different assistive devices
understand the website?

19. Policies & Laws
The UN Convention on the Rights of Persons with Disabilities
Web Content Accessibility Guidelines (WCAG) 2.0
Americans with Disabilities Act (ADA) Standards for Accessible Design

22. DESIGN
Is not about making things pretty just for the sake of it ~ Strate, School of Design

23. What is UX Design?
• Anticipating user behaviors by creating
engaging, aesthetically pleasing
interactive digital products that are
easy to access, understand and use. ~
Nichelle Jerido
• Addresses the…
• Why = Motivation, Values & Views
• What = Functionality, Features
• How = Accessibility, Aesthetics

24. Methods

27. DEVELOPMENT
Bridging the gap between design and technology… ~ Tim R. Todish

28. What is UX Development?
• Hybrid of the technical and creative
• Focuses on building and structuring all
components and elements
appropriately to create the user flow
• Questions to Ask
• Does it flow correctly?
• Is it scalable?
• What are the technical limitations?

29. Methods

31. Resources
• Nielsen Norman Group
• Forrester
• Usability.gov
• UX Matters
• UX Booth
• UX Planet
• Book – UX Strategy, Levy
• W3C
• ADA.gov
• InteractionDesign.org
• InVision
• UCF UX Lab
Tools
• Google Analytics
• LexisNexis
• JAWS
• ZoomText
• AXE Chrome Extension
• Adobe Creative Suite
• SnagIt
• InVision
• Lucid Chart
• Canvas Designs
• HTML/CSS/Languages

32. Thursday, November 8, 2018
6:30 – 8:30 pm
Hosted by Tampa Bay UX
https://www.meetup.com/Tampabay-UX-Group/events/252635971/
https://worldusabilityday.org/

33. Sources
• https://youtu.be/9BdtGjoIN4E
• https://www.uxmatters.com/
• https://www.nngroup.com/
• https://hackernoon.com/the-ultimate-guide-difference-between-usability-and-user-experience-e926c11eac7a
• https://www.interaction-design.org/literature/topics/ux-research
• https://www.amazon.com/UX-Strategy-Innovative-Digital-Products/dp/1449372864
• https://medium.com/@Neilod86/the-importance-of-ux-strategy-3fa0dee4b2e2
• https://inkoniq.com/blog/planyouruxstrategy-hitchhikers-guide-for-your-ux-strategy/
• https://experiencinginformation.com/2014/08/12/ux-strategy-blueprint/
• https://signalinc.com/website-accessibility-101/
• https://uxplanet.org/a-primer-to-web-accessibility-for-designers-2c548448c612
• https://uxdesign.cc/designing-for-accessibility-is-not-that-hard-c04cc4779d94
• https://uxmag.com/articles/hi-im-a-ux-developer-youre-a-what
• https://www.interaction-design.org/literature/topics/ux-design
• https://www.usertesting.com/blog/what-is-ux-design-15-user-experience-experts-weigh-in/

34. WordPress St. Petersburg
Downtown St. Pete, 1st & 3rd TUESDAYS / Monthly
Suncoast Developers Guild
2220 Central Avenue, St. Pete, FL 33712
Meetup: https://meetup.com/WordPress-St-Petersburg
Web: https://tampabaywp.org
Slack Chat | Facebook Group | Meetups
A Member of Tampa Bay WordPress Network