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

Конспект исследования Алиты Джойс и Якоба Нильсена.

Авторы провели юзабилити-тестирование сайтов среди аудитории возрастом от 13 до 17 лет и опровергли несколько популярных стереотипов:

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

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

Исследование проходило в три этапа: в первом участвовало 38 подростков (2004 год), во втором 46 (2013 год), в последнем 16 (2019 год). В сумме эти этапы охватили 15 лет жизни.

В работе авторы использовали три метода.

Исследование проводилось в США, Великобритании и Австралии, в больших и маленьких городах, в богатых пригородах и неблагополучных городских районах. Юношей и девушек тестировали на 210 сайтах и 30 приложениях разной направленности:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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