10 верных способов быстро искалечить любой сайт

193
0/10

10 верных способов быстро искалечить любой сайт

У каждого вебмастера своя эстетика, каноны красивого и уродливого, удобного и неловкого, полезного и никчемного. Казалось, что за десятилетия успели выработаться общепринятые положения изящности, практичности и утилитарности. Но как бы не так. Ляпы продолжают встречаться на каждом шагу.

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

Содержание

  1. Большие формы обратной связи.

  2. Отсутствие адаптивности.

  3. Плохой сервер.

  4. Анимированные элементы.

  5. Неуникальные изображения.

  6. Бесконечные тексты.

  7. Кислотные цвета.

  8. Отсутствие юзабилити.

  9. Автоматическое воспроизведение звука и видео.

  10. Бесконечный скроллинг и отсутствие футера.

1. Большие формы обратной связи

Посетители ненавидят заполнять формы: регистрации, обратной связи, оформления заказа, подписки.

Чтобы нанести максимальный урон сайту, увеличьте количество полей до максимума. Придумайте самые неочевидные вопросы. В форму оформления заказа на доставку пиццы добавьте фамилию и отчество, данные паспорта, почтовый адрес с индексом и областью, не забудьте о месте прописки и сравнении его с адресом реального проживания. Запросите контрольный вопрос, не предложив вариантов. Заставьте достать из шкафа коробку с документами, осведомившись о номере СНИЛС, ИНН и коде подразделения МВД, выдавшего документ.

Для полной убедительности сделайте все перечисленное обязательным к заполнению и отключите подсветку неверно заполненных полей.

Посетители ненавидят заполнять формы: регистрации, обратной связи, оформления заказа, подписки

Такие формы быстро сократят посещаемость сайта и посетители не будут надоедать вам своим присутствием.

2. Отсутствие адаптивности

Перестаньте учитывать современные тенденции. Это пагубная привычка. Не обращайте внимания на то, что больше половины посетителей посещают сайт с помощью мобильных гаджетов: телефонов, смартфонов, планшетов, компьютеров с нестандартными мониторами. Маленькие буквы и невидимые элементы управления — это проблемы пользователей. Пусть справляются как хотят. Если есть желание получить информацию на серьезном сайте, то путь покупают серьезный компьютер с большим экранам. А мобильная техника — это для подростков и их соцсетей, от которых никакого проку, а только вред.

Проследите за тем, чтобы сайт правильно отображался на всех устройствах. Пример неадаптивного сайта. Отсутствие мобильной верстки.
Мелкое меню, незаметные элементы управления, невидимые изображения — это все не должно волновать вебмастера. Кто захочет увидеть — купит увеличительное стекло.

3. Плохой сервер

Позаботьтесь о бюджете. Сэкономьте лишние $3 в месяц. Закажите медленный хостинг с аптаймом сервера ниже 80%. Вам не нужны скорости, от них может закружиться голова. Клиенты никуда не спешат. Если хотят узнать подробности, пусть приезжают в офис или, в крайнем случае, позвонят. В выходные дни и ночью сайт можно совсем отключить — все равно, никто не работает.

Зачем вам передовые технологии, SSL сертификаты и безопасные протоколы https? Это выдумки тех, кто привык «стричь купоны» непонятно за что. Откажитесь от html5 и ccs3, вернитесь в прошлое — оно было таким беззаботным.

4. Анимированные элементы

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

Воздушность и простота — это чересчур банально и прозаично. Добавьте праздника в серую повседневность жизни. Пусть она заиграет яркими красками весны, карнавала, цыганского танца.

5. Неуникальные стоковые изображения

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

6. Бесконечные тексты

Не обращайте внимания на смысл, он не имеет никакого значения. Пишите о том, что есть у вас в голове в данный момент. Главное достоинство текста — это его объем. Ищите дешевых копирайтеров. У них прекрасно получается вызывать отвращение к проблемам с помощью своих перлов.

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

7. Кислотные цвета

Цветовая палитра — вот простор, на котором может разгуляться ваша фантазия. Удалите корпоративный бренд-бук, не вспоминайте о пустых пространствах, монохромности, воздушности и легкости, посвятите себя многообразию и разнокалиберности. Яркий фон, контрастный текст, кнопки с градиентами и тенями, ярлыки акций, занимающие 80% изображения товара — это то, на чем будет отдыхать глаз любого ценителя современного искусства. Не зря же ученые изобрели мониторы с 16 миллионами цветов. Их все надо задействовать на одной странице сайта.

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

8. Отсутствие юзабилити

Не позволяйте посетителям ходить простыми путями, избавьте их от докучливости выверенных элементов управления, внятности навигационных меню, конкретики товарных категорий. Смешайте все в одну кучу. Создайте не одно, а четыре меню. Пусть кнопки одного наслаиваются на чекбоксы другого, не давая ставить галочки и кликать по ссылкам. Придумайте столько категорий, разделов и рубрик, чтобы не хватило и дня разобраться в них. Не ограничивайтесь маленькой вложенностью пунктов. Не зря же придумали скрипты выпадающих меню. Пусть они демонстрируют 100% своего функционала. Не добавляйте поиск — это пережиток прошлого и удел неудачников из Google. Шрифт заголовков увеличьте так, чтобы его видел даже слепой.

Не давайте дизайнеру отдыхать. Пусть постоянно генерирует идеи — ведь он же творец.

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

9. Автоматическое воспроизведение звука и видео

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

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

10. Бесконечный скроллинг и отсутствие футера

Отсеките долю тех посетителей, которые постоянно стремятся залезть в подвал сайта. Что они там забыли? Такая назойливость граничит с невоспитанностью и бескультурьем. Установите на все страницы сайта бесконечную прокрутку. Пусть новости прошлых лет безграничным океаном вливаются в сознание читателей. Ведь они должны знать историю вашей компании.

Бесконечная прокрутка страниц сайта.
Установите на все страницы сайта бесконечную прокрутку. Пусть новости прошлых лет безграничным океаном вливаются в сознание читателей.
Ваша оценка:
Нравится?
Обсуждение
    Для участия в обсуждении на сайт