Sign In Start Free Trial
Account

Add to playlist

Create a Playlist

Modal Close icon
You need to login to use this feature.
  • Book Overview & Buying UX for the Web
  • Table Of Contents Toc
  • Feedback & Rating feedback
UX for the Web

UX for the Web

By : Ritter, Winterbottom
4.7 (3)
close
close
UX for the Web

UX for the Web

4.7 (3)
By: Ritter, Winterbottom

Overview of this book

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 (12 chapters)
close
close

Deciding what, when, and how to prototype


Moodboards and storyboards are mostly used in the concept stages of design, when the team is deciding what features to include in the design and roughly what they might look like. The next stage of design is when you begin working out exactly what the web pages will look like and how they will work. This is where prototypes come into the picture.

A prototype is an early, unfinished version of a product, built to test one or more aspects of that product.

For website design, anything from a rough sketch on paper to HTML and CSS code can serve as a prototype, depending on what you want to test and with whom. Although prototypes don't have to be inherently interactive, they are usually made to test interaction with some part of the product.

Prototypes take time to create and are not the final product; they are usually thrown away. There are several benefits to prototyping that make this time and effort worthwhile:

  • Concrete: Prototypes are concrete versions...
Visually different images
CONTINUE READING
83
Tech Concepts
36
Programming languages
73
Tech Tools
Icon Unlimited access to the largest independent learning library in tech of over 8,000 expert-authored tech books and videos.
Icon Innovative learning tools, including AI book assistants, code context explainers, and text-to-speech.
Icon 50+ new titles added per month and exclusive early access to books as they are being written.
UX for the Web
notes
bookmark Notes and Bookmarks search Search in title playlist Add to playlist font-size Font size

Change the font size

margin-width Margin width

Change margin width

day-mode Day/Sepia/Night Modes

Change background colour

Close icon Search
Country selected

Close icon Your notes and bookmarks

Confirmation

Modal Close icon
claim successful

Buy this book with your credits?

Modal Close icon
Are you sure you want to buy this book with one of your credits?
Close
YES, BUY

Submit Your Feedback

Modal Close icon
Modal Close icon
Modal Close icon