The best web design books teach lasting principles of usability, layout and structure rather than software versions. Four titles still earn a place on a reading list: Don’t Make Me Think, The Design of Everyday Things, Responsive Web Design and Web Style Guide.
This reading list belongs with the other free graphic design resources on the site, and it explains what each book covers, who it suits and how to judge a web book that has aged.
What makes a web design book last
Web technology moves fast, so a book about a specific browser, plugin or tool goes stale within a few years. Books about people hold up much better. Usability research, for example, describes how easy interfaces are to use, and the Nielsen Norman Group defines usability as a quality attribute that assesses how easy user interfaces are to use. It breaks the idea into five components: learnability, efficiency, memorability, errors and satisfaction. Those five questions apply to a website built last week and to a site built a decade ago.
A durable title usually has at least one of these traits:
- It explains why people behave the way they do, not only which button to press.
- It teaches a method, such as planning content before decoration, that survives changes in tools.
- It is revised by its author, so dated examples are replaced while the core argument stays intact.
Titles built on technique rather than principle, such as a guide to a single software release, tend to be less useful once the software changes.
Four books that remain worth reading
The table sets the four side by side. Details such as editions and page counts come from the publishers’ own catalogue pages, so they reflect what the publishers list rather than what a bookshop happens to stock.
| Book | Author | Focus | Publisher detail |
|---|---|---|---|
| Don’t Make Me Think, Revisited | Steve Krug | Intuitive navigation and information design | 3rd edition, New Riders |
| The Design of Everyday Things | Don Norman | Human-centred design principles | Revised and expanded edition, Basic Books, 368 pages |
| Responsive Web Design | Ethan Marcotte | Fluid grids, flexible images and media queries | Second edition, A Book Apart |
| Web Style Guide | Patrick J. Lynch and Sarah Horton | Strategy, interface and graphic design, typography | Fourth edition, also published online |
The catalogue entries are on the Pearson page for Don’t Make Me Think and the Hachette Book Group page for The Design of Everyday Things.
Don’t Make Me Think, Revisited
Steve Krug’s usability guide is the usual first recommendation for newcomers. Pearson’s description says that, since it was first published in 2000, hundreds of thousands of web designers and developers have relied on the guide to understand the principles of intuitive navigation and information design. The third edition was published by New Riders on 23 December 2013, with a 2014 copyright.
The same description calls the revision substantial: the author comments on, amends and amplifies the principles he first laid out and adds fresh examples. The edition adds an important new chapter on mobile and integrates coverage of mobile throughout the book. The chapter list shows the practical bent of the book, with titles such as “How we really use the Web” and “Billboard Design”, which focus on how real visitors scan pages instead of reading them closely.
The Design of Everyday Things
Don Norman’s book is not about websites at all, which is why it travels so well. The publisher’s description says its rules are simple: make things visible, exploit natural relationships that couple function and control, and make intelligent use of constraints. The goal it states is to guide the user effortlessly to the right action on the right control at the right time.
The description lists the problems the book examines, ranging from ambiguous and hidden controls to arbitrary relationships between controls and functions, coupled with a lack of feedback or other assistance and unreasonable demands on memorization. Every item on that list maps directly onto web interfaces, from a hidden menu to a form that gives no feedback after submission. The revised and expanded edition runs to 368 pages, and the author is a co-founder of the Nielsen Norman Group.
Responsive Web Design
Ethan Marcotte’s book is a short, focused title on layouts that adapt to any screen. According to the A Book Apart catalogue page, it has been a fundamental resource for anyone working on the web since its groundbreaking release in 2011. In the second edition, the author expands on the design principles behind fluid grids, flexible images and media queries.
Because the book is about a method rather than a toolset, its main ideas still apply even as the tools around it change. A Book Apart also states on the same page that it no longer sells or distributes books, and that the title is available directly from the author, so readers should look for current sales details on the A Book Apart page before searching elsewhere.
Web Style Guide
Patrick J. Lynch and Sarah Horton’s reference is the broadest of the four, covering strategy, research, process, information architecture, site structure, page structure, interface design, graphic design, typography, editorial style, images and video in twelve chapters. The authors have worked together on interface and graphic design projects since 1991, and began collaborating on Web Style Guide in 1997. According to the Web Style Guide site, the book is now in its 4th edition.
Unusually, the book is published online as well as in print. The site states that Web Style Guide by Patrick J. Lynch and Sarah Horton is licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International License. That licence allows non-commercial sharing with credit, but it does not permit commercial reuse, and this site hosts no copy of the book.
How to read them in a useful order
A sensible path starts with people and ends with craft. Krug’s book gives the quickest shift in how a reader thinks about pages, Norman’s explains the reasoning underneath, Marcotte’s covers one concrete method for layout, and Lynch and Horton’s serves as the reference to return to during a project.
Reading alone is rarely enough. Pair each book with a small exercise, such as auditing one real page against the five usability components, or rebuilding a template so that it reflows on a narrow screen. When you move on to choosing colour, a color palette generator can speed up the experiments, and when a layout needs sample copy, the guide to lorem ipsum explains how filler text works and where it misleads.
Before buying any title, look at the edition. Publishers list the edition, publication date and page count on their catalogue pages, and a revised edition usually signals that the author has replaced outdated examples. If two editions are on sale, the newer one is almost always the better choice for a working designer, while an older copy can still make sense as a second reading for the underlying ideas.
Frequently asked questions
Which web design book should a beginner read first?
Don’t Make Me Think, Revisited is the usual starting point, because it is built around intuitive navigation and information design and adds a chapter on mobile.
Are older web design books still useful?
Books about principles stay useful, because they describe how people use interfaces. Books about a single tool or browser version age quickly, so check the edition and the publisher’s description before buying.
Can the books be downloaded from this site?
No. This site hosts no copies of any book. Web Style Guide is readable on its own website under a Creative Commons licence, and the other titles are sold through their publishers.
Do these books cover responsive layout?
Responsive Web Design by Ethan Marcotte is devoted to fluid grids, flexible images and media queries, and Don’t Make Me Think, Revisited adds mobile coverage throughout.
