Сложность простоты в UI/UX-дизайне

Когда пользователи говорят "простой", они имеют в виду нечто невероятно простое в использовании. Но простота использования не равна простоте создания, и в этом заключается основная сложность простоты.

Но, несмотря на все сложности, многие компании решают сделать дизайн простоты одним из своих главных приоритетов. Почему? Возможно, потому, что они понимают роль психологии в UX-дизайне.

Почему людям нужна простота?

Поведение человека играет важную роль в процессе проектирования. Людям нужна простота, потому что они каждый день в своей жизни сталкиваются с основными законами UX.

Убедитесь в этом сами. Вспомните эмблему Олимпийских игр. Как вы можете его описать?

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

Это называется законом Prägnanz, краеугольным камнем гештальт-законов группировки. Он говорит о том, что человеческому глазу нравится находить порядок и простоту в сложных формах и превращать их в единые фигуры. Это происходит потому, что наш мозг стремится не перегружать нас информацией.

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

А вот еще несколько доказательств того, что человеческий мозг стремится к простоте в сложности.

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

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

Согласно закону Хика, количество вариантов, которыми располагает человек, влияет на то, сколько времени ему потребуется для принятия определенного решения. Чем больше вариантов, тем больше времени требуется для выполнения действия. Таким образом, если вы хотите упростить свое приложение, применяя этот принцип, ограничьте количество вариантов, которые вы предлагаете пользователям (например, количество пунктов в строке меню).
Правило пик-энд утверждает, что в памяти человека сохраняются только самые сильные положительные или отрицательные моменты и результат, который мы получили от определенного опыта (а не весь опыт). Поэтому, разрабатывая сложный продукт, постарайтесь сделать так, чтобы пользователь забыл о тех действиях, которые требуют от него много времени и усилий.
Закон Теслера гласит, что каждое приложение/продукт/программное обеспечение имеет определенный уровень сложности, который не может быть уменьшен и, следовательно, должен решаться либо разработчиком/проектировщиком, либо пользователем.

Ларри Теслер, исследователь этого закона, утверждал, что сложность не исчезает, а скорее перемещается из одной области в другую. Поэтому, если вы решите упростить приложение для пользователей, эта сложность неизбежно перейдет к разработчикам/дизайнерам. Тщательно продумайте, в какой степени сложность должна передаваться от пользователей к разработчикам, а в какой - наоборот.

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

Принципы простоты в UI/UX-дизайне

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

Продукты должны быть ориентированы на ценность

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

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

Например, если главная страница Yahoo предлагает посетителям множество различных функций (многие из которых могут быть неактуальны и отвлекать пользователей от основной цели), то Google использует чистый пользовательский интерфейс, чтобы сосредоточить внимание пользователей только на одной основной цели - поиске.

Если есть сомнения, просто удалите

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

Устраните необходимость выбора, если он не требуется

Принятие любого решения требует времени и усилий. Когда пользователю приходится делать слишком большой выбор, это создает дополнительную когнитивную нагрузку, заставляя его выполнять работу, которую он предпочел бы не делать (вспомним закон Хика, о котором мы говорили в начале статьи). Поэтому, чтобы облегчить работу пользователей, поддерживайте быстрое принятие решений.

Направляйте и помогайте пользователям

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

Соответствуйте ожиданиям пользователей

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

Чтобы помочь пользователям быстрее адаптироваться к новому интерфейсу и сосредоточиться на главном, применяйте общепринятые UX-шаблоны и ограничивайте количество креативных дизайнерских инноваций.

Например, обозначение в виде трех точек обычно указывает на то, что при нажатии на них доступны дополнительные опции.

Выберите правильный метод визуализации данных

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

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

Показывайте пользователям, на каком этапе процесса они находятся.

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

Акцентируйте внимание пользователей на важных элементах

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

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

Создайте иерархию с помощью типографики

Возможно, вы уже слышали, что большинство пользователей не читают. Это правда, но читабельность UX все равно важна при проектировании простоты.

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

Группируйте компоненты, которые связаны между собой

Если вы помните закон Prägnanz, о котором мы говорили здесь, то должны помнить, что мозг человека воспринимает визуальные объекты как единую форму (а не отдельные компоненты). Поэтому пользователям гораздо проще иметь дело с несколькими группами контента, чем с множеством не связанных между собой элементов.

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

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

Похоже, что простой дизайн создать не так-то просто. Кроме того, нельзя просто применить эти принципы, не разобравшись в идее продукта, не проведя соответствующего планирования и исследований. Вот как дизайн простоты выглядит в реальной жизни.

Но что же на самом деле стоит за этим простым UI/UX-дизайном?

Детальное исследование пользователей для выявления истинных потребностей целевой аудитории.
Конкурентный анализ и сравнительные исследования для оценки сильных и слабых сторон конкурентов и, исходя из полученных результатов, определения уникального ценностного предложения.
Исследование рынка для понимания юридических ограничений, связанных с предоставлением финансовых консультаций в Великобритании, и выработки идей по адаптации приложения к существующим правилам.
Приоритезация функций для правильного определения минимального набора работоспособных функций.
Wireframing - продумывание и визуализация последовательной структуры платформы в соответствии с видением продукта.
A/B-тестирование для определения того, какой из нескольких вариантов экрана в наибольшей степени отвечает ожиданиям и потребностям пользователей и станет будущим MVP.
Прототипирование для представления готового дизайна платформы со структурой, функциями, контентом и визуальными компонентами.
Постоянная связь через Slack и регулярные видеозвонки два раза в неделю для обсуждения хода разработки и результатов.

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

Когда приложение достигнет той стадии, когда можно представить что-то наглядное, например эскиз, каркас или макет, покажите его пользователям, чтобы получить их отзывы. Внимательно проанализируйте их отзывы и будьте готовы к итерациям. И помните, что за каждым простым продуктом всегда стоит большой труд.

См. также: Разработка ПО, Жизненный цикл разработки программного обеспечения, практическое руководство.