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

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

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

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

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

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

1. Знайте, на кого ориентирован ваш веб-сайт.

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

Что это такое?

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

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

Если бы это был личный сайт, это было бы нормально. Однако это интернет-магазин.

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

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

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

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

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

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

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

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

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

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

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

3 Помните, что размер и расположение имеют значение.

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

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

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

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

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

4 Побуждайте к действию с помощью четкого послания.

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

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

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

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

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

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

5. Действуйте в соответствии с образцами.

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

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

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

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

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

6. старайтесь не объединяться насильно.дзеры не согласятся с вашим мнением.

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

Это нормально, никто не заставляет вас идти в ногу со всеми. Однако во многих случаях это не стоит совмещать.

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

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

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

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

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

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

И, наконец, клише, венчающее совет по пользовательскому интерфейсу.

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

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

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

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

Поэтому всегда держите их потребности на первом плане.