The Designer's Guide to the Buttons

This book is intended for a wide audience interested in interface design, digital technology, and the history of computing. It will be valuable to both newcomers and experienced professionals. Beginning designers will find it especially engaging to trace how familiar interface elements-buttons, text fields, checkboxes, and dropdown menus-originated from their physical-world analogs: electric bells, radio dials, paper ballots, and other mechanical devices. It's not merely a historical excursion but aninvitation to see everyday things from a new perspective. For professionals, the book offers a reason to reflect deeply on the nature of interface decisions. Ithelps answer questions that seem simple yet often prove challenging in practice: Why is a component built the way it is? Should a button brighten or darken on hover? What's the best way to indicate aselected option-by a checkmark or by color? What distinguishes a dropdown list from a dropdown menu? How should fields in a form be aligned for maximum clarity? The book analyzes 180 interfaces from popular applications-both desktop and mobile. Hundreds of illustrations showcase classic and contemporary products alike: Google Docs, Notion, Airbnb, Uber, Yandex Maps, T-Bank, Telegram, and many others. Designers often struggle to find solid, real-world examples of interface components; this book solves that problem by building visual literacy through direct comparison. The Designer's Guide to the Buttons is not just a history of interface design-it is also a practical manual for creating a modern design system. Each chapter focuses on a single component and examines it in depth: from its origins and evolution to its anatomy and a universal matrix of states, styles, and variations. Several features make the book unique. First, it includes 35 QR codes linking to articles, video tutorials, and supplementary materials-turning it into a truly interactive encyclopedia. Readers no longer need to search online to learn a term or watch a live example of the interface in action. Second, all the design principles described in the book are consolidated into areal, working design system, published on the Figma Community and used in large-scale international projects the author has worked on. Third, the structure of the book allows complex sections-such as component matrices-to be skipped without losing comprehension, letting readers simply enjoy the story and visuals. Finally, it is the only book in the world with an intermission.