Решён
Главные принципы интерактивного дизайна - что должен знать начинающий?

Катя В. UI/UX
1.6k
4

Учусь на UX/UI дизайнера, сейчас дошли до темы интерактивного дизайна. Преподаватель сказал "изучите основные принципы", но толком не объяснил какие именно.

Гуглил, везде разная инфа - у одних 5 принципов, у других 12. Запутался конкретно.

Можете объяснить какие главные принципы интерактивного дизайна реально важны на практике? Желательно с примерами, а то в теории все понятно, а как применять - не очень.

Решение
77
Эксперт • 1 ответ

Ключевые принципы интерактивного дизайна (базовые, которые встречаются во всех методологиях):

1. Affordance (Аффорданс)
Объект должен подсказывать как с ним взаимодействовать. Кнопка выглядит как кнопка (объемная, с тенью), ссылка подчеркнута или выделена цветом.

2. Feedback (Обратная связь)
Система должна реагировать на действия пользователя. Нажал кнопку - она изменила цвет, загрузка началась - показывай прогресс-бар, ошибка - покажи сообщение.

3. Consistency (Единообразие)
Одинаковые элементы работают одинаково во всем интерфейсе. Если крестик закрывает окно в одном месте, он должен делать то же в другом.

4. Mapping (Соответствие)
Связь между элементами управления и результатом должна быть очевидной. Классика - регуляторы на плите расположены так же как конфорки.

5. Constraints (Ограничения)
Дизайн должен предотвращать ошибки. Неактивная кнопка "Далее" пока не заполнены обязательные поля, блокировка ввода букв в поле для телефона.

Это основа. Остальное (visibility, forgiveness, simplicity) обычно являются производными или частными случаями этих пяти.

Аватар Катя В.

Огромное спасибо! Наконец то понятно и структурировано

47
Эксперт • 3 ответа

Добавлю к ответу выше.

В реальной работе самое важное - фидбек. Юзеры бесятся когда непонятно что происходит. Нажал кнопку оплаты - покажи спиннер. Долго грузится - покажи процент. Ошибка - напиши человеческим языком что не так.

90% проблем юзабилити из за того что дизайнер забыл про состояния: loading, error, empty state, success. Рисуют только хеппи-пас когда все ок.

27
Участник • 1 ответ

Почитай "Дизайн привычных вещей" Нормана. Там все эти принципы разжеваны с примерами из жизни (двери, чайники, плиты). После этой книги начинаешь замечать плохой дизайн везде вокруг))

18
Эксперт • 1 ответ

я когда учился тоже путался, потом понял что принципов куча но суть одна - юзер не должен думать

если человек открыл твой интерфейс и сразу понял куда нажимать и что делать значит ты хорошо спроектировал, если он тупит и ищет где кнопка значит ты накосячил

Написать ответ

Премодерация гостей

Вы отвечаете как гость. Ваш ответ будет скрыт до проверки модератором. Чтобы ответ появился сразу и вы получали репутацию — войдите в аккаунт.

Будьте вежливы и соблюдайте правила платформы.