Красиво не всегда удобно, а удобно не всегда красиво. Создавая любую вещь, ее создатель должен заботиться как о красоте, так и о практичности использования. Это не всегда легко. Но общее удобство для пользователя можно выразить в 10 правилах.
1. ВИДИМОСТЬ СОСТОЯНИЯ СИСТЕМЫ
Система должна всегда информировать пользователей о том, что происходит, посредством соответствующей обратной связи. Визуальные знаки, такие как изменение цвета кнопки, индикатор загрузки или анимация значка, могут помочь пользователю понять, что происходит, и предотвратить другие ненужные взаимодействия.
2. СООТВЕТСТВИЕ МЕЖДУ СИСТЕМОЙ И РЕАЛЬНЫМ МИРОМ
Система должна говорить на языке пользователей со словами, фразами и понятиями, знакомыми пользователю, а не терминами, ориентированными на систему. Следуйте принятым в реальном мире правилам, чтобы информация отображалась в естественном и логичном порядке. Люди подходят к каждой новой системе, имея в виду ментальную модель. Другими словами, люди предполагают, как может работать система, основываясь на своем опыте работы с другими подобными системами. Используя язык, с которым они знакомы, вы можете помочь пользователям преодолеть первоначальную неловкость.
3. ПОЛЬЗОВАТЕЛЬСКИЙ КОНТРОЛЬ И СВОБОДА
Пользователи часто выбирают системные функции по ошибке, и им потребуется четко обозначенный «аварийный выход», чтобы выйти из нежелательного состояния без необходимости проходить длинный путь. Люди часто взаимодействуют с системой в спешке, и зачастую они даже не сконцентрированы. Это приводит к ошибочные кликам или ненужным переходам, которые могут вводить в замешательство. Каждая система должна иметь четко обозначенный механизм «аварийного выхода», который обеспечивает пользователям легкий путь назад после того, как они окажутся в нежелательном состоянии.
4. ПОСЛЕДОВАТЕЛЬНОСТЬ И СТАНДАРТЫ
Пользователи не должны задаваться вопросом, означают ли разные слова, ситуации или действия одно и то же. Пидерживайтесь общепринятых стандартов впределах платформы.
5. ПРЕДОТВРАЩЕНИЕ ОШИБОК
Лучше, чем хорошие сообщения об ошибках, является тщательный дизайн, который в первую очередь предотвращает возникновение ошибок. Помочь с этим может система подсказок.
Используйте ограничения, которые не позволяют пользователю установить неправильное значение (например, когда вы ожидаете число, не разрешайте писать буквы), предложите наиболее распространенные варианты, чтобы облегчить пользователям выбор (например, при поиске), или использовать диалоги подтверждения перед деструктивными действиями. Используйте четкую коммуникацию и согласованную систему дизайна, чтобы предотвратить ошибки.
6. УЗНАВАНИЕ ВМЕСТО ПРИПОМИНАНИЯ
Минимизируйте нагрузку на память пользователя, делая объекты, действия и параметры видимыми. Пользователь не должен запоминать информацию из одной части диалога для использования ее в другой. Инструкции по использованию системы должны быть видны или легко доступны, когда это необходимо. Хороший пользовательский интерфейс не требует от пользователя частого повторения. Вместо этого он предлагает все варианты и информацию, необходимую для выбора. Гораздо проще быстро просмотреть значки или текстовое меню и выбрать нужную функцию, чем пытаться вспомнить ее по памяти, а затем записать в какой-нибудь терминалоподобный текстовый интерфейс. Дайте пользователям подсказки для запоминания информации и добавьте значок рядом с названием функции или используйте определенный цвет для связанных функций.
7. ГИБКОСТЬ И ЭФФЕКТИВНОСТЬ ИСПОЛЬЗОВАНИЯ
Ускорители, незаметные для начинающего пользователя, часто могут ускорить взаимодействие для опытного пользователя, так что система может обслуживать как неопытных, так и опытных пользователей. Разрешайте пользователям настраивать частые действия. Наведите порядок на экране и упростите навигацию по приложению. Приложение всегда должно отображать только соответствующие элементы пользовательского интерфейса и команды.
Не забывайте о профессионалах и продвинутых пользователях в целом! Опытные пользователи могут оценить расширенные параметры, ярлыки или даже расширяемость и настройку интерфейса приложения.
8. ЭСТЕТИЧНЫЙ И МИНИМАЛИСТИЧНЫЙ ДИЗАЙН
Интерфейсы не должны содержать информацию, которая не относится к делу или редко нужна. Каждая дополнительная единица информации в интерфейсе конкурирует с соответствующими единицами информации и уменьшает их относительную видимость. Минимализм — это не только мода последних нескольких лет, но и, безусловно, устойчивая тенденция, цель которой — свести описание предмета только к его необходимым элементам. Минимализм помогает пользователям быстро получать доступ к важной информации и быстро приходить к результату. Для того, что бы оптимизировать опыт пользователя иногда необходимо провести полный или частичный редизайн сайта.
9. ПОМОГИТЕ ПОЛЬЗОВАТЕЛЯМ РАСПОЗНАВАТЬ, ДИАГНОСТИРОВАТЬ И ИСПРАВЛЯТЬ ОШИБКИ
Сообщения об ошибках должны быть выражены простым языком (без кодов), точно указывать на проблему и конструктивно предлагать решение. Ошибки и проблемы любого рода могут разочаровать пользователя. Чтобы свести к минимуму разочарование, мы должны приложить столько же усилий к разработке взаимодействия с ошибками, сколько мы вложили в остальную часть системы. Каждое сообщение об ошибке должно быть максимально явным и точным. Дайте пользователю конструктивный совет, что делать дальше. Предложите решение или направьте пользователя к сотруднику службы поддержки, который сможет разобраться в ситуации. Последнее правило хороших сообщений об ошибках — вежливость.
10. ПОМОЩЬ И ДОКУМЕНТАЦИЯ
Даже если системой можно пользоваться без документации, может потребоваться помощь и документация. Любая такая информация должна быть удобной для поиска, ориентированной на задачу пользователя, содержать перечень конкретных шагов, которые необходимо выполнить, и не быть слишком большой. Документация должна быть хорошо структурирована, написана человеческим языком и минималистична. Иногда пользователям не нужно много документации; достаточно простой инструкции, показывающей, как работает новая функция, или краткого руководства по адаптации, объясняющего основы.
Источники
https://uxdesign.cc/10-usability-heuristics-every-designer-should-know-129b9779ac53
https://www.nngroup.com/articles/ten-usability-heuristics