Рекламные твиты выйдут за пределы социальной сети
Previous
выбрать за меня
Компания Twitter откроет R&D центр в Индии
Next
вебдизайн, юзабилити
Юзабилити

5 главных ошибок веб-дизайнеров

Автор: Аслан Патов04.02.2015

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

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

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

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

Беспорядочное расположение, односторонняя навигация, flash-элементы, тени, скошенная графика – все это осталось в прошлом.

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

1Дизайн, ориентированный на бренд, а не на пользователя

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

юзабилити, вебдизайн

У дизайнера Альфреда Санга очень качественный дизайн. Его сайт, выполненный в традициях минимализма, передает особенности бренда. Однако юзабилити этого ресурса не производит должно впечатления. На изображении выше демонстрируется раздел оптики, однако отсутствуют цена, а также кнопка «купить», ассортимент ограничен шестью элементами. Раздел «Outdoors» на главной странице ведет на вычурную посадочную страницу, которая представляет собой не что иное, как еще одну циклическую ссылку на главную страницу.

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

2. Медленная загрузка

Все слышали (некоторые еще и застали) о временах, когда на загрузку веб-страниц уходило несколько минут. Но во времена широкополосного интернета грузятся медленно только страницы с плохим дизайном. По статистике 40% пользователей уходят с сайта, если он загружается более трех секунд, а среднее время загрузки веб-сайтов составляет порядка 2.08 секунды.

вебдизайн, юзабилити

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

Бесплатные инструменты, такие как Compressor.io или Smushit, позволяют уменьшить вес изображения без потери в качестве.

Еще одна проблема – недостаточно качественное соединение CDN (сети доставки контента). CDN представляет собой сеть серверов, оптимизирующих доставку контента вне зависимости от местонахождения пользователей; им демонстрируется копия веб-сайта с ближайшего сервера. CDN – последнее, на чем следует экономить; но для начала можно попробовать фримиум-сервисы, например, CloudFlare.

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

3. Навязчивая реклама

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

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

вебдизайн, юзабилити

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

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

4. Длинные блоки текста

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

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

5. Маленький шрифт

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

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

вебдизайн, юзабилити

Целесообразнее использовать не более двух-трех разновидностей.

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

Перечень ошибок можно было бы продолжить, но означенные оплошности – наиболее существенные и часто встречающиеся факторы снижения показателей конверсии.Согласно исследованию Элизабет Сайленс из Нортумбрийского университета, 94% пользователей ссылаются на дизайн как на главную причину, которая вызывает недоверие со стороны читателей сайтов. Так что, веб-дизайн – это не только эстетика, а еще и наиболее эффективный инструмент повышения конверсии в арсенале маркетолога.

Реакция на статью
поделюсь
0%
интересно
0%
полезно
0%
не уверен
0%
скучно
0%
где автор?
0%
Комментарии
Оставить отзыв

    You must log in to post a comment

    ПОДПИШИТЕСЬ НА НАШУ РАССЫЛКУ!
    Уведомления о новостях, статьях и инфографике будут приходить раз в неделю.
    ПОДПИШИТЕСЬ НА НАШУ РАССЫЛКУ!
    Позвольте нам обновлять ваши знания раз в неделю.