✨ ПРО ПРИНЦИПЫ ПРОЕКТИРОВАНИЯ ИНТЕРФЕЙСА ✨

Пользователи любого ПО — это, в первую очередь, люди.
Независимо от профессии и уровня компьютерной грамотности людям свойственны определённое поведение и особенности восприятия информации.

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

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

Существует семь основных принципов проектирования интерфейсов.
Далее подробнее о каждом из них, не переключайтесь 😉

#hardGetAnalyst

Итак, разберём первые три принципа проектирования интерфейсов.


1️⃣ ПРЕДСКАЗУЕМОСТЬ

Интерфейс должен быть предсказуемым и привычным. У большинства пользователей уже есть опыт взаимодействия с другим ПО. Если новый интерфейс потребует много усилий, чтобы научиться с ним работать, это не принесёт пользователю удовлетворения.
Иными словами, не заставляйте пользователя слишком много думать о том, как выполнить задачу в вашем ПО. Пусть выполнение действий будет понятным интуитивно, а сигналы на экране считаются пользователями однозначно.

Пример:
Принцип светофора, где зелёный цвет сообщений уведомляет об успехе операции, а красный – об ошибке.
Эти сигналы считываются интуитивно, поэтому не стоит менять их значения в рамках своего ПО.


2️⃣ KISS

KISS (сокр. от англ. Keep It Simple and Straightforward или Keep It Short and Simple) — «делай просто и понятно».
Проектной команде необходимо бороться с желанием продемонстрировать все возможности ПО в одном месте. В противном случае придётся поплатиться пониманием пользователя того, куда жать, а куда – нет.

Этот принцип сообщает: «лучше меньше, да лучше!». Эдакий минимализм в интерфейсе, который покрывает все пользовательские задачи без перегруза.


3️⃣ ЗАКОН ФИТТСА

Закон Фиттса гласит:
«Чем меньше цель и больше расстояние до неё, тем больше времени требуется, чтобы попасть в цель».

В контексте интерфейса этот закон можно трактовать так:
Чем меньше и дальше необходимый объект интерфейса, тем больше времени потратит пользователь на выполнение задачи.
И тем выше будет его раздражение, кстати 😅

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


Остальные четыре принципа совсем скоро ⏩⏩⏩

4️⃣ ТЕРПИМОСТЬ К ОШИБКАМ

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

Например:
- созданный интерфейс непривычен для пользователя — он случайно нажимает не ту кнопку;
- пользователь ошибся при вводе данных — то есть непреднамеренно совершил ошибку;
- в системе произошла ошибка и интерфейс сообщает об этом пользователю.

Ошибки в системе бывают, но важно, чтобы интерфейс пояснял пользователю, что случилось и как с этим быть, помогал избегать ошибок в дальнейшем.

Популярный пример соблюдения терпимости (толерантности) к ошибкам — это возможность трижды ввести пароль в технике Apple, прежде чем девайс заблокируется. Или возможность трижды ввести ПИН-код банковской карты перед её блокировкой.


5️⃣ ИЕРАРХИЯ И ГРУППИРОВКА

Хороший интерфейс не заставляет пользователя блуждать в поисках нужной информации или способа решения задачи. Именно поэтому хорошим решением будет объедянять связанные элементы в группы или структуры. Так, например, работает навигация внутри ПО.

Несколько рекомендаций по группировке элементов интерфейса:
📌 Группируйте важные элементы, чтобы облегчить их поиск.
📌 Чем важнее информация, тем больше места в интерфейсе она должна занимать.
📌 Не пренебрегайте выравниванием элементов (по левому, правому краю или по центру) — это создаёт ощущение порядка и организованности. Пользователь будет избегать ПО, которое создаёт у него ощущение хаоса.


6️⃣ПОДДЕРЖКА КОНТЕКСТА

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

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


7️⃣ ЭСТЕТИКА

Если интерфейс хорошо решает задачи, пользователь будет доволен.
А если интерфейс при этом ещё и красивый, пользователь полюбит пользоваться ПО.

Интерфейс можно считать эстетичным, если в нём соблюдаются графические принципы, такие как контрастность, типографика, баланс информации и другие. Создание эстетичного интерфейса — это зона ответственности UI-дизайнера. При этом вся команда разработки, включая аналитика, должна понимать важность эстетики при создании ПО.

В новогодних корпоративах оно ведь как: прийти и уйти надо вовремя 🤣

Ребят, команда GetAnalyst желает вам продуктивного завершения последней рабочей недели в этом году.
Вместе с вами подбиваем задачи, подводим итоги и готовимся шинковать салаты 🦹‍♀️🦸‍♂️🥷