Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Auditing What Issues You Have (or Don't Have)

693de2ed24f77254be781fc44c757363?s=47 Sparkbox
March 25, 2021

Auditing What Issues You Have (or Don't Have)

3 Common Legacy Site Issues and How to Address Them.

693de2ed24f77254be781fc44c757363?s=128

Sparkbox

March 25, 2021
Tweet

Transcript

  1. #SparkboxUnConf

  2. #SparkboxUnConf Your Legacy Website Problem

  3. Auditing What Issues You Have (or Don't Have) Merani Cosme

    Frontend Designer 3 Common Legacy Site Issues and How to Address Them
  4. YOUR LEGACY WEBSITE PROBLEM Levels of E ff ort Low

    E ff ort (The information you want is accessible to you) Medium E ff ort (You could probably do this with some learning or research) High E ff ort (You need to do a lot of research and analysis on that research)
  5. Issue 1: Your navigation confuses users.

  6. ISSUE 1: NAVIGATION plants.usda.gov/java

  7. YOUR LEGACY WEBSITE PROBLEM Navigation Research Methods Low E ff

    ort Medium E ff ort High E ff ort Analytics Published Research Heat Maps Usability Testing Tree Testing Card Sorting Competitive Research Screen Recordings
  8. USABILITY TESTING EXAMPLE

  9. TREE TESTING EXAMPLE Optimal Sort, Tree Testing Demo

  10. CARD SORTING EXAMPLE Images by Spencer, Donna. Card Sorting: Designing

    Usable Categories. 2009. New York: Rosenfeld Media.
  11. HEAT MAPS EXAMPLE Hotjar recordings of sparkbox.com

  12. Keep in mind . Your site navigation should always be

    accessible and have a consistent path for the user to get back to the information they need.
  13. Issue 2: Your forms and fl ows confuse users.

  14. ISSUE 2: FORMS AND FLOWS sfmta.com/residential-parking-permit-application

  15. YOUR LEGACY WEBSITE PROBLEM Forms and Flows Research Methods Low

    E ff ort Medium E ff ort High E ff ort Published Research Form Submissions Analytics Usability Testing Competitive Research Heuristic Evaluation
  16. ANALYTICS DROP OFF RATE EXAMPLE

  17. Forms should be simple and easy to use. They should

    give enough information to easily guide the user through the steps. Be sure to think about mobile users as well! Keep in mind .
  18. Issue 3: Your general site content confuses users.

  19. ISSUE 3: GENERAL SITE CONTENT sparkbox.com/team

  20. YOUR LEGACY WEBSITE PROBLEM General Site Content Research Methods Low

    E ff ort Medium E ff ort High E ff ort Usability Testing User Persona Journey Mapping User Interviews Survey Site Audit Looking at customer service chat logs/website inquiries
  21. USER PERSONA EXAMPLE

  22. USER JOURNEY MAP EXAMPLE

  23. Share important content and remove what is not necessary. Keep

    in mind . Concise content + clear design = great UX
  24. ISSUE 1: NAVIGATION Tools & Resources How-To Books ‣ Resources:

    Rosenfeld Media, A Book Apart Usability Testing ‣ Resources: Optimal Workshop, Usertesting, Lookback, Usability Hub Analytics ‣ Resources: Google Analytics, Hotjar, Crazyegg User Interviews ‣ Resources: Userinterviews, Sparkbox UX Toolkit Flowchart Published Research ‣ Resources: Sparkbox Higher Ed Navigation Study, Neilsen Norman Group, Measuring U Heuristic Evaluation ‣ Resources: Neilsen Norman Group Usability Heuristics for Interface Design Site Audit ‣ Resources: How to Clean Up Your Content Mess, How to Audit Big Websites
  25. UX TOOLKIT FLOWCHART RESOURCE Sparkbox UX Toolkit Flowchart ✨

  26. HIGHER ED STUDY RESOURCE Sparkbox Higher Ed Navigation Study -

    Designing Mobile Navigation
  27. MAIN TAKEAWAY You got this. You can use this as

    a guide to get started, remember to download these slides from the event page.