Слишком часто веб-сайты выбирают ту или иную технику только потому, что другой сайт использует ее, считая, что это невероятно круто. Но яркие методы, такие как бесконечная и вертикальная прокрутка, вероятно, вредят вашему пользовательскому опыту, усилиям по SEO и коэффициентам конверсии.
Вы только что услышали о новейшей и лучшей технологии создания веб-сайтов. Все так делают, вам тоже стоит попробовать! Верно?
Ну, можешь, а можешь и нет.
Слишком часто сайты выбирают ту или иную технику только потому, что ее использует другой сайт, думая потрясающе, и для меня это тоже круто!
Однако то, что кто-то делает это, даже самый большой, крутой и крутой, не всегда означает, что и вы тоже должны это делать.
Вот некоторые из наиболее часто используемых методов работы с сайтом и почему они вредны для пользователей, SEO и конверсий.
1. Бесконечная прокрутка
Конечно, это отличный метод для некоторых сайтов, но не для всех и даже не для большинства.
Бесконечная прокрутка отлично подходит для таких сайтов, как Facebook, где у вас есть линейная информация, которую лучше всего представить в виде бесконечной истории, но верно ли это для всех сайтов или страниц сайта? Определенно нет!
Прежде чем вы начнете разбивать свою страницу на длинные бездонные колодцы с прокруткой, задайте себе следующие вопросы:
- У вас есть что рассказать?
- Свиток вызывает у вас желание продолжать идти или вы чувствуете усталость?
- Подходит ли ваша информация к указанному формату?
- Есть ли причина, по которой вашим пользователям может быть лучше обслуживать нумерация страниц?
- Вы предлагаете использовать его там, где его не следует использовать (например, на вашей домашней странице)?
Никогда не используйте бесконечную прокрутку на главной странице! Извините, Mashable, это касается даже вас. Ваша бесконечная прокрутка домашней страницы - кошмар для удобства использования. Почему?
- Домашние страницы используются для направления пользователей к информации внутри сайта. Бесконечная прокрутка не дает этой цели.
- Они вредны для SEO.
- Слишком много информации, нет направления.
- Они очень тяжелые и в этом случае могут перегрузить браузер загрузкой размером 6 МБ (и на этом я остановился, отказался и поклялся никогда не возвращаться).
2. Закрепленная навигация
Закрепленная навигация - это та, которая не перемещается вместе со страницей. Это может быть верхняя навигация, нижний колонтитул или даже боковая навигация.
Кто-нибудь может сказать кадры? Возможно, вы слишком молоды, чтобы помнить, когда кадры были крутыми (а когда нет), и почему они исчезли. Закрепленная навигация ничем не отличается, это просто другой способ реализации того, что раньше называлось фреймами. Если ты сможешь вернуть Додо, не так ли?
Конечно, существуют определенные типы сайтов и реализации, где имеет смысл постоянно занимать 125-200 пикселей верхнего навигационного экрана с навигационным элементом, который никогда не исчезает (да, и не заставляйте его исчезать и появиться снова - только не надо).
Однако действительно хороший поиск по сайту может быть еще лучшим методом быстрого доступа к сайту. Если цель вашего сайта - электронная коммерция, действительно ли вы хотите потерять столько места из-за навигационной панели?
Не будет жестких правил относительно того, когда и когда не использовать прикрепленный заголовок, за исключением того, что контент вашего сайта будет вашим лучшим определяющим фактором. Эмпирическое правило: если ваши пользователи не собираются регулярно использовать навигацию на вашем сайте, не делайте этого.
А как насчет липкого нижнего колонтитула? Мой совет? Не. Почти все, что вы помещаете в липкую панель нижнего колонтитула, полезно только вашему отделу маркетинга, а не вашим пользователям, но не верьте мне на слово. A/B-тест.
В случае с липкой навигацией факторы раздражения будут зависеть от варианта использования и аудитории.
Однако всегда предоставляйте пользователям возможность отключить эту функцию.
3. Авто-слайдеры
Эксперт по юзабилити Якоб Нильсен только что опубликовал отчет об этой технике для каруселей и аккордеонов. Его совет. Просто не надо. Ну, если ваша цель не раздражать пользователей, пожалуйста, сделайте это!
4. Автоматическое воспроизведение чего угодно
Никогда не воспроизводите автоматически аудио, видео или анимацию, когда пользователи нажимают на ваш сайт. Это только привлечет ненужное внимание посетителей.
Посетители не хотят слышать женский голос, говорящий на заднем плане на своем компьютере, пока они пытаются найти его и выключить, потому что это мешает всем остальным, что они делают в это время.
А анимация? Ну, может быть, у тебя нет звука, поэтому ты думаешь, что ты крутой. Неа! Только не надо.
5. Баннерная реклама, промо-боксы, реклама ради рекламы
Десять или 12 лет назад пользователи нажимали на эту рекламу и даже покупали вещи. Сегодня они занимают ценную недвижимость и, возможно, подвергают вас риску штрафа за рекламное место Google.
Если вы не один из немногих счастливчиков, которые получают реальные доходы от обхода стороннего трафика, лучше всего исключить их из своего сайта или, если вы хотите, чтобы они заменили их внутренней рекламой на ваших собственных страницах. Таким образом, вы удерживаете посетителей на своем сайте и фокусируетесь на вашем контенте.
Помните, что за каждый цент, который вы зарабатываете за клик, вы также уводите пользователей со своего сайта. Действительно ли это помогает вам в конце концов зарабатывать деньги?
6. Всплывающее окно Что угодно
Если он появится, убейте его. Ударь этого крота!
Серьезно, с помощью блокировщиков всплывающих окон их почти никто не видит, а с помощью мобильных устройств вы просто затрудняете пользователям доступ к вашему контенту. Речь идет не о реализации лайтбокса или других стилях многоуровневых техник div, а только о фактическом всплывающем окне или даже всплывающем окне.
Хотя правда? Собирается ли кто-нибудь зарегистрироваться для использования вашего сайта, если он еще не ознакомился с контентом? А вы пробовали это на планшете или мобильном устройстве? A/B-тестируйте их и посмотрите, помогают они или мешают.
7. Веб-сайты как приложения
Ваш сайт - не приложение! Повторите, если ваши мысли блуждают. ваш сайт - не приложение, перестаньте относиться к нему так, как будто это приложение.
Пользователи веб-сайта представляют собой многовариантную группу с разными намерениями пользователя, тогда как пользователь приложения ищет приложение, которое быстро приведет его к определенным и конечным целям. Не путайте эти две цели.
Ваш веб-сайт должен предлагать на мобильных устройствах и планшетах тот же контент, что и на основном сайте для настольных компьютеров, а ваше приложение должно иметь 2-4 основные пользовательские цели, которые, согласно данным вашего сайта, желательны и необходимы.
8. Копирование ради копирования
Да, копирование сейчас в моде. Люди, не занимающиеся SEO, обнаружили, что текст полезен для SEO, и внезапно 2012 год стал годом контент-маркетинга, разработки контента и всего контента. Новый? Нет, но для некоторых это новинка.
Так что же в этом плохого? Ничего, если ваш контент ясен, последователен и контекстуален.
Но для многих контент направлен на повышение таких показателей, как просмотры страниц и показы, а качество, к черту, пока люди посещают. Это нехорошо.
Такой тип разработки контента, троллинг в поисковых системах, противоречит TOS Google и вреден для пользователей. Если это плохо для пользователей, то, скорее всего, это плохо и для вашего сайта. Просто спросите тех, кто еще не оправился от нападок на «контент-троллинг» в Google, ну, если вы сможете их найти.
9. Теги ключевых слов
Теги ключевых слов изначально создавались как способ группировать контент в наборы заранее определенных ключевых слов, чтобы пользователи могли найти все статьи по одной теме. Теперь авторы создают теги на лету, получают неограниченные возможности по добавлению тегов и создают несколько одноразовых страниц, выступающих в качестве тем, что приводит к проблемам с дублированием контента на сайте.
Теги вашего контента должны соответствовать ключевым словам, но быть ограниченными, фиксированными и ограниченными. Не позволяйте вашим авторам просто придумывать их по ходу дела и не допускайте создания бесконечных тем. Теги ключевых слов должны помогать находить контент, а не влиять на SEO-термины и создание неограниченных тематических страниц.
10. Сайты с вертикальной прокруткой
Этот сайт действительно делает все правильно. Как и этот. Эти сайты исключают восприятие страницы и позволяют пользователям взаимодействовать с информацией в любой момент, когда страница попадает на страницу. Эти сайты объединяют изменения между верхом и низом как плавный поток без необходимости останавливаться в точных точках.
Этот менее успешен. Я должен попытаться остановить его в правильных точках остановки. Это скорее раздражает, чем интересно, и начинает приравниваться к негативному пользовательскому опыту.
Это неудачный опыт. Если только я не использую планшет, где я могу легко управлять точками остановки пальцами или вручную, движения пальцев на планшете ноутбука или мыши перемещают меня мимо точки остановки в неловкие «мертвые зоны».
При использовании HTML5 и CS3 для новых стилей представления не спрашивайте себя, почему бы и нет? Спросите себя, почему? Если вы не можете ответить на вопрос «почему», имея в виду очень конкретные бизнес-цели, подкрепленные исследованиями и пользовательскими данными, тогда лучше пропустить «крутое» и остановиться на том, «что работает».
И еще одно замечание по SEO: сайты такого типа очень плохи для SEO, поэтому, если вам нужно, чтобы вас нашли в поисковых системах, не делайте этого. Используйте это на целевой странице или мини-сайте.
Почему, ох, почему такой плохой интерфейс?
Почему так много сайтов используют эти методы, если на самом деле им не следует этого делать? Обычно мы сначала делаем это, потому что кто-то из маркетинга, бизнес-разработчика или даже ИТ-специалиста подумал: «Эй, ЭТО КРУТО! МЫ ДОЛЖНЫ СДЕЛАТЬ ЭТО! ЛЮДЯМ ЭТО ПОНРАВИТСЯ!» Но вот в чем загвоздка, как показывают испытания, людям это не нравится
Но это же круто
Я выступал на всемирно признанной конференции в Остине, когда ко мне подошел человек из списка Fortune 100 и спросил, почему только что запущенная целевая страница не работает. Ведь это было так здорово! Они использовали HTML5/CSS3, вертикальную прокрутку, как это могло не понравиться людям!
«Легко», - сказал я ему. «Потому что людям плевать на твою крутость. Им просто нужна информация и простой способ совершить покупку, если они заинтересованы. Если вы это сделаете, ваша страница будет конвертироваться».
Затем он показал мне страницу, которая конвертировалась, и они не могли понять, почему, ничего кричащего, хорошая графика, хорошая информация и понятная кнопка покупки. Ну вот, информация и способ купить, как я ему и сказал.
Поэтому я посоветовал ему провести A/B-тестирование и сообщить мне, что он узнал. Он это сделал, и каждый раз информационная страница превосходила «крутую».
Люди хотят сделать то, за чем пришли, получить информацию, возможно, купить и пойти домой - так же, как если бы они были в вашем реальном магазине. Представьте, если бы в кирпичном доме вам пришлось расшифровывать, как попасть в магазин, чтобы попасть в обувной отдел? Но все остальные так делают!
“Ну, Mashable делает это, так что мы, должно быть, упускаем что-то потрясающее!”
Помедленнее, ребята; кажется ли это потрясающим, когда вы заходите на растущую страницу Mashable размером 6 МБ и бесконечную прокрутку? Или вы хотите убежать, поскольку ваш браузер перегружен байтами, он замедляется до болезненного сканирования, и вы не можете найти ту статью, о которой только что услышали? Тот факт, что это делает кто-то другой, не означает, что это правильно, хорошо или даже работает.
На самом деле, если это сделал кто-то другой, это ничего не значит. Сегодня слишком часто эти решения принимаются маркетинговыми группами и бизнес-подразделениями, а не людьми, которые объясняют вам, почему иметь бесконечно прокручиваемую домашнюю страницу - это плохая идея.
Мы часто видим, чтобы эти идеи не увековечивались, потому что они хороши, а потому, что мы живем в эпоху повторного использования, ретвитов, отрыгивания и повторного использования. Итак, в следующий раз, когда кто-то посоветует вам использовать на вашем сайте какой-то плохой метод, спросите его, в чем бизнес-причина? Где наши показатели? Зачем нам это делать? Покажите мне A/B-тесты.
Конечно, это может не остановить реализацию еще одной заведомо плохой идеи, но может замедлить ее на достаточно долгое время, чтобы какая-нибудь другая «горячая идея дня» заняла ее место и, возможно, пришло время перейти к чему-то еще.
Не подведите
Не говори о себе; сделайте это о своих пользователях. Их не волнует ваша крутость - ну, большую часть времени. Если только вы не занимаетесь крутым бизнесом, но многие ли из нас могут это сказать?