Чтобы создать доступный веб-сайт, вам необходимо спроектировать и разработать его таким образом, чтобы все пользователи имели равный доступ к информации, функциональности и возможностям сайта. Но ваше время ограничено. К тому времени, как вы закончите это предложение, кто-то посетит ваш сайт и покинет его. Если вы не дадите своим посетителям повод остаться здесь, они уйдут.
Высокий показатель отказов - показатель отсутствия интереса посетителей. Для пользователя может быть абсолютно нормально просмотреть одну страницу, особенно если это пресс-релиз или другой фрагмент контента, связанный с событием. Но вашей целью должно быть налаживание отношений с посетителями.
Успех в дизайне веб-сайта измеряется тем, насколько эффективно он общается со своими посетителями и направляет их. А учитывая, насколько сложно привлечь пользователей в эпоху пострекламы, труднее внедрить хороший дизайн веб-сайта, не производя при этом впечатление слишком продающего. Вот тут-то и пригодится удобный дизайн веб-сайта.
Думайте о своем веб-сайте как о испытательном полигоне - вам действительно придется импровизировать внешний вид навигации, а это требует решения определенных проблем дизайна. Прежде чем мы углубимся в них, важно обсудить, почему именно удобство для пользователя так важно.
Показатель отказов большинства веб-сайтов составляет 85%, а это означает, что значительная часть ваших усилий по привлечению потенциальных клиентов идет насмарку. Если трафик поступает из рекламы Google, это хорошая трата бюджета PPC. Вот почему мы всегда рекомендуем тщательно оптимизировать целевые страницы перед запуском PPC-кампаний.
Обычно это эксклюзивная экспертиза агентства по дизайну веб-сайтов, которое тщательно совмещает цели бизнеса с удобством для пользователя. Это сложный процесс, требующий множества проб и ошибок, чтобы добиться правильного результата, но это можно сделать.
Вот 4 проблемы пользовательского интерфейса, которые необходимо решить при создании удобного веб-сайта.
1. Включение элементов графического интерфейса
Вы видели эти радикально новые кнопки, ссылки, кнопки и полосы прокрутки, которые сегодня используются на многих веб-сайтах? Хотя они выглядят впечатляюще и выполнены профессионально, задавались ли вы вопросом, усложняет ли это жизнь пользователю?
Если ответ на этот вопрос положительный, значит, вы только что потеряли значительную часть пользователей.
Дизайн веб-сайта, каким бы шикарным и впечатляющим он ни был, в центре внимания должно быть удобство использования. Если элемент графического интерфейса снижает общее удобство использования, лучше полностью удалить его. В дизайне веб-сайта вы должны отдавать приоритет доступности, удобству использования и эстетике: именно в этом порядке. Кнопки и горизонтальную прокрутку следует использовать только в том случае, если вы можете гарантировать, что это не запутает пользователей.
Вот хорошее практическое правило, которое следует запомнить при дизайне веб-сайтов: если вы включаете новый элемент дизайна просто ради прогресса, то лучше избегать его.
2. Избегайте навигационных меню, если они вам не нужны
Многие дизайнеры пользовательского интерфейса берут новые дизайнерские идеи и просто раздувают их. Хорошим примером этого могут быть гамбургер-меню и бесконечная прокрутка. Обе тенденции набирают обороты и безрассудно используются тысячами веб-сайтов; Нужны ли эти меню информационной архитектуре - это совершенно отдельный вопрос.
Бесконечная прокрутка выглядит хорошо только в том случае, если этого требует информационная архитектура. Хорошим примером могут быть Twitter, Facebook, Google Images и различные веб-сайты электронной коммерции; в этом случае бесконечная прокрутка является достаточно хорошим решением. Но задайте себе вопрос: как ваши пользователи будут находить и отмечать контент, который им действительно нравится?
Как они будут перемещаться вперед и назад от выбранного контента? Как они будут ориентироваться в том огромном количестве информации, которую вы им предоставляете?
Это также вызывает гамбургер-меню: волшебное навигационное меню, которое превращает навигацию в парк для посетителей - по крайней мере, так кажется. Его название происходит от дизайна: он состоит из трех горизонтальных линий, напоминающих гамбургер. И, как и его настоящий аналог, гамбургер-меню создано с целью экономии места.
Но этот значок сильно сбивает пользователей с толку. Во-первых, действительно ли люди вообще просматривают гамбургер-меню? И даже если они это сделают, если пункты меню так важны, разве они не должны занимать более видное место на экране?
Меню важно только в том случае, если оно позволяет достичь двух целей:
- Они сообщают пользователю, где они находятся
- Они покажут вам, куда еще можно пойти
Гамбургер-меню, если оно не сделано правильно, может быть ужасным в обоих случаях, потому что меню не отображается на экране и недостаточно видно.
Однако хорошая новость заключается в том, что гамбургер-меню стали практически повсеместными - они есть практически везде, от приложений до веб-сайтов и видеоигр. Они даже нашли способ печатать. Этот значок запечатлелся в сознании онлайн-пользователей и стал синонимом навигации. Люди знакомы с ним и могут положиться на него для навигации. Это очень похоже на то, как пользователи знают, что значок дома - это место, где вы переходите в главное меню, или значок корзины - это место, где вы удаляете файлы.
В цифровых пространствах, где сложно найти визуальное пространство, например, на веб-сайтах и в мобильных приложениях, гамбургер-меню может сэкономить место. В конце концов, вы никогда не должны перегружать своих посетителей слишком большим выбором. Это связано с тем, что, когда пользователям предоставляется слишком много вариантов выбора, они, как правило, вообще не делают ни одного.
3. Создание адаптивного сайта
Большая часть онлайн-трафика сейчас поступает с мобильных устройств. Веб-сайты для настольных компьютеров, конечно, важны, но они также должны легко загружаться и для мобильных пользователей. Меньше всего вы хотите отвернуть свою аудиторию из-за ужасного мобильного опыта. В настоящее время разработка мобильных веб-сайтов стала настолько простой, что непростительно не включить ее в свой дизайн.
Существуют плагины WordPress и доступные дизайнеры пользовательского интерфейса, которые помогут сделать ваш сайт более отзывчивым.
Ниже приведены три ключевых элемента адаптивного сайта:
Гибкая сетка: Фиксированные проценты позволяют пользователям с разными разрешениями экрана и устройствами видеть тот же экран, что и все остальные.
Адаптивные изображения и текст: Изображения и размеры шрифта не могут быть одинаковыми для всех устройств, поэтому вам придется настроить код так, чтобы он загружался полностью оптимизированным для каждого устройства. другое устройство. Это требует тщательной корректировки кода веб-сайта, например, файла CSS.
Медиа-запросы: Если вы успешно реализовали коды для двух вышеуказанных сценариев, пришло время их собрать. Медиа-запрос сообщает, что именно отображать на настольных и мобильных устройствах.
4. Быстрая скорость загрузки
У большинства пользователей очень низкая концентрация внимания, и вы соревнуетесь за каждую секунду. Сегодняшнему онлайн-пользователю просто не хватает терпения ждать загрузки вашей веб-страницы более 2 секунд.
Хотите увеличить скорость сайта? Есть много креативных способов сделать это, не тратя больше денег на хостинг:
Сжатый веб-сайт: Изображения и видео нравятся публике, но слишком много медиа может отвлекать от общего впечатления и замедлять работу вашего веб-сайта. Помимо тщательного использования изображений, сжимайте свои веб-сайты с помощью таких решений, как RIOT, Smush.it и т. д.
Разделить изображения: Не стоит сжимать всю информацию на одной странице. Выгоднее предоставить вашему сайту несколько коротких страниц для более быстрой загрузки, плюс это также даст вам больше преимуществ для SEO.
Чистое кодирование: Поисковые системы используют сканеры, чтобы понять, о чем ваша страница. Если вы запутаете их сложным кодированием, это только заставит их не торопиться или, что еще хуже, полностью игнорировать ваш сайт. Поэтому всегда отдавайте предпочтение чистоте кодирования.
Как вы относитесь к навигации на своем сайте? Дайте нам знать в комментариях ниже.
Биография автора -
Фэй Элдридж - основатель и директор компании Fyami Marketing group Limited. Fyami - любопытная консалтинговая компания по веб-дизайну и маркетингу в Лондоне, которая обеспечивает формирование спроса, привлечение потенциальных клиентов, поддержку цифровых технологий, социальных сетей, а также общую маркетинговую поддержку и решения». Наша миссия - привлечь больше компаний в эпоху цифровых технологий, основанную на технологиях. Фэй верит в позитивное влияние, прозрачность, разнообразие, любознательность, настойчивость и обмен знаниями. Она имеет степень магистра и в настоящее время участвует в докторских бизнес-исследованиях, касающихся сотрудничества директора по маркетингу и технического директора.