Устаревшие элементы сайта, т.е. то, что больше не делается?

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

Так выглядел сайт Wirtualna Polska в конце 1998 года. Этот вид взят из базы данных Wayback Machine, где мы можем узнать, как выглядел конкретный сайт в определенный день.

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

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

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

Вот устаревшие элементы сайта, которые уже "ушли в прошлое" (или, по крайней мере, должны были уйти)

1. Фоновая музыка

Об этом говорится уже много-много лет. Размещать любые песни (да еще и с автовоспроизведением) на заднем плане веб-сайта - это просто выстрел в ногу.

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

Во-вторых, у нас разные музыкальные вкусы.

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

В-четвертых, давайте согласимся - это крайне непрофессионально. Точно так же, как использование шрифта Comic Sans в меню известного ресторана.

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

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

2. Инновационная навигация

Со временем мы привыкаем к определенным стандартам.

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

Это может быть связано с навигацией, которая:

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

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

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

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

3. Маркиз

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

Что это такое?

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

Да, это и есть шатры.

Они чем-то напоминают Fiat Multipla, но в мире веб-дизайна - их никогда не следовало создавать.

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

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

4. Пользовательские курсоры

Пользовательские курсоры также являются устаревшими элементами, которые в настоящее время не используются.

Они находятся в той же лиге, что и "эффект падающего снега" в зимние месяцы. Лига, которая уже давно потеряла уважение среди всего общества.

Однако я не был бы самим собой, если бы не нашел в этом случае определенного исключения.

Загляните на сайт Flock of Siegel. Как видите, он довольно специфичен. Конечно, нельзя отрицать, что он обладает особой атмосферой. Он характеризуется необычной навигацией и различными курсорами на сайте.

В определенной среде и в определенном климате такое лечение оправдано, поскольку все образует единое целое.

MTV также использовало это в прошлом, размещая огромные курсоры на страницах некоторых своих программ.

Однако на официальном, серьезном деловом сайте это - выстрел в ногу.

5. Слишком много шрифтов

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

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

Внедрение нескольких дополнительных стилей работает против этого по двум причинам.

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

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

Поэтому не забывайте полагаться только на самые необходимые из них.

6. Элементов Flash

Устаревшие флэш-элементы - это то, от чего начали отказываться несколько лет назад.

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

Однако уже некоторое время создатель этой технологии, компания Adobe, призывает всех отказаться от ее использования.

Flash проиграл в двух областях: производительность и безопасность. Он неэффективен на мобильных устройствах и иногда уязвим для различных типов атак. Роль Стива Джобса, который не слишком любил Flash, также была важна во всем этом.

7. Входные счетчики

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

"Вы - 123456 посетителей моего сайта!". - кто не знаком с такого рода информацией?

Счетчики посетителей умерли естественной смертью по двум причинам.

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

Вторая - возможность манипуляции. Буквально через некоторое время такой счетчик может быть "увеличен" или вставлен скрипт, который просто показывает ложную информацию.

Подсчет просмотров по-прежнему существует и неплохо работает, только теперь он осуществляется с помощью внешних сервисов (например, Google Analytics) или соответствующего инструмента в административной панели хостинга.

Однако эти общественные счетчики, безусловно, являются устаревшими элементами веб-сайтов.

8. Всплески

Брызги - это вид, который является своего рода "воротами".

Наверняка вы не раз сталкивались с веб-сайтом, на котором был только текст типа: "Добро пожаловать на мой сайт! Нажмите кнопку ниже, чтобы двигаться дальше!" и кнопку под ней.

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

Больше нет типичных заставных страниц. Их роль перешла к целевым страницам - страницам, которые более проработаны, но при этом направлены на определенное действие. Они никого не приветствуют и не приглашают нажмите чтобы перейти. Они "убеждают" нас выполнить определенную задачу.

Помните также, что контент сейчас чрезвычайно важен. Такая подстраница, на которой есть только две ссылки на изображения и одно предложение текста, бесполезна с точки зрения SEO.

9. Слишком сильное центрирование

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

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

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

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

10. Анкоры "Нажмите здесь" без контекста.

Конечно, анкоры (текст с подстрочными ссылками), такие как "нажмите здесь" или "читать далее", все еще встречаются, и это не всегда плохо. Поэтому в названии этого раздела вы можете встретить фразу "вне контекста".

Главное, чтобы пользователи знали, куда ведет та или иная ссылка. Посмотрите, кстати, на такой текст, ссылка в этом примере будет выделена жирным шрифтом:

"Недавно я увидел замечательный учебник. Нажмите ЗДЕСЬ, чтобы открыть его".

Кроме того, что "нажмите здесь" ничего нам не говорит. Мы не знаем, о чем идет речь в учебнике.

Использование описательного анкора заставляет все выглядеть совершенно иначе:

"Недавно я увидела отличное руководство по снижению веса. Ознакомьтесь с ним на досуге".

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

11. Обоснование текста

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

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

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

Так что Adobe InDesign и книги - да. Сайты - на данный момент нет.

Устаревшие элементы веб-сайта исчезли навсегда?

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

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

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