UX for the Web

Learn how UX and design thinking can make your site stand out from the rest of the internet.
Preview in Mapt
Code Files

UX for the Web

Marli Ritter, Cara Winterbottom

1 customer reviews
Learn how UX and design thinking can make your site stand out from the rest of the internet.
Mapt Subscription
FREE
$29.99/m after trial
eBook
$10.00
RRP $31.99
Save 68%
Print + eBook
$39.99
RRP $39.99
What do I get with a Mapt Pro subscription?
  • Unlimited access to all Packt’s 5,000+ eBooks and Videos
  • Early Access content, Progress Tracking, and Assessments
  • 1 Free eBook or Video to download and keep every month after trial
What do I get with an eBook?
  • Download this book in EPUB, PDF, MOBI formats
  • DRM FREE - read and interact with your content when you want, where you want, and how you want
  • Access this title in the Mapt reader
What do I get with Print & eBook?
  • Get a paperback copy of the book delivered to you
  • Download this book in EPUB, PDF, MOBI formats
  • DRM FREE - read and interact with your content when you want, where you want, and how you want
  • Access this title in the Mapt reader
What do I get with a Video?
  • Download this Video course in MP4 format
  • DRM FREE - read and interact with your content when you want, where you want, and how you want
  • Access this title in the Mapt reader
$0.00
$10.00
$39.99
$29.99 p/m after trial
RRP $31.99
RRP $39.99
Subscription
eBook
Print + eBook
Start 14 Day Trial

Frequently bought together


UX for the Web Book Cover
UX for the Web
$ 31.99
$ 10.00
Mastering CSS Book Cover
Mastering CSS
$ 31.99
$ 10.00
Buy 2 for $20.00
Save $43.98
Add to Cart

Book Details

ISBN 139781787128477
Paperback306 pages

Book Description

If you want to create web apps that are not only beautiful to look at, but also easy to use and fully accessible to everyone, including people with special needs, this book will provide you with the basic building blocks to achieve just that.

The book starts with the basics of UX, the relationship between Human-Centered Design (HCD), Human-Computer Interaction (HCI), and the User-Centered Design (UCD) Process; it gradually takes you through the best practices to create a web app that stands out from your competitors. You’ll also learn how to create an emotional connection with the user to increase user interaction and client retention by different means of communication channels.

We’ll guide you through the steps in developing an effective UX strategy through user research and persona creation and how to bring that UX strategy to life with beautiful, yet functional designs that cater for complex features with micro interactions. Practical UX methodologies such as creating a solid Information Architecture (IA), wireframes, and prototypes will be discussed in detail. We’ll also show you how to test your designs with representative users, and ensure that they are usable on different devices, browsers and assistive technologies.

Lastly, we’ll focus on making your web app fully accessible from a development and design perspective by taking you through the Web Content Accessibility Guidelines (WCAG).

Table of Contents

Chapter 1: The Fundamentals of UX
UX from the early 20th century
360° of UX
UX and design disciplines
Summary
Chapter 2: Stand Out from Your Competitors
Branding in modern times
How UX differentiates a brand from competitors
B2B versus B2C
Summary
Chapter 3: Creating an Emotional Connection with the User
Creating a digital personality the user can relate to
Speaking a clear language
Giving visual rewards
Summary
Chapter 4: Best Practices for Usability Within the User Interface (UI)
Introduction to UI
Color psychology
Best design practices
Language and semiotics
Summary
Chapter 5: Set a Solid Foundation - Research and Analyze
Defining and categorizing research
Setting up a research plan
Doing expert analyses
Using qualitative techniques
Using quantitative techniques
Summary
Chapter 6: Create a UX Strategy - Users and Content
Creating personas to guide your UX strategy
Building a solid information architecture
Creating user journeys
Creating task flows
Summary
Chapter 7: Bring Your UX Strategy to Life with Wireframes and Prototypes
Setting up moodboards and storyboards
Deciding what, when, and how to prototype
Creating wireframes and interactive prototypes
Setting up a pattern library
Designing for responsiveness and accessibility
Summary
Chapter 8: Building Your Product - Devices, Browsers, and Assistive Technologies
Understanding the importance of responsive, accessible, and universal design
Designing for varied technologies
Testing your designs on multiple technologies
Summary
Chapter 9: Optimize your UX Strategy with Iterative User Testing
Maximizing the value of user testing
Planning, conducting, and analyzing usability tests
Applying analytics effectively-constructing a useful A/B test
Summary
Chapter 10: The Basics and Benefits of Web Accessibility
Defining web accessibility
Catering for different types of temporary and permanent special needs
Benefits of ensuring your product is accessible
Legal implications for non-accessible products
Assistive technology and the role it plays in developing for accessibility
Testing for accessibility
Summary
Chapter 11: A Practical Guide to Web Accessibility
Where to start with web accessibility?
An overview of the WCAG 2.0
An overview of WAI-ARIA
Web accessibility requirements from a design perspective
Before we part ways
Summary

What You Will Learn

  • Discover the fundamentals of UX and the User-Centered Design (UCD) Process.
  • Learn how UX can enhance your brand and increase user retention
  • Learn how to create the golden thread between your product and the user
  • Use reliable UX methodologies to research and analyze data to create an effective UX strategy
  • Bring your UX strategy to life with wireframes and prototypes
  • Set measurable metrics and conduct user tests to improve digital products
  • Incorporate the Web Content Accessibility Guidelines (WCAG) to create accessible digital products

Authors

Table of Contents

Chapter 1: The Fundamentals of UX
UX from the early 20th century
360° of UX
UX and design disciplines
Summary
Chapter 2: Stand Out from Your Competitors
Branding in modern times
How UX differentiates a brand from competitors
B2B versus B2C
Summary
Chapter 3: Creating an Emotional Connection with the User
Creating a digital personality the user can relate to
Speaking a clear language
Giving visual rewards
Summary
Chapter 4: Best Practices for Usability Within the User Interface (UI)
Introduction to UI
Color psychology
Best design practices
Language and semiotics
Summary
Chapter 5: Set a Solid Foundation - Research and Analyze
Defining and categorizing research
Setting up a research plan
Doing expert analyses
Using qualitative techniques
Using quantitative techniques
Summary
Chapter 6: Create a UX Strategy - Users and Content
Creating personas to guide your UX strategy
Building a solid information architecture
Creating user journeys
Creating task flows
Summary
Chapter 7: Bring Your UX Strategy to Life with Wireframes and Prototypes
Setting up moodboards and storyboards
Deciding what, when, and how to prototype
Creating wireframes and interactive prototypes
Setting up a pattern library
Designing for responsiveness and accessibility
Summary
Chapter 8: Building Your Product - Devices, Browsers, and Assistive Technologies
Understanding the importance of responsive, accessible, and universal design
Designing for varied technologies
Testing your designs on multiple technologies
Summary
Chapter 9: Optimize your UX Strategy with Iterative User Testing
Maximizing the value of user testing
Planning, conducting, and analyzing usability tests
Applying analytics effectively-constructing a useful A/B test
Summary
Chapter 10: The Basics and Benefits of Web Accessibility
Defining web accessibility
Catering for different types of temporary and permanent special needs
Benefits of ensuring your product is accessible
Legal implications for non-accessible products
Assistive technology and the role it plays in developing for accessibility
Testing for accessibility
Summary
Chapter 11: A Practical Guide to Web Accessibility
Where to start with web accessibility?
An overview of the WCAG 2.0
An overview of WAI-ARIA
Web accessibility requirements from a design perspective
Before we part ways
Summary

Book Details

ISBN 139781787128477
Paperback306 pages
Read More
From 1 reviews

Read More Reviews

Recommended for You

Mastering CSS Book Cover
Mastering CSS
$ 31.99
$ 10.00
UX Design for Mobile Book Cover
UX Design for Mobile
$ 31.99
$ 10.00
Understanding Software Book Cover
Understanding Software
$ 23.99
$ 10.00
WordPress Complete - Sixth Edition Book Cover
WordPress Complete - Sixth Edition
$ 35.99
$ 10.00
Complete Bootstrap: Responsive Web Development with Bootstrap 4 Book Cover
Complete Bootstrap: Responsive Web Development with Bootstrap 4
$ 35.99
$ 10.00
WordPress Complete - Sixth Edition Book Cover
WordPress Complete - Sixth Edition
$ 35.99
$ 10.00