Содержание
Последовательность важна для снижения когнитивной нагрузки вашего интерфейса. Когда ваш дизайн единообразен, каждое взаимодействие кажется плавным и плавным. Когда это слишком непоследовательно, пользователь должен прилагать ненужные усилия.
Но последовательность в дизайне взаимодействия немного более специфична, чем простое повторение одних и тех же вещей снова и снова - есть определенные виды согласованности и определенные области, в которых согласованность более важна, чем другие.
Вдобавок, повторение одних и тех же вещей снова и снова приведет к скучному, однообразному дизайну. Вам нужно знать, когда нарушить последовательность, чтобы не привести к хаосу в дизайне. Ключевым моментом, как это часто бывает в дизайне, является баланс.
В этой статье мы подробно рассмотрим, что означает согласованность для веб-дизайна, почему это важно, и опишем, как соответствовать ожиданиям пользователей (внешняя согласованность).
Почему последовательность так важна
Дизайн взаимодействия зависит от обучаемости вашей системы.
Проще говоря, когда пользовательский интерфейс работает согласованным образом, он становится предсказуемым (в хорошем смысле), что означает, что пользователи могут понять, как использовать определенные функции интуитивно и без инструкций.
Это упрощает использование продукта, что является ступенькой к тому, чтобы сделать его более желанным. И наоборот, когда пользовательский интерфейс непоследователен, он затрудняет обучаемость, провоцирует разочарование пользователя и приводит к плохому восприятию.
Но согласованность не ограничивается только внешним видом и поведением вашего интерфейса.
Ваши пользователи не проводят все свое время только с вашим продуктом - большую часть своего времени они проводят в других продуктах, и все время они генерируют идеи и ожидания из этого другого опыта. Так что, если вы согласны с этим внешним опытом, обучаемость вашего пользовательского интерфейса повысится без каких-либо дополнительных усилий с вашей стороны.
Наименьшее удивление
В случае сомнений обратитесь к принципу наименьшего удивления. Приятные сюрпризы - это нормально (например, как MailChimp удивляет пользователей юмором и весельем), но ваши основные функции не должны отклоняться слишком далеко от нормы.
Отзыв - это не то же самое, что проверить. Видео не следует принимать за изображения. Не позволяйте кнопкам основных действий появляться только при наведении курсора.
Фактически, если вы все еще сомневаетесь в природе согласованности в цифровом дизайне, рекомендации Apple по работе с людьми для iOS довольно хорошо обобщают стандарты согласованности для своих приложений. По их собственным словам ...
- Соответствует ли приложение стандартам iOS? Правильно ли используются системные элементы управления, представления и значки? Включает ли он функции устройства так, как ожидают пользователи? "
- Согласовано ли приложение внутри себя? Используется ли в тексте единая терминология и стиль? Всегда ли одни и те же значки означают одно и то же? Могут ли люди предсказать, что произойдет, если они выполнят одно и то же действие в разных местах? Пользовательские элементы пользовательского интерфейса выглядят и ведут себя одинаково во всем приложении?
- В пределах разумного, соответствует ли приложение своим более ранним версиям? Остались ли термины и значения такими же? Не изменились ли по существу основные концепции и основные функции? "
Исходя из того, что мы обсуждали выше, мы можем разделить согласованность дизайна на две категории: внешнюю и внутреннюю согласованность. Внешний относится к согласованности вашего пользовательского интерфейса с другими продуктами, а внутренний - к его согласованности внутри себя. Давайте посмотрим на некоторые из лучших практик, которые мы обсуждаем в статье «Согласованность в дизайне пользовательского интерфейса».
Внешняя согласованность
Внешняя согласованность - это не только то, насколько ваш продукт согласован с другими аналогичными продуктами, она может относиться к его согласованности со всеми продуктами на вашей платформе, всем программным обеспечением в целом и даже нецифровыми взаимодействиями в реальном мире.
Так почему же так важна внешняя согласованность? В общем, речь идет об удовлетворении ожиданий пользователей.
Чтобы создать дизайн, соответствующий тому, что ожидает ваш пользователь, вы должны сначала понять, какие идеи они приносят с собой, прежде чем они даже начнут использовать ваш сайт или приложение. Это концепция, которую эксперт по юзабилити Джаред Спул называет современными знаниями.
На текущие знания ваших пользователей влияют многие внешние факторы, начиная от последнего сайта, который они использовали, до надуманных ожиданий от их любимого научно-фантастического фильма. Не волнуйтесь - по большей части ожидания ваших пользователей оправданы.
Дизайн, основанный на том, что ваши пользователи уже знают, - не новая концепция. Эта идея существовала в течение многих лет, превратившись в общепринятые дизайнерские соглашения, которые сегодня можно встретить практически в любом приложении или на веб-сайте.
Карусель изображений, значок конверта, представляющий электронную почту, щелчок по логотипу сайта для возврата на домашнюю страницу… все это называется шаблонами пользовательского интерфейса.
Следующая страница: использование шаблонов пользовательского интерфейса, чего следует избегать и что нужно делать дальше ...
