Блог о Digital маркетинге

Мы собираем для вас полезную информацию на тему продвижения бизнеса

10 самых частых ошибок при создании веб-дизайна

23 августа 2016
3024
10-samyix-chastyix-oshibok-pri-sozdanii-veb-dizajna

Про ошибки в дизайне интернет-сайтов говорилось уже довольно много. Судя по новым сайтам в сети, количество различных несоответствий не уменьшается, и основная их часть всё та же. Список 10 наиболее частых ошибок, разработанный ещё в 2007 году Якобом Нильсеном, практически не претерпел изменений:

ОШИБКА №1
Плохая читаемость.
По-прежнему большинство людей жалуются на слишком мелкий шрифт, а также на малый контраст между фоном сайта и цветом шрифта. Всё те же две трети людей жалуются на неудобный для чтения мелкий текст, и одна треть - на сливающиеся с фоном буквы.

ОШИБКА №2
Нестандартность ссылок.
Ссылка является важнейшим элементом веб-коммуникаций. Если нарушить её привычную работу, то пользователи начинают путаться, что в свою очередь затрудняет им работу с сайтом. Для предотвращения подобных ситуаций достаточно следовать нескольким рекомендациям:
- чётко отмечать ссылку на странице;
- не скрывать посещённые ссылки;
- объяснить преимущества перехода по данной ссылке;
- избегать применения JavaScript и других подобных ухищрений;
- не открывать страницы в новых окнах.

ОШИБКА №3
Слишком частое применение Flash.
С помощью Flash возможно предоставить пользователю удобный интерфейс. Однако чрезмерное его применение раздражает пользователя. Нередко бывает, что из-за Flash на странице столько мельканий, что глазам сложно считывать информацию. Навигация на основе Flash также часто является ошибкой, так как людям привычнее предсказуемая навигация и статическое меню.

ОШИБКА №4
Контент, не приспособленный специально для Web-страниц.
Текст, расположенный на странице, должен быть:
- достаточно коротким;
- удобным для просмотра;
- доступным для понимания;
- полностью соответствующим теме;
- отвечающим на вопросы пользователей;
- с минимальным количеством специальных терминов;
- без рекламного "шума".

ОШИБКА №5
Некачественный поиск.
Поиск является основным компонентом работы пользователя с сайтом, и его значимость с каждым годом всё выше и выше. Исправление поиска требует значительных усилий и затрат на высококачественное поисковое программное обеспечение. Но эти затраты окупаются, тем более когда работы проводятся в комплексе. 

ОШИБКА №6
Плохая совместимость с различными браузерами и устройствами.
Большинство сайтов сегодня изготавливается под браузер Google Chrome и его аналоги. Исходя из результатов рейтингов, это семейство браузеров используется подавляющим числом пользователей. Однако, довольно широк круг и тех, кто в силу привычки или других причин пользуется браузерами на другой платформе. Неверное отображение конкретного сайта в этих браузерах только отталкивает пользователей от навигации на данном веб-ресурсе. То же можно сказать и о различных устройствах, от стационарных до мобильных, используемых для интернет-серфинга. 

ОШИБКА №7
Громоздкость форм.
Всевозможные формы слишком часто используются на сайтах, и в большинстве случаев они слишком большие, с множеством излишних вопросов и вариантов. Если формы использовать так уж необходимо, то сделать сайт более удобным можно с помощью:
- удаления всех лишних вопросов, с оставлением только самых нужных полей;
- поддержки функции автозаполнения браузера;
- автоматической установки курсора на первом поле формы;
- обеспечения поддержки ввода формата цифровых значений контактных, кредитных и других данных.
Особенно стоит учесть фактор соблюдения особенностей интернационализации, так как ввод некоторых данных, к примеру, почтового кода, в разных странах имеет различное количество цифр.

ОШИБКА №8
Отсутствие контактной и прочей информации о владельце сайта.
В качестве контактной информации наиболее часто запрашивается телефонный номер. Кроме того, в некоторых случаях общение удобно вести посредством различных месенджеров или электронной почты. Отсутствие этих минимальных данных снижает уровень доверия посетителей к данному ресурсу. Для корпоративных интернет-представительств рекомендуется и обязательное наличие почтового адреса, а также, по возможности, контакты некоторых отделов и/или уполномоченных лиц.

ОШИБКА №9
Наличие макетов страниц с фиксированной шириной.
Подобная ошибка встречается уже реже, но всё же это пока ещё не исключение из правил. При существующем выборе устройств для интернет-навигации фиксированная ширина макета не позволяет воспользоваться всеми преимуществами сайта в полной мере. Изображение часто получается либо обрезанным, либо чересчур увеличенным, с наличием невыносимой полосы горизонтальной прокрутки. Это же относится и к размерам текста на сайте, кода при увеличении текста и, соответственно, размеров окна, макет страницы остаётся прежним, что приводит к неудовольствию пользователей.

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

ОШИБКА №10
Некорректное увеличение фотографий.
Для коммерческих сайтов одним из наиболее часто применяемых правил юзабилити является возможность увеличения фотографии товара. Это позволяет покупателю более подробно рассмотреть товар, чтобы лично убедиться в его преимуществах и принять решение о покупке. Эта функция используется на многих сайтах, но не везде она реализована правильно.

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

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

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

 

Эта информация оказалась полезной?
Спасибо за отзыв