Советы по пользовательскому интерфейсу — 7 важных вопросов

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

Степень оптимизации SEO, уровень взаимодействия с пользователем , валидность кода в соответствии с рекомендациями W3C и т.д. И т.д.

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

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

Я приглашаю вас прочитать.

Советы по пользовательскому интерфейсу – 7 советов

1. Знай, кому ты направляешь свой сайт.

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

О чем мы говорим?

О создании сайтов на свой вкус.

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

Половина бедности, если бы это была личная страница. Тем не менее, это интернет-магазин.

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

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

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

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

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

2. Предотвращать ошибочные действия.

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

Поэтому, где бы пользователь ни допустил ошибку, это следует предотвратить.

Я говорю, например, о форме обратной связи .

Если в нем есть поле «номер телефона», то пользователь должен иметь возможность вводить только цифры.

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

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

3. Помните, что размер и размещение имеют значение.

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

Обратите внимание, как кнопка быстрой цитаты размещается на нашем сайте.

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

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

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

4. Поощряйте действия через четкое сообщение.

Принцип очень прост здесь.

Вы предлагаете определенный спектр услуг? Четко покажите это, чтобы посетители увидели, что вы делаете, как можно скорее.

Пользователь пропустил поле в форме? Покажите ему конкретно, какое поле он имеет в виду и как правильно его заполнить.

У вас есть несколько вариантов контактов? Перечислите их все, четко указав каждый из них. Более того, делайте телефонные номера тактильными на мобильных устройствах, чтобы их можно было набирать сразу через номеронабиратель .

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

Все сводится к ясности.

Если мы выполняем какие-либо действия в сети, мы хотим выполнить их быстро и без препятствий. То же самое относится и к поиску информации – мы хотим найти ее эффективно.

5. Действовать по схемам.

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

Кнопка поиска информации должна иметь текстовую метку (типа «Поиск») или – если вы хотите вставить символ – значок увеличительного стекла.

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

Это «ароматы». В частности, чтобы не удивлять пользователей необычными решениями на основе «потому что да».

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

6. Старайтесь не заставлять себя.

Я знаю, что многие владельцы сайтов так или иначе склонны нарушать схемы. Делай что-то другое, как-то необычно.

Хорошо, никто не говорит вам идти со всем мейнстримом. Однако во многих случаях это не стоит сочетать.

Я знаю сайт с несколькими прайс-листами. Но это, например, не 3 или 4 прайс-листа. Их 8

Да восемь.

Кроме того, все видно рядом друг с другом, в ряд. Имея много стихов, где многие из них повторяются во всех пакетах.

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

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

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

7. Регулярно проверяйте статистику.

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

Там, где это имеет смысл, внедряйте аналитические системы. Пусть даже это будет только Google Analytics.

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

Советы по пользовательскому интерфейсу – опубликовать резюме

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

Помните, что от их успеха зависит, будет ли ваше предприятие успешным.

Если пользователи не любят сайт и не преследуют ваши цели, это будет плохо.

Поэтому всегда имейте их потребности в первую очередь.

Статья была переведена для сайта inform.click
Источник: mobiletry.com