О чем
Цельная история о логике интерфейсов: от первых Xerox Alto и Apple Lisa до macOS/Windows, от Newton до iPhone/Android и дальше — к смешанной реальности (Meta Quest, Apple Vision). На конкретных примерах и сотнях иллюстраций автор последовательно разбирает происхождение стандартных компонентов (кнопки, чекбоксы, списки, меню, поля ввода, вкладки), их анатомию и все состояния — и как на их основе собрать собственную универсальную дизайн-систему вместо бездумного копирования шаблонов.
Автор разбирает каждый элемент одновременно «вблизи» (анатомия, варианты, состояния, контекст применения) и «с высоты» (эволюция решений от железа к цифровому миру, перенос между платформами, влияние инструментов — от Photoshop/Sketch к Figma). История превращается в систему, а система — в ускоритель ваших продуктовых решений.
Вы увидите, зачем в OS X впервые отделили основную кнопку от вторичных, как Windows привнесла «наведение», почему iOS отказалась от скевоморфизма — и как эти исторические повороты превратились в сегодняшние правила, которые реально повышают юзабилити и скорость разработки.
Что получите на выходе
- Четкую логику принятия интерфейсных решений: что писать на кнопке, какие состояния обязательны, как ранжировать действия.
- 180 внятных референсов из популярных продуктов — без бесконечного поиска.
- Обзор самых частых ошибок в интерфейсах и подходов к их решению.
- Матрицы компонентов и готовые паттерны для веба, мобильных приложений и XR.
- Реальную дизайн-систему в Figma и 35 QR-ссылок на статьи, видео и интерактивные примеры.
- Единый язык для команды — меньше споров, быстрее релизы.
Кнопка в фокусе может принимать любое состояние, поэтому фокус — это не состояние, а режим.
Зачем читать
- Чтобы понимать логику интерфейсов, а не запоминать набор правил.
- Чтобы быстро принимать корректные решения по компонентам: от подписей на кнопках до выбора состояний и приоритетов.
- Чтобы собрать цельную дизайн-систему: матрицы, типологии, единый язык для команды.
- Чтобы сравнить настольные, мобильные и XR-паттерны и безопасно переносить решения между платформами.
С другой стороны, дизайнеры сайтов иногда впадают в другую крайность и используют глаголы в гиперссылках, хотя гиперссылка может быть только существительным, поскольку просто ведет на другую страницу и не выполняет никаких действий.
Вы узнаете
- Как привычные элементы интерфейса выросли из реальных объектов — от электрических звонков и кнопок приборов до экранных кнопок с понятными действиями.
- Как родились кнопки, вкладки, списки, поля ввода — и как их грамотно применять сегодня.
- Как писать тексты на кнопках и когда требовать подтверждение.
- Какие состояния обязательны и как работать с типами действий (primary/secondary/danger).
- Как строить матрицы компонентов и переносить решения между платформами — от десктопа и мобильных приложений до VR.
- Как исторические решения популярных продуктов (Google Docs, Notion, Airbnb, Uber, «Яндекс Карты», Т-Банк, Telegram и др.) складываются в универсальные матрицы компонентов для вашей дизайн-системы.
Золотое правило: не больше двух больших кнопок по горизонтали.
Для кого
Для читателей, интересующихся дизайном интерфейсов, цифровыми технологиями и историей вычислительной техники; книга будет полезна новичкам и профессионалам — дизайнерам, продактам, разработчикам, редакторам и преподавателям.
