O'Reilly logo

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Fixing Bad UX Designs

Book Description

A practical guide filled with case studies and easy solutions to solve the most common user experience issues

About This Book

  • Understand and fix the pain points of a bad UX design to ensure greater customer satisfaction.
  • Correct UX issues at various stages of a UX Design with the help of different methodologies for fixing bad UXs
  • See best practices and established principles in UX with case studies illustrating these practices and principles

Who This Book Is For

This book is for anyone confronted with a poorly designed UX. It is ideal for UX professionals who want to solve problems with existing UX designs, and UX designers who want to enhance their designs or analyze and rectify where they went wrong.

What You Will Learn

  • Learn about ROI and metrics in UX
  • Understand the importance of getting stakeholders involved
  • Learn through real cases how to fix bad UX
  • Identify and fix UX issues using different methodologies
  • Learn how to turn insights and finding into practical UX solutions
  • Learn to validate, test and measure the UX solutions implemented
  • Learn about UX refactoring

In Detail

Have your web applications been experiencing more hits and less conversions? Are bad designs consuming your time and money?

This book is the answer to these problems. With intuitive case studies, you'll learn to simplify, fix, and enhance some common, real-world application designs. You'll look at the common issues of simplicity, navigation, appearance, maintenance, and many more.

The challenge that most UX designers face is to ensure that the UX is user-friendly. In this book, we address this with individual case studies starting with some common UX applications and then move on to complex applications. Each case study will help you understand the issues faced by a bad UX and teach you to break it down and fix these problems.

As we progress, you'll learn about the information architecture, usability testing, iteration, UX refactoring, and many other related features with the help of various case studies. You'll also learn some interesting UX design tools with the projects covered in the book.

By the end of the book, you'll be armed with the knowledge to fix bad UX designs and to ensure great customer satisfaction for your applications.

Style and approach

This book takes a practical approach, with case studies, best practices, and practical solutions to bad design

Table of Contents

  1. Title Page
  2. Copyright and Credits
    1. Fixing Bad UX Designs
  3. Dedication
  4. Packt Upsell
    1. Why subscribe?
    2. PacktPub.com
  5. Foreword
  6. Contributors
    1. About the author
    2. About the reviewers
    3. Packt is searching for authors like you
  7. Preface
    1. Who this book is for
    2. What this book covers
    3. To get the most out of this book
      1. Download the color images
      2. Conventions used
    4. Get in touch
      1. Reviews
  8. Understanding UX and its Importance
    1. UX is present everywhere
    2. Bad UX is bad for your business
    3. The ROI of fixing bad UX design
    4. Getting stakeholders involved
    5. Metrics and KPI's
    6. Summary
  9. Identifying UX Issues – UX Methodologies
    1. Identifying stakeholders and their needs
      1. Prioritization map
      2. RACI matrix
      3. Stakeholder matrix
      4. Interviewing stakeholders
    2. Understanding users and their needs
      1. Investigation
        1. Heuristic evaluation
        2. User research methodologies
          1. 20 UX methods in brief
        3. Screening and recruiting
        4. Guerrilla research
      2. Creating personas
        1. Step 1—Identify behavioral and demographic variables
        2. Step 2—map interviewees into variables
        3. Step 3—Identify key patterns of behavior
        4. Step 4—List relevant characteristics and objectives
        5. Step 5—Check the entire set of person to eliminate redundancies
        6. Step 6—Develop the narrative
        7. Step 7—Determine types of people
    3. Understanding the competitors
    4. User journey and touch points
    5. Defining the challenges and project goals
    6. Summary
  10. Exploring Potential UX Solutions
    1. Organizing the reports
    2. Be visual
      1. Analytics
      2. Heuristic evaluation
      3. User feedback
      4. Finding solutions
      5. Design, test, iterate, repeat
    3. Summary
  11. Increasing Conversion with UX
    1. Identifying conversion issues
    2. Previous analysis
    3. Quantitative/data analysis
      1. Google Analytics
      2. Mixpanel
      3. Hotjar
      4. AppSee
      5. Chartbeat
      6. Inspectlet
      7. Woopra
      8. Formisimo
      9. Lucky Orange
      10. Website Grader by HubSpot
      11. Other tools
    4. Research and interviewing your users
    5. Doing usability tests
      1. Doing A/B tests
    6. Building responsive and accessible websites
    7. Helping your users save time
      1. Making your user think as little as possible and save as much information as possible
      2. Leaving the main function of your site prominent
      3. Improving the loading time
    8. Following design trends
      1. Using good call-to-action
    9. Summary
  12. Using UI and Content for Better Communication
    1. Identifying UI and content issues
    2. The importance of good UI for a great UX
    3. UI elements for good UX communication
      1. Minding the hierarchy of the UI elements
      2. Choosing the appropriate typography
        1. Headline
        2. Body of text
        3. Background
        4. Responsive typography
        5. Fonts
      3. Picking the right color scheme
      4. Using consistent iconography
      5. Content strategy and microcopy
        1. Content analysis
        2. Strategic recommendations
        3. Editorial and tone of voice guide
        4. Organization
        5. SEO
        6. Copy and microcopy for UX
        7. The functional value of microtexts
          1. Tips for good microcopy
    4. Summary
  13. Considering Accessibility As Part of the UX
    1. What accessibility is and its importance
      1. The WCAG documentation
        1. Perceivable
        2. Operable
        3. Understandable
        4. Robust
    2. Different demands in accessibility
      1. Accessible as part of the universal design
    3. Accessibility as an inclusive UX
      1. Accessibility analysis
        1. Automated accessibility tools
        2. The importance of colors
          1. Color blindness
          2. Other disabilities
        3. What about apps?
        4. Accessibility and IoT
      2. Good practices
        1. Screen readers
        2. Focused tips
        3. More accessibility tips
    4. Real examples and case studies
      1. Fukuoka City Subway
      2. The de Young Museum
      3. Oxo
      4. Tuva
      5. Barclays
      6. Tesco
      7. Legal and General
      8. Awake Labs' Reveal
      9. AccessNow
      10. TellMe TV
      11. eSight
    5. Summary
  14. Improving Physical Experiences
    1. UX can be applied everywhere
    2. How to improve ATMs
      1. Usability
    3. Simplifying an elevator panel (but not much)
    4. Improving car panel design
    5. Creating magic experience in parks
    6. Improving boarding passes
    7. Bus stop as part of the user journey
    8. Redesigning urinals to encourage men to wash their hands
    9. When offline meets online experiences
    10. Summary
  15. Improving IA for Better Navigation
    1. IA as part of UX
      1. IA and different fields
        1. Biblioteconomy
        2. Cognitive psychology
        3. Architecture
    2. How to identify IA issues
      1. Content tree
      2. Site maps
      3. Flowchart
      4. Navigational flows
      5. Wireframes
      6. Content inventory
      7. Navigation schema and nomenclature
      8. Task flow analysis
    3. Using card sorting and tree testing to fix bad IA
      1. Card sorting
        1. The card sorting process
        2. Content selection and card preparation
      2. Tree testing
    4. Summary
  16. Prototyping and Validating UX Solutions
    1. Testing, validating, and refining
      1. Conceptual prototype
      2. Low-fidelity (lo-fi) prototype
      3. Medium-fidelity (mid-fi) prototypes
      4. High-fidelity (hi-fi) prototypes
      5. Choosing the right tool to create prototypes
        1. Prototyping tools
          1. Paper
          2. Fluid UI
          3. POP by Marvel
          4. Marvel app
          5. Axure RP
          6. InVision app
          7. InVision Studio
          8. Adobe XD
          9. Zeplin
          10. UXPin
          11. Figma
          12. Flinto
          13. Framer
          14. Origami Studio
          15. Principle
          16. Balsamiq
          17. JustinMind
          18. Proto.io
          19. Sketch app
    2. Running tests with prototypes
      1. Running usability tests
        1. Sample users
        2. Interactive prototype with friendly test features
        3. A facilitator
        4. Observers
      2. Tools to run usability tests
        1. Lookback
        2. WhatUsersDo
        3. User testing
        4. UsabilityHub
        5. Skype/GoToMeeting
        6. Other tools
      3. Five ways to do mobile usability testing
        1. A third person with a camera
        2. Application that records the mobile screen
        3. Sharing the phone screen with your computer
        4. Support coupled to the cell phone
        5. Stand with camera resting on the table
      4. Tips to run usability testing with a prototyping tool
        1. Use realistic content
        2. Use realistic data
          1. Designing your well thought out tests
          2. Moderate or not moderate?
          3. Learn from failures as well as successes
          4. Do not interfere in the middle of the test
          5. Avoid resolving ad hoc bugs
    3. Summary
  17. Implementing UX Solutions
    1. Communicating the project
      1. UX canvas
      2. Lean UX Canvas
    2. Creating documentation
      1. Annotated wireframes
      2. Prototype
      3. System state inventory
      4. Sitemaps/app maps
      5. Flows
      6. Storyboards
      7. User stories
    3. Testing for QA 
      1. UX's work does not end in technology
      2. QA needs to take into account the context
    4. Summary
  18. Measuring UX Solutions
    1. Measuring UX
      1. The relationship between UX research, design, and analytics
        1. Planning
        2. Approaches
      2. UX KPIs
        1. Usability
        2. Engagement
        3. Conversion
          1. SUS (System Usability Scale)
          2. NPS (Net Promoter Score)
        4. Framework H.E.A.R.T.
      3. Defining UX metrics
        1. Tools and methodologies
        2. Google Analytics
          1. Conversion rate (CR)
          2. Bounce rate/Bounce rate
          3. Exit rate/Exit rate
          4. Average session time/Session duration
          5. Page views per session/Page per session
          6. Sessions/Sessions
          7. New visitors versus recurring
          8. Clicks/Click Through Rate (CTR)
          9. Average ticket/Average order value
      4. Crossing qualitative with quantitative
    2. Preparing reports for the stakeholders
      1. Creating reports
    3. Summary
  19. Keeping Up to Date
    1. Usability.gov
    2. Nielsen Norman Group
    3. UX Magazine
    4. UXBooth
    5. UXMatters
    6. Smashing Magazine
    7. UX Blog
    8. UXaday
    9. Designmodo
    10. UX Collective
    11. UXMyths
    12. UX Checklists
    13. UX Forums
    14. Designer Hangout
    15. UX Design Community
    16. UXPA
  20. Other Books You May Enjoy
    1. Leave a review - let other readers know what you think