HTML Diff
0 added 0 removed
Original 2026-01-01
Modified 2026-02-21
1 <p><a>#статьи</a></p>
1 <p><a>#статьи</a></p>
2 <ul><li>29 июн 2021</li>
2 <ul><li>29 июн 2021</li>
3 <li>0</li>
3 <li>0</li>
4 </ul><h2>"Дизайн привычных вещей": принципы Дона Нормана, которые важно знать каждому дизайнеру</h2>
4 </ul><h2>"Дизайн привычных вещей": принципы Дона Нормана, которые важно знать каждому дизайнеру</h2>
5 <p>Обзор культовой книги о дизайне, которая учит проектировать привычные вещи, приносящие радость.</p>
5 <p>Обзор культовой книги о дизайне, которая учит проектировать привычные вещи, приносящие радость.</p>
6 <p>Редактор. Пишет про дизайн, редактирует книги, шутит шутки, смотрит аниме.</p>
6 <p>Редактор. Пишет про дизайн, редактирует книги, шутит шутки, смотрит аниме.</p>
7 <p>Любой человек почувствует себя глупым, если не сможет разобраться в интерфейсе простой вещи: как открыть дверь, найти выключатель, включить печь. Бывший вице-президент Apple и один из самых влиятельных дизайнеров в мире Дональд Норман считает, что в ошибках пользователей виноват именно плохой дизайн.</p>
7 <p>Любой человек почувствует себя глупым, если не сможет разобраться в интерфейсе простой вещи: как открыть дверь, найти выключатель, включить печь. Бывший вице-президент Apple и один из самых влиятельных дизайнеров в мире Дональд Норман считает, что в ошибках пользователей виноват именно плохой дизайн.</p>
8 <p>Норман в 1988 году написал книгу "<a>Дизайн привычных вещей</a>", которая впоследствии стала культовой и одной из самых важных книг о дизайне. В ней собраны примеры нелепейших дизайнерских решений и правила, которые помогут избежать этих ошибок.</p>
8 <p>Норман в 1988 году написал книгу "<a>Дизайн привычных вещей</a>", которая впоследствии стала культовой и одной из самых важных книг о дизайне. В ней собраны примеры нелепейших дизайнерских решений и правила, которые помогут избежать этих ошибок.</p>
9 <p>Публикуем главные принципы из книги "Дизайн привычных вещей", о которых стоит помнить каждому дизайнеру.</p>
9 <p>Публикуем главные принципы из книги "Дизайн привычных вещей", о которых стоит помнить каждому дизайнеру.</p>
10 <p>Чтобы пользователь чувствовал себя уверенно, он должен понимать, для чего нужен продукт, в каких состояниях он может находиться, как работают его инструменты управления. Норман рекомендует следовать этому правилу, даже если придётся пожертвовать эстетикой.</p>
10 <p>Чтобы пользователь чувствовал себя уверенно, он должен понимать, для чего нужен продукт, в каких состояниях он может находиться, как работают его инструменты управления. Норман рекомендует следовать этому правилу, даже если придётся пожертвовать эстетикой.</p>
11 <p>Благодаря Норману появился мем "Двери Нормана" - это двери, которые невозможно открыть с первого раза. Наверняка вы много раз видели, как люди ошибаются: сначала пытаются открыть от себя, а потом на себя. Вот фотография двери, которой поделился пользователь Reddit:</p>
11 <p>Благодаря Норману появился мем "Двери Нормана" - это двери, которые невозможно открыть с первого раза. Наверняка вы много раз видели, как люди ошибаются: сначала пытаются открыть от себя, а потом на себя. Вот фотография двери, которой поделился пользователь Reddit:</p>
12 Фото: u/djsalmon / Reddit<p>Вертикальные ручки привычнее тянуть, но если присмотреться к креплению шарниров, увидите, что дверь надо толкать. Естественно, из-за неправильной ручки люди постоянно ошибаются.</p>
12 Фото: u/djsalmon / Reddit<p>Вертикальные ручки привычнее тянуть, но если присмотреться к креплению шарниров, увидите, что дверь надо толкать. Естественно, из-за неправильной ручки люди постоянно ошибаются.</p>
13 <p>На некоторых дверях есть знаки - "на себя" или "от себя", "сдвинуть в сторону", "поднять", "позвонить в звонок", "вставить карту", "напечатать пароль", "улыбнуться", "вращать", "поклониться", "сплясать" или, может, просто "попросить открыться". Вообще-то, если на таком простом устройстве, как дверь, нужно устанавливать табличку, где будет написано, следует вам толкать её от себя, тянуть на себя или отодвигать в сторону, можно утверждать, что это провальный, совершенно ужасный дизайн.</p>
13 <p>На некоторых дверях есть знаки - "на себя" или "от себя", "сдвинуть в сторону", "поднять", "позвонить в звонок", "вставить карту", "напечатать пароль", "улыбнуться", "вращать", "поклониться", "сплясать" или, может, просто "попросить открыться". Вообще-то, если на таком простом устройстве, как дверь, нужно устанавливать табличку, где будет написано, следует вам толкать её от себя, тянуть на себя или отодвигать в сторону, можно утверждать, что это провальный, совершенно ужасный дизайн.</p>
14 <p><strong>Дональд Норман</strong></p>
14 <p><strong>Дональд Норман</strong></p>
15 <p>Ошибка при проектировании кухонных плит - регуляторы. Их располагают по одной линии, а конфорки - квадратом:</p>
15 <p>Ошибка при проектировании кухонных плит - регуляторы. Их располагают по одной линии, а конфорки - квадратом:</p>
16 Фото: Skillbox<p>Самое дешёвое решение этой проблемы - просто приподнять второй и третий регуляторы, чтобы панель напоминала расположение конфорок:</p>
16 Фото: Skillbox<p>Самое дешёвое решение этой проблемы - просто приподнять второй и третий регуляторы, чтобы панель напоминала расположение конфорок:</p>
17 Фото: Skillbox<p>Хорошая обратная связь должна быть мгновенной, физической и непрерывной. Так человек понимает, что всё работает нормально. Обратную связь можно организовать с помощью прогресс-баров, индикаторов загрузки, звуков или уведомлений.</p>
17 Фото: Skillbox<p>Хорошая обратная связь должна быть мгновенной, физической и непрерывной. Так человек понимает, что всё работает нормально. Обратную связь можно организовать с помощью прогресс-баров, индикаторов загрузки, звуков или уведомлений.</p>
18 <p>Пример плохой обратной связи - "тормозные" старые лифты. Бывает, нажимаешь на кнопку этажа, но лифт никак не реагирует. Пользователи ещё пару раз пробуют потыкать кнопку и просто идут по лестнице, а лифт уезжает пустым. Проблему решит простая лампочка - после нажатия на кнопку она загорается и даёт понять: "Всё в порядке, лифт скоро поедет, ничего не сломалось".</p>
18 <p>Пример плохой обратной связи - "тормозные" старые лифты. Бывает, нажимаешь на кнопку этажа, но лифт никак не реагирует. Пользователи ещё пару раз пробуют потыкать кнопку и просто идут по лестнице, а лифт уезжает пустым. Проблему решит простая лампочка - после нажатия на кнопку она загорается и даёт понять: "Всё в порядке, лифт скоро поедет, ничего не сломалось".</p>
19 <p>Звук мотора автомобиля - это обратная связь для пешеходов. Если машина приближается сзади, человек услышит шум её мотора. Электромобили очень тихие - слышно только шорох шин, свист воздуха и высокий писк электроники. Это может быть опасным для пешеходов, так как со спины беззвучную машину сложно заметить.</p>
19 <p>Звук мотора автомобиля - это обратная связь для пешеходов. Если машина приближается сзади, человек услышит шум её мотора. Электромобили очень тихие - слышно только шорох шин, свист воздуха и высокий писк электроники. Это может быть опасным для пешеходов, так как со спины беззвучную машину сложно заметить.</p>
20 Тест двигателя Tesla. В закрытом корпусе автомобиля звук двигателя будет ещё тише<p>Чтобы сделать электромобили безопасными, в США приняли новый стандарт. С сентября 2019 года звуковое сопровождение любых машин обязательно. При этом звук, который издают электромобили, должен напоминать звук мотора обычных машин, чтобы люди всегда однозначно понимали, что рядом едет автомобиль.</p>
20 Тест двигателя Tesla. В закрытом корпусе автомобиля звук двигателя будет ещё тише<p>Чтобы сделать электромобили безопасными, в США приняли новый стандарт. С сентября 2019 года звуковое сопровождение любых машин обязательно. При этом звук, который издают электромобили, должен напоминать звук мотора обычных машин, чтобы люди всегда однозначно понимали, что рядом едет автомобиль.</p>
21 <p>Обратная связь может и раздражать, если она слишком навязчивая и её очень много.</p>
21 <p>Обратная связь может и раздражать, если она слишком навязчивая и её очень много.</p>
22 <p>Моя посудомоечная машина любит пищать в три часа ночи, чтобы сообщить мне, что мытьё посуды завершено - это притом, что я специально запускаю её ночью, чтобы её работа никому не помешала (и чтобы меньше платить за электричество).</p>
22 <p>Моя посудомоечная машина любит пищать в три часа ночи, чтобы сообщить мне, что мытьё посуды завершено - это притом, что я специально запускаю её ночью, чтобы её работа никому не помешала (и чтобы меньше платить за электричество).</p>
23 <p>&lt;…&gt; Если мы слышим слишком много сообщений, начинаем игнорировать их все или отключаем всё что можно. И это значит, что мы, скорее всего, пропустим действительно важные сообщения. Фидбэк - существенная вещь, но не тогда, когда он мешает всему остальному.</p>
23 <p>&lt;…&gt; Если мы слышим слишком много сообщений, начинаем игнорировать их все или отключаем всё что можно. И это значит, что мы, скорее всего, пропустим действительно важные сообщения. Фидбэк - существенная вещь, но не тогда, когда он мешает всему остальному.</p>
24 <p><strong>Дональд Норман</strong></p>
24 <p><strong>Дональд Норман</strong></p>
25 Посудомоечная машина LG сообщает, что посуда помыта. Представьте, каково это слышать по ночам<p>Если пользователь сделал что-то не так, он должен сразу это осознать, и у него должна быть возможность сразу всё исправить. Норман считает: если пользователя оставляют одного с его проблемами, значит, дизайнер плохо поработал над продуктом.</p>
25 Посудомоечная машина LG сообщает, что посуда помыта. Представьте, каково это слышать по ночам<p>Если пользователь сделал что-то не так, он должен сразу это осознать, и у него должна быть возможность сразу всё исправить. Норман считает: если пользователя оставляют одного с его проблемами, значит, дизайнер плохо поработал над продуктом.</p>
26 <p>Хороший способ предотвратить ошибку - добавить ограничители. Например, отверстия для жидкостей в автомобилях никогда не ставят рядом, иначе водители будут бесконечно ошибаться и заливать моторное масло в бензобак:</p>
26 <p>Хороший способ предотвратить ошибку - добавить ограничители. Например, отверстия для жидкостей в автомобилях никогда не ставят рядом, иначе водители будут бесконечно ошибаться и заливать моторное масло в бензобак:</p>
27 Моторное масло заливается в двигатель под капотом, а бензин - в бензобак в задней части машины. Благодаря этому водители не путают жидкости. Фото: Robert Couse-Baker / PxHere<p>Иногда бывает сложно понять, как вставить простую пальчиковую батарейку. Например, у геймпада Xbox One батарейки должны стоять по-разному, но слоты под них выглядят одинаково. На выпирающих контактах видны иконки с плюсом и минусом, но это только сбивает с толку - друг конвейер сломался и геймпаду достался сломанный отсек под батарейки?</p>
27 Моторное масло заливается в двигатель под капотом, а бензин - в бензобак в задней части машины. Благодаря этому водители не путают жидкости. Фото: Robert Couse-Baker / PxHere<p>Иногда бывает сложно понять, как вставить простую пальчиковую батарейку. Например, у геймпада Xbox One батарейки должны стоять по-разному, но слоты под них выглядят одинаково. На выпирающих контактах видны иконки с плюсом и минусом, но это только сбивает с толку - друг конвейер сломался и геймпаду достался сломанный отсек под батарейки?</p>
28 Слоты для батареек геймпада Xbox One. Батарейки должны стоять по-разному, но контакты для них выглядят одинаково. Автор статьи смотрел на это десять минут, прежде чем вставить батарейки правильно. Фото: Skillbox<p>Почему не сконструировать батарейку, с которой ошибиться будет невозможно: использовать физические ограничители таким образом, чтобы батарейка входила в гнездо только в одном положении. Или сконструировать батарейку и электрические контакты так, чтобы положение батарейки вообще не имело значения.</p>
28 Слоты для батареек геймпада Xbox One. Батарейки должны стоять по-разному, но контакты для них выглядят одинаково. Автор статьи смотрел на это десять минут, прежде чем вставить батарейки правильно. Фото: Skillbox<p>Почему не сконструировать батарейку, с которой ошибиться будет невозможно: использовать физические ограничители таким образом, чтобы батарейка входила в гнездо только в одном положении. Или сконструировать батарейку и электрические контакты так, чтобы положение батарейки вообще не имело значения.</p>
29 <p><strong>Дональд Норман</strong></p>
29 <p><strong>Дональд Норман</strong></p>
30 <p>Людям очень сложно привыкнуть к нововведениям в старых системах: условные договорённости нарушаются и приходится учиться чему-то новому. При этом достоинства новой системы никого не волнуют, важен только факт изменений.</p>
30 <p>Людям очень сложно привыкнуть к нововведениям в старых системах: условные договорённости нарушаются и приходится учиться чему-то новому. При этом достоинства новой системы никого не волнуют, важен только факт изменений.</p>
31 <p>Пример того, как сложно повлиять на привычки людей, - английская система измерений с дюймами и футами. Практически весь мир давно перешёл на метрическую систему с сантиметрами и метрами, но только США остались на английской.</p>
31 <p>Пример того, как сложно повлиять на привычки людей, - английская система измерений с дюймами и футами. Практически весь мир давно перешёл на метрическую систему с сантиметрами и метрами, но только США остались на английской.</p>
32 <p>Перемены слишком сильно расстраивают людей, которым приходится запоминать новую систему и закупать новые инструменты и измерительные приборы. Такие затраты кажутся чрезмерными. На самом же деле переучиться не так сложно, как люди думают, а инструменты стоят не так уж дорого, поскольку метрическую систему уже широко используют даже в Соединённых Штатах.</p>
32 <p>Перемены слишком сильно расстраивают людей, которым приходится запоминать новую систему и закупать новые инструменты и измерительные приборы. Такие затраты кажутся чрезмерными. На самом же деле переучиться не так сложно, как люди думают, а инструменты стоят не так уж дорого, поскольку метрическую систему уже широко используют даже в Соединённых Штатах.</p>
33 <p><strong>Дональд Норман</strong></p>
33 <p><strong>Дональд Норман</strong></p>
34 <p>Ещё один пример - интерфейс обычного лифта. Все знают, что выбирать этаж нужно в кабине, и в повседневной жизни эта договорённость не нарушается:</p>
34 <p>Ещё один пример - интерфейс обычного лифта. Все знают, что выбирать этаж нужно в кабине, и в повседневной жизни эта договорённость не нарушается:</p>
35 Обычный лифт с элементами управления внутри кабины. Фото: Derrick Treadwell / Unsplash<p>В зданиях с большим количеством этажей используют лифты с контролем пункта назначения. Система группирует пассажиров так, чтобы те, кто поднимаются на один и тот же этаж, поехали вместе. Благодаря такой системе нагрузка на лифты снижается, но у этого решения есть большая проблема - панель управления находится не в кабине, а в коридоре:</p>
35 Обычный лифт с элементами управления внутри кабины. Фото: Derrick Treadwell / Unsplash<p>В зданиях с большим количеством этажей используют лифты с контролем пункта назначения. Система группирует пассажиров так, чтобы те, кто поднимаются на один и тот же этаж, поехали вместе. Благодаря такой системе нагрузка на лифты снижается, но у этого решения есть большая проблема - панель управления находится не в кабине, а в коридоре:</p>
36 Лифты с панелями управления в коридоре. В кабинах они не дублируются. Фото: студия архитектурных вывесок<a>SignSource</a><p>Человек не сможет понять с первого раза, как работает этот лифт. Его не будет волновать эффективность и удобство - лифтовые договорённости нарушены, остальное не имеет значения.</p>
36 Лифты с панелями управления в коридоре. В кабинах они не дублируются. Фото: студия архитектурных вывесок<a>SignSource</a><p>Человек не сможет понять с первого раза, как работает этот лифт. Его не будет волновать эффективность и удобство - лифтовые договорённости нарушены, остальное не имеет значения.</p>
37 <p>Клавиатуры с раскладкой QWERTY встречаются везде и большинству людей даже в голову не приходит идея поменять их на что-то другое. Скорее всего, каждый день вы пользуетесь именно ей:</p>
37 <p>Клавиатуры с раскладкой QWERTY встречаются везде и большинству людей даже в голову не приходит идея поменять их на что-то другое. Скорее всего, каждый день вы пользуетесь именно ей:</p>
38 Раскладка клавиатур QWERTY. Изображение: Wikimedia Commons<p>У QWERTY есть альтернативы, одна из них - Dvorak, на которой печатать получается быстрее. Но переходить на новую раскладку никто не собирается: пользователям придётся переучиваться, а производителям налаживать производство клавиатур. Незначительное увеличение производительности не стоит таких больших затрат.</p>
38 Раскладка клавиатур QWERTY. Изображение: Wikimedia Commons<p>У QWERTY есть альтернативы, одна из них - Dvorak, на которой печатать получается быстрее. Но переходить на новую раскладку никто не собирается: пользователям придётся переучиваться, а производителям налаживать производство клавиатур. Незначительное увеличение производительности не стоит таких больших затрат.</p>
39 Раскладка клавиатур Dvorak. Изображение: Wikimedia Commons<p>В целом нужно стараться придерживаться единообразия. Если новый способ что-то делать лишь немногим лучше, чем старый, стоит придерживаться старого способа. Но если нужно что-то изменить, меняться должны все. Смешанные системы только всех путают. Если новый способ значительно лучше старого, то плюсы изменений перевешивают трудности, с ними связанные.</p>
39 Раскладка клавиатур Dvorak. Изображение: Wikimedia Commons<p>В целом нужно стараться придерживаться единообразия. Если новый способ что-то делать лишь немногим лучше, чем старый, стоит придерживаться старого способа. Но если нужно что-то изменить, меняться должны все. Смешанные системы только всех путают. Если новый способ значительно лучше старого, то плюсы изменений перевешивают трудности, с ними связанные.</p>
40 <p>Новое не обязательно означает "плохое". Если бы мы всегда держались за старое, мы бы не могли совершенствоваться.</p>
40 <p>Новое не обязательно означает "плохое". Если бы мы всегда держались за старое, мы бы не могли совершенствоваться.</p>
41 <p><strong>Дональд Норман</strong></p>
41 <p><strong>Дональд Норман</strong></p>
42 <p><strong>Больше книг для дизайнеров</strong></p>
42 <p><strong>Больше книг для дизайнеров</strong></p>
43 <a><b>Попробуйте бесплатно 4 топовые профессии в дизайне</b>Пройдите бесплатный курс по дизайну. Добавьте 4 крутых кейса в портфолио и решите, в каком направлении развиваться дальше. Пройти курс→</a>
43 <a><b>Попробуйте бесплатно 4 топовые профессии в дизайне</b>Пройдите бесплатный курс по дизайну. Добавьте 4 крутых кейса в портфолио и решите, в каком направлении развиваться дальше. Пройти курс→</a>