Юзабилити. Как сделать интерфейс сайта удобным?
Юзабилити – это удобство использования сайта.
Оно играет ключевую роль в конверсии сайта. Если пользователь не понимает, как и куда нажать, чтобы купить у вас, то вы теряете клиентов.
Оно играет ключевую роль в конверсии сайта. Если пользователь не понимает, как и куда нажать, чтобы купить у вас, то вы теряете клиентов.
Важное правило интерфейса – простота.
Страница сайта должна быть очевидной и не требующей объяснений.
Страница сайта должна быть очевидной и не требующей объяснений.
Что это значит?
Ну, например, ваша тетя увлеклась скандинавской ходьбой и хочет изучить эту тему.
Она переходит на сайт по какой-нибудь рекламе и видит следующее.
Она переходит на сайт по какой-нибудь рекламе и видит следующее.
Когда все очевидно, ориентироваться просто.
Здесь не возникает вопросов в голове, а куда? А как? А что это?
Есть кнопка записаться, тут же рядышком дата, сроки, цели, место. Это и есть юзабилити.
А теперь другой пример. Точнее анти-пример.
Здесь не возникает вопросов в голове, а куда? А как? А что это?
Есть кнопка записаться, тут же рядышком дата, сроки, цели, место. Это и есть юзабилити.
А теперь другой пример. Точнее анти-пример.
Видите, сколько вопросов возникает при неудачном интерфейсе? Это неудачный юзабилити.
Когда вы создаете сайт – ваша задача: избавиться от вопросительных знаков.
Людям НЕ нравится ломать голову над тем, чтобы найти нужную информацию.
Что угодно может ввести человека в ступор.
Когда вы создаете сайт – ваша задача: избавиться от вопросительных знаков.
Людям НЕ нравится ломать голову над тем, чтобы найти нужную информацию.
Что угодно может ввести человека в ступор.
Пример
К примеру, вы заходите на сайт, вам хочется связаться с компанией по изготовлению тортиков и обсудить ваш заказ по факту.
Вы заходите на сайт и ищите контакты в меню.
Вы заходите на сайт и ищите контакты в меню.
Поэтому, в погоне за оригинальными названиями, часто мы ухудшаем юзабилити нашего сайта.
Кнопки и ссылки
Еще одна частая ошибка – ссылки и кнопки, которые не выглядят очевидно в интерфейсе ваших страниц.
Кнопки
Чтобы кнопка была очевидной, она должна иметь либо обводку, либо прямоугольную заливку. Можно добавить небольшую тень от кнопки или анимацию. Но не увлекайтесь. Это может отвлекать от основного контента. Часто достаточно обводки или заливки.
Чтобы кнопка была очевидной, она должна иметь либо обводку, либо прямоугольную заливку. Можно добавить небольшую тень от кнопки или анимацию. Но не увлекайтесь. Это может отвлекать от основного контента. Часто достаточно обводки или заливки.
Ссылки
Со ссылками все проще. Есть установленные негласные правила обозначения ссылок. Мы привыкли, что ссылки подсвечиваются синим и подчеркиваются. Также, вы можете использовать свой акцентный цвет вместо синего. Но обязательно подсвечивайте ссылки.
Со ссылками все проще. Есть установленные негласные правила обозначения ссылок. Мы привыкли, что ссылки подсвечиваются синим и подчеркиваются. Также, вы можете использовать свой акцентный цвет вместо синего. Но обязательно подсвечивайте ссылки.
Казалось бы, ну какая мелочь! Какие-то кнопки, ссылки.
Это же 1/100 интерфейса сайта! Но это заблуждение.
Это же 1/100 интерфейса сайта! Но это заблуждение.
Каждый знак вопроса в голове пользователя усложняет понимание.
Людям не нравится решать головоломки в случае, когда они пришли с конкретной целью – что-либо найти или купить.
Людям не нравится решать головоломки в случае, когда они пришли с конкретной целью – что-либо найти или купить.
Улучшайте юзабилити своего сайта, работайте над интерфейсом!
Такие мелочи, как кнопки и ссылки решают действительно многое.
Такие мелочи, как кнопки и ссылки решают действительно многое.