Что такое непростые интерфейсы и как их правильно проектировать?
Сегодня поговорим о принципах создания сложных систем, сформулированных создателями принципов юзабилити – Nielsen Norman Group.
К сложным интерфейсам относятся научно-исследовательские и медицинские проекты, аналитические финансовые системы, программы для управления научным или даже военным оборудованием и пр.
Общие характеристики таких систем:
- управление большими базами данных;
- наличие задач с неизвестными/переменными величинами;
- множество ролей пользователей;
- управление процессом предотвращения ошибок.
Есть 8 базовых принципов дизайна таких интерфейсов.
1. Обучайте пользователя в процессе
Разрешите приступить к работе немедленно, позволив ознакомиться с особенностями интерфейса позже. Однако сообщайте пользователю о результате, к которому приведет запуск той или иной операции.
2. Помогайте стать экспертом в работе с интерфейсом
Пользователи годами используют привычные паттерны в рутинных задачах. Встраивайте подсказки, которые ускоряют работу и показывают потенциал инструмента.
3. Продумайте гибкий способ взаимодействия
Предоставьте гибкость в решении поставленных задач. Избегайте жестких, линейных рабочих процессов без особой необходимости. Разрешите пропуск необязательных шагов, возврат к началу или переход к финальному этапу без потери достигнутого прогресса.
4. Разрешайте отслеживать действия и этапы работы
Создайте возможность оставлять заметки, комментарии или вести дневник наблюдений. Это позволит быстро вникнуть в суть проблемы даже после длительного перерыва от процесса.
5. Спроектируйте взаимодействие со сторонними приложениями
Часто пользователям приходится оперировать несколькими инструментами в процессе деятельности. Создайте эффективный переход между ними. Например, продумайте точки входа в другое приложение, экспорт и импорт данных из каждой среды.
6. Минимизируйте хаос
Подумайте над удобством поиска и системой фильтров. Поэтапное раскрытие информации, при котором параметры отображаются только в том случае, если связаны с выполняемой задачей — это один из способов уменьшить хаос.
7. Создайте информационную иерархию
Отделите важную информацию от вторичной. Предоставьте возможность просмотра дополнительной информации в рамках текущего экрана или приложения. Например, расположите некритичные данные во всплывающем окне при наведении.
8. Визуально выделяйте критичные данные
Облегчите работу с интерфейсом, делая важные элементы визуально заметными. Это может быть выделение цветом, использование инфографики или даже скрытие вторичной, менее важной информации.
Следуйте этим принципам в вашем дизайне и пользуйтесь заслуженной благодарностью пользователей.
С полной версией можете ознакомиться на сайте Nielsen Norman Group.
