liveBook · Manning

Design

As explained in Design for Developers

Web design is the planning and creation of a website’s visual presentation, structure, and interaction.

Web design plans and creates a website’s visual presentation, structure, and interaction. It includes aesthetics, but also supports user goals such as finding information, buying products, or booking appointments. section 1.0 section 1.1

Treat design as a shared, iterative practice:

  • Start with requirements, user needs, business goals, and relevant research. section 1.1
  • Use wireframes to plan content placement before refining visual details. section 1.1
  • Connect visual decisions to usability, accessibility, performance, and task completion. section 1.1 section 12.0
  • Stop polishing when requirements are met and an approved minimum viable product is ready; test, gather feedback, and iterate. section 11.1.3

Improving a crowded interface

A tool feels less efficient than competing products because excessive whitespace separates its components. A developer recognizes the spacing problem, tightens the interface, checks alignment with a designer, and ships the improvement without waiting for new mock-ups. section 1.0

Design and development overlap: CSS turns visual decisions into interactive interfaces, while technical choices affect performance, accessibility, resilience, and the resulting user experience. Developers therefore need enough design understanding to communicate constraints and make informed interface decisions. section 1.1 section 12.0

How Design for Developers covers it

How deep it goes
Explains an iterative workflow from research and wireframes through visual design, implementation, testing, and refinement, without specialist depth.
Examples
Uses competitor comparisons, user personas, wireframes, pixel-perfect mock-ups, whitespace adjustments, and minimum viable product testing.
What it assumes
Assumes basic web development awareness while introducing design fundamentals and user experience considerations for developers.
What you can do after
Apply design fundamentals to make interface decisions, communicate with designers, and iterate from tested feedback.
How it connects
Connects user experience, accessibility, performance, CSS, wireframes, prototyping, testing, and design systems.

Also explained in

Compare how 4 books explain design →

Related concepts

This explainer was generated by Manning's knowledge graph from the text of Design for Developers. The section links point to the parts of the book it draws on.