Паттерны дизайна взаимодействия
Interaction Design Patterns
Автор:
Источник:
Паттерн дизайна взаимодействия (Interaction design, ID) – универсальное решение часто повторяющейся проблемы в дизайне интерфейсов или в дизайне взаимодействия. В дизайне взаимодействия паттерн обычно состоит из следующих элементов:
- Проблема. Должна быть проблема, связанная с эксплуатацией системы и имеющая отношение к пользователям.
- Условия. Ситуации (зависящие от задач, пользователей и контекста) в которых проблема мешает достижению цели. Этот раздел в основном содержит описание ситуаций, в которых возникает проблема.
- Принципы. Паттерн, как правило, основывается на одном или нескольких принципах эргономики.
- Решение. Проверенное решение проблемы. Описывается только суть решения, дизайнер может сам выбрать конкретный способ его применения.
- Объяснение. Описание, как и почему паттерн работает. Обоснование и аргументация того, каким образом, паттерн влияет на удобство использования. Какие аспекты взаимодействия можно улучшить, а какие наоборот – могут пострадать.
- Примеры. Примеры показывают, как паттерн применяется в реальных системах.
- Реализация. Некоторые паттерны включают элементы реализации.
Использование паттернов в web-дизайне
An Introduction to Using Patterns in Web Designs
Автор: Ryan Singer
Источник:
Самая большая проблема для web-дизайнера состоит в том, что существует огромное количество вариантов решения любой задачи. Обычно мы об этом не задумываемся и выбираем решение, основываясь на своих привычках и предыдущем опыте.
Однако, существует более эффективный способ поиска хороших решений, чем угадывание или перебор. Чтобы создавать лучшие сайты – сайты, которые будут функциональными, красивыми и удобными в использовании – нам нужно разделить проблему дизайна на небольшие, независимые проблемы, соотносящиеся с реальными потребностями пользователей. Кристофер Александр, придумавший этот метод, называет их паттернами.
Я собираюсь показать, как используя паттерны можно обойти собственные привычки и получить более эффективное дизайнерское решение.
Паттерны дизайна для счастливых пользователей
5 Web Design Patterns for Happy Users
Источник:
Мгновенная обратная связь
Ели поле нуждается в валидации (например, при заполнении формы «Новый пользователь» нужно проверять, не занято ли имя), его необходимо проверять немедленно после того, как пользователь его заполнил. Большинство форм используют старое соглашение, отправляя пользователя на отдельную страницу, сообщающую, что «Извините, но вы неправильно заполнили это, это и это поле. Вернитесь и заполните их еще раз». Все это сбивает пользователя и ему может надоесть заполнять форму. На картинке выше показано, как может выглядеть мгновенная обратная связь.