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><…> Если мы слышим слишком много сообщений, начинаем игнорировать их все или отключаем всё что можно. И это значит, что мы, скорее всего, пропустим действительно важные сообщения. Фидбэк - существенная вещь, но не тогда, когда он мешает всему остальному.</p>
23
<p><…> Если мы слышим слишком много сообщений, начинаем игнорировать их все или отключаем всё что можно. И это значит, что мы, скорее всего, пропустим действительно важные сообщения. Фидбэк - существенная вещь, но не тогда, когда он мешает всему остальному.</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>