Меньше текста, больше интерактива: сделать дизайн сайта интересным для подростков

За 15 лет подростки стали лучше ориентироваться в навигации и быстрее искать информацию

Самый старший участник третьего исследования родился в 2001 году, а самый младший — в 2005-м. У всех участников этого исследования с детства был доступ к компьютерам.

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

Исследователи заметили, что многие вредные пользовательские привычки подростков из последнего исследования совпадают с привычками участников исследования 2004 года. Из этого они сделали вывод: повышение производительности частично связано с улучшением дизайна сайтов.

Но им всё ещё трудно потреблять сложный контент

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

Где подростки уступают взрослым:

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

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

Адаптируйте текст для подростков

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

Правильно писать текст и располагать его на странице критически важно, если вы имеете дело с подростками.

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

Подростков в исследовании часто напрягал объём контента. Несколько участников выделяли текст, когда читали страницу, чтобы сосредоточить внимание на одной области.

Иногда мне трудно читать чёрный текст на белом фоне. Выделение текста помогает мне лучше видеть его.
16-летний участник
Я потеряла ход мысли, поэтому я выделила текст, чтобы лучше сосредоточиться на нём.
15-летняя участница

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

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

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

Джойс и Нильсен пишут: они часто предупреждали UX-дизайнеров, что использование маленького текста неудобно для пожилых людей (и даже для людей в возрасте около 40 лет, чьё зрение только начинает ухудшаться). Они всегда считали, что на сайтах много мелкого шрифта, потому что большинство веб-дизайнеров молоды, у них всё ещё идеальное зрение.

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

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

Подавайте интересный контент профессионально и просто

Многие участники жаловались на скучный контент. Такой отзыв — смертный приговор, если нужно поддерживать интерес молодой аудитории.

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

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

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

  • онлайн-тесты;
  • формы для предоставления обратной связи или вопросов;
  • онлайн-голосование;
  • игры;
  • возможность обмена фотографиями или «историями»;
  • возможность создания и редактирования контента.

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

Тип сайта влияет на ожидания пользователей

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

Скорость — ключевой момент

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

Подумайте дважды, прежде чем разрабатывать виджет или вставлять видео с разрешением в 4K. Если это создаёт проблемы при загрузке, забудьте об этом. У подростков не хватит терпения.

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

Ненавижу ждать. Это очень раздражает. В обычной ситуации я бы не стал так долго ждать загрузки страницы. Я бы открыл другой сайт.
17-летний участник

Не говорите с ними свысока

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

Некоторые сайты в исследовании пытались совмещать контент для детей и для подростков, используя формулировку «дети». Это серьёзная ошибка: слово «ребёнок» — ключевая вещь, которая отталкивает подростков.

Подростки отчаянно гордятся своим недавно приобретённым статусом и не хотят видеть детского контента перед глазами — ещё одна причина уменьшить количество мультимедиа и кричащих цветовых схем, которые работают на аудиторию младшего возраста. Авторы статьи рекомендуют создать отдельные разделы для маленьких детей и подростков и назвать их соответственно: «Дети» и «Подростки».

Дайте возможность делиться контентом

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

Сделайте мобильную версию сайта

В последнем исследовании у всех участников были мобильные устройства, а ноутбуки или компьютеры — нет. Поэтому подростки часто просматривают контент, держа телефон в руке.

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

Различия возрастных групп

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