User experience (UX) is the interaction a person has with a product or service and how that interaction makes them feel. For websites and applications, it includes whether the product is useful, usable, findable, valuable, credible, accessible, and desirable—not merely whether it looks attractive. A slow, buggy, confusing, or inaccessible site can damage the experience even when its visuals are polished. section 3.2 section 1.1
UX spans the whole lifecycle. Business goals, research, content planning, visual design, code, hosting, quality assurance, and feedback all shape what customers finally experience. That makes technical choices UX choices: an animation that slows loading, for example, can undermine an otherwise appealing interface. section 3.1 section 1.1.1
Build a user-centered web experience by moving through an iterative cycle:
- Identify the problem, target audience, and user needs through research; verify that the problem is worth solving. section 1.2.1
- Turn business requirements and research into information architecture, page layouts, content placement, and user flows. section 1.2.1 section 5.4
- Create wireframes, visual design, and prototypes before or alongside development; use prototypes to clarify expectations and expose usability problems early. section 5.4
- Test the result, gather feedback, and refine the experience when it does not efficiently meet user needs. section 1.2.1 section 11.2.1
UX design is a broad area rather than a single job title. Its work can include research, design, prototyping, testing, and measurement. In practice, responsibilities vary: a small team may combine them in one role, while a larger team may distribute them among specialists. Developers still influence UX by understanding user needs, flagging implementation constraints early, and making informed design decisions. section 3.3 section 3.3.2 section 1.1.5
Make waiting feel considered
A website scanner made users wait while analysis ran. Rather than showing only a generic loading message, its queue used a mascot working late at a desk. The design acknowledged the delay and created empathy while backend capacity was improved. The lesson is not to decorate every delay: choose feedback that considers what the target audience needs and tolerates, then address the underlying performance problem. section 1.1.2
Visual choices support UX when they help people complete tasks. Layout and hierarchy can guide attention; navigation and labels can help people find content; color, typography, imagery, and animation can shape tone and feedback. Animation should inform or delight without reducing usability or ignoring reduced-motion preferences; the site should remain usable without it. section 5.4 section 7.0
Figure 1.3 The iterative process this book covers for a web design or web application project—from identifying the problem to user research, user experience design, design and build phase, and test and evaluate
Use the process diagram to see how research, UX design, design and build, and testing loop into continued refinement. section 1.2.1
