Тинейджерский UX:дизайн для подростков

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

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

Наше исследование опровергает многие стереотипы, в том числе следующие:

• Мобильные навыки распространяются на другие устройства

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

• Подростки технически подкованы

• Подростки желают, чтобы все вокруг было социальным

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

Исследование

Мы получили 130 юзабилити рекомендаций для привлечения подростков и удержания их на вашем сайте. Эти рекомендации основаны на наблюдательных исследованиях с использованием нескольких методологий. 100 пользователей в возрасте от 13 до 17 лет приняли участие в трех раундах исследований: 38 подростков в оригинальном исследовании для первого издания этого отчета, 46 подростков во втором исследовании и 16 в самом последнем исследовании. Мы триангулировали результаты по трем методам:

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

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

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

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

• Образовательные ресурсы (Ноттингемский университет, Central Bucks High School West, BBC Bitesize, Quizlet)

• Туризм/Искусство и развлечения (Visit London, TripAdvisor, ExploreChicago.com)

• Здоровье (Australian Drug Foundation, TeensHealth, National Institute on Drug Abuse)

• Информационные/справочные (Nature, Food Network, Scientific American)

• Новости (Buzzfeed, CNN, Weather.com, Daily Mail, The New York Times)

• Развлечения и игры (Stack AR, YouTube, Playlist.com, Geometry Wars)

• Электронная коммерция (Adidas, H&M, ASOS, Jabra)

• Корпоративные сайты (McCormick, Unilever, Pepsi-Cola, Procter & Gamble, Samsung, Morton Salt)

• Правительство (Gov.UK, Australian Government main portal, Pennsylvania’s Department of Motor Vehicles, the U.S. White House, NASA)

• Некоммерческие организации(Rotary International, Charity: Water, World Food Programme, National Wildlife Federation)

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

Подростковая мотивация в использовании сайтов

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

Подростки в наших исследованиях рассказали об использовании Интернета и приложений для следующих целей:

• Школьные задания

• Хобби или другие особые интересы (включая изучение новых навыков или поиск увлекательных занятий)

• Развлечения (включая музыку, видео и игры)

• Новости (включая спорт, текущие события и развлечения)

• Изучение новых тем

• Общение с друзьями

• Покупки

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

Перемены: хорошие и плохие новости

Хорошая новость:подростки становятся более успешными в навигации по веб-сайтам и поиске того, что им нужно. В третьем исследовании самый старший участник родился в 2001 году, а самый младший родился в 2005 году, следовательно, все участники выросли с доступом к компьютерам. В течение всех этих трех исследований, проведенных за последние 15 лет для данного отчета, количество времени, которое подростки проводят за компьютерами и мобильными устройствами, постоянно увеличивается. Эффективность взаимодействия подростков с технологией зависит от количества времени, которое они ее используют.

Подростки становятся лучше или веб-сайты становятся лучше? Вероятно, понемногу и то, и другое. В нашем последнем исследовании мы наблюдали столько же вредных привычек пользователя среди подростков, как и в нашем первом исследовании в 2004 году. Таким образом, повышение производительности, очевидно, отчасти связано с улучшениями дизайна веб-сайтов. Хотя подростки в нашем первом исследовании и были активными пользователями Интернета, сегодняшние подростки имеют еще больший доступ к Интернету и тратят ещё больше времени на его использование. Это поколение выросло с технологиями и гораздо более успешно их использует, чем участники нашего первого исследования (в котором самый старший участник родился в 1988 году, а самый младший в 1992 году).

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

Подростки справляются с задачами хуже, чем взрослые, по трем причинам:

1) Недостаточные навыки чтения

2) Менее сложные стратегии исследований

3) Значительно низкий уровень терпения

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

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

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

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

Важность контента и макета

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

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

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

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

«Иногда трудно читать черно-белое. Выделение помогает мне лучше читать ». (16-летний парень)

«Я потеряла ход своих мыслей, поэтому выделила текст, чтобы больше сосредоточиться на нем». (15-летняя девушка)

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

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

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

«Вы идете в Music, и там реально крошечный текст… Вы всматриваетесь в это, и это сложно разглядеть. Нужно щуриться. Они реально мелкие, и это невозможно рассмотреть. Это должно быть немного крупнее. » (16-летняя девушка)

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

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

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

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

• Онлайн-викторины

• Формы для обратной связи или вопросов

• Онлайн-голосование

• Игры

• Обмен фотографиями или историями

• Функционал создания и редактирования контента

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

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

Скорость — это ключ

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

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

«Я ненавижу это ожидание. Это очень раздражает … Я обычно не буду ждать так долго, чтобы загрузить страницу. Я бы пошел на другой сайт, я бы пошел на следующий.» (17-летний юноша)

Не унижайте своим обращением подростков

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

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

Позвольте подросткам контролировать социальные аспекты

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

Предлагая варианты обмена, добавьте ссылку для копирования веб-адреса, поскольку подростки, скорее всего захотят поделиться ею напрямую с другом. Участники наших исследований обычно предпочитали использовать приложения для соцсетей, такие как Snapchat, для отправки сообщений друзьям, поэтому опция «Copy Link» позволяет им отправлять прямое сообщение другу на любой платформе. Когда этот функционал недоступен, они, как правило, делали скриншоты и делились ими с друзьями. Хотя это способствует достижению их цели, с точки зрения бизнеса, оно мешает другим подросткам легко посещать ресурс.

Разрабатывайте для мобильного серфинга

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

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

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

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

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

В следующей таблице приведены основные сходства и различия в подходах веб-дизайна для детей младшего возраста, подростков, студентов и взрослых. (Данные о детях взяты из наших исследований с 3–12-летними пользователями; результаты о студентах — из нашего исследования с 18–25-летними пользователями.)

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

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

Полный отчет.

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

(Более ранняя версия этой статьи была первоначально опубликована 4 февраля 2013 года. Последний раз статья была обновлена и исправлена 17 марта 2019 года.)

Перевод Teenager’s UX: Designing for Teens

Icons by Freepik from www.flaticon.com