Использование ментальных моделей в дизайне сайтов

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

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

Что это дает дизайнеру и разработчику?

Пользователи при посещении нового сайта используют привычки, полученные на других ресурсах. Цель UX-дизайнеров — создать такую страницу, которая будет интуитивно понятна.

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

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

Чем точнее мы понимаем взгляды и привычки пользователей, тем эффективнее будет сайт. А если вы делаете классные сайты, то и сами будете высоко цениться в отрасли. Смотрите другие секреты в онлайн-премьере «Как веб-дизайнеру зарабатывать много: тактика, фишки, нюансы».

Горе от ума

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

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

В идеале нужно проводить несколько этапов исследований:

• первичное – сбор данных о пользователях, их привычках и особенностях, анализ сайтов конкурентов;
• тест – проверка продукта на небольшой группе представителей ЦА до запуска;
• корректировка – наблюдение за запущенным продуктом, выявление сложных мест для посетителей и их оптимизация.

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

Когнитивный диссонанс

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

В случае несоответствия ментальной модели есть два выхода:

• внести изменения на основе ментальных моделей своей ЦА – если люди ищут какую-то функцию в левом углу экрана, перенесите ее именно туда;
• обучение – если внести изменения в структуру сайта нельзя, нужно показать посетителям более понятно и подробно что делать. Для этого используются не только подсказки, но и редактирование дизайна, расстановка приоритетов и веса некоторых элементов.

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

Страшное слово – скевоморфизм

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

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

Как делать обновления?

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

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

Про инновации и творчество

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

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

Опять же возникает вопрос – если делать максимально комфортно и привычно для пользователя, то будут ли все сайты одинаковыми? Нет, не будут. Вот три основных причины:

1. Каждый сайт решает определенную задачу и даже в одной нише всегда будут определенные различия в функционале.
2. До идеала далеко. Допустим, вы знаете, как выглядит самый удобный сайт в мире для вашей ЦА. Реализовать это иногда просто невозможно технически и с каждым годом появляются более подходящие инструменты и возможности для этого, которые нужно использовать.
3. Изменение ментальных моделей. Например, с появлением смартфонов ментальные модели колоссально изменились и смахивание стало предпочтительнее перелистыванию. А вы помните набор номера на дисковых стационарных телефонах? Никто не помнит, уже давно все нажимают кнопки, причем виртуальные.

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

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

Старайтесь дать ему желаемое и получите в ответ результат в виде высокой конверсии и прибыли. Присоединяйтесь к онлайн-коучингу «Веб-дизайнер: счастливый билет в Таиланд» – там мы откроем другие секреты грамотного UX/UI.

Подать заявку