Источник фото: сайт Дона Нормана

#классные_люди №6: Дон Норман

В рубрике Классные Люди я расскзаываю о вдохновляющих дизайнерах.

Дональд — очень крутой 80-летний дедуля. Профессор психологии, когнитивных и компьютерных наук. Учёный в области пользовательского опыта, классик промышленного и интерфейсного дизайна, автор книги «Дизайн привычных вещей» и термина пользовательский опыт (User Experience).

Посвятил свою жизнь изучению эргономичного дизайна. Сейчас возглавляет дизайн-лабораторию The Design Lab в университете Калифорнии. В 1993 устроился работать в Apple на должность «архитектор пользовательского опыта» и это было первое использование такого выражения в названии должности. Позже Норман стал вице-президентом в Apple.

Написал много книг. Наиболее интересна его книга 1988 года «Дизайн привычных вещей», из которой можно узнать, что такое ментальные модели.

Ментальные модели

В Книге Дон много пишет о психологии и наблюдает за людьми. Дон приводит в пример двери: если по ним непонятно, нужно ли их тянуть или толкать, процент ошибки возрастает до 50. Половина толкает, а половина тянет. При этом, не столь важно, сколько раз в день человек использует эту дверь. Пример с дверью стал настолько популярен, что появился термин «дверь Нормана». Это дверь, которую не удалось открыть с первого раза.

Пример из интерфейсов: Если ссылка в тексте никак не выделена, пользователь не будет на неё нажимать, поскольку в его ментальной модели нет ссылки, а есть сплошной текст.

Сколько раз ты пытался включить свет в гостях, тыкая на все выключатели подряд? Электрики, которые монтировали выключатели, не читали Нормана.

Качества хорошего UX-дизайна

1. Лёгкость исследования

2. Способность давать обратную связь

Итеративное проектирование

Процесс создания такого дизайна итеративен: мы наблюдаем за пользователями, затем у нас появляются идеи, как улучшить дизайн-решения. Чтобы наблюдать, не обязательно использовать реальный продукт, достаточно делать прототипы и тестировать их. Довольно часто мы делаем ошибочные выводы, но ошибки понятны на следующих итерациях.

Естественное соответствие

Пример: расположение выключателей света или ручек на кухонных плитах. Производители плит по всему миру практически всегда делают ручки в ряд. Без маркировки невозможно понять, какая ручка соответствует какой конфорке. Если расположить их так же, как расположены конфорки, никакие подписи будут не нужны, потому что пользователь будет сразу строить верную ментальную модель.

Естественное соответствие в действии: в дизайне справа конфорки выстроены в ряд. Сразу определить, какая конфорка за какую ручку отвечает не очень просто. В дизайне справа ручки выстраиваются в ту же форму, что и конфорки. Маркировка больше не нужна. Если на плите четыре конфорки и ручки стоят в ряд, без подписей вообще невозможно понять какую ручку нужно крутить.

Уровни взаимодействия

В лекции на TED Норман рассказывает об уровнях взаимодействия с дизайном:

1. Телесный

2. Поведенческий

3. Эмоциональный

4. Рефлексивный


Курс Intro to the Design of Everyday Things


Я веду телеграм-канал Скетч-дизайнер, в котором пишу о дизайне интерфейсов в Скетче, анимации и дизайн-системах. Выпускаю статьи и бесплатные видеоуроки для диджитал-дизайнеров. Показываю много горячих клавиш и плагинов.

/designer

Вышла книга про Фигму.

Саша Окунев

Written by

Дизайнер интерфейсов в Ozon. Ex-Газпромбанк. Веду канал и сайт slashdesigner.ru.

/designer

/designer

Вышла книга про Фигму. Правильный блог для современного дизайнера интерфейсов.

Саша Окунев

Written by

Дизайнер интерфейсов в Ozon. Ex-Газпромбанк. Веду канал и сайт slashdesigner.ru.

/designer

/designer

Вышла книга про Фигму. Правильный блог для современного дизайнера интерфейсов.

Welcome to a place where words matter. On Medium, smart voices and original ideas take center stage - with no ads in sight. Watch
Follow all the topics you care about, and we’ll deliver the best stories for you to your homepage and inbox. Explore
Get unlimited access to the best stories on Medium — and support writers while you’re at it. Just $5/month. Upgrade

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store