Обучайся бесплатно с WAYUP Premiere сегодня вечером

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

Как это работает

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

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

Возраст

Ты помнишь, какой огромной разницей считается всего пара лет в детстве. И это действительно так. 25 и 27 лет – это практически одно и то же. А между 5 и 7 целая пропасть. Конечно, важно учитывать возраст ЦА. Но как показывает статистика, в реальности возраст детей, использующих приложения и сайты, гораздо меньше, чем ожидается разработчиками. Совсем маленькие дети тянутся к сложному контенту, но в то же время школьники начальных классов используют продукты для малышей, потому что они проще и не “грузят”. Так что при разработке лучше ориентироваться на самых маленьких пользователей из предложенного возрастного размаха ЦА.

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

Логика и удобство

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

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

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

От простого к сложному

Учитывай, что маленький пользователь еще никогда не делал то, что нужно на твоем сайте. Поэтому везде должны быть переходы от простого к сложному, которые позволят обучиться постепенно. Также нужны подсказки, но не текстовые. Картинки, пиктограммы, а еще лучше – анимация. С пиктограммами будь осторожен – ребенок не поймет общепринятую символику, только прямое указание без абстракций. Простейшие недвусмысленные элементы всегда работают: крестики, галочки, стрелки. Изучи также статью «Как делать дизайн, который подталкивает к действию».

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

Отклик

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

Цвет и форма

Детей вовсе не раздражает обилие ярких цветов, наоборот. Так что забудь про монохром, сдержанность и тем более ч/б. Если ты считаешь, что цветовая гамма гармонична и подобрана со вкусом – есть высокая вероятность, что ребенок сочтет ее скучной. Делай ярко, насыщенно, броско, чтобы тебе казалось немного “слишком”, и тогда это будет попаданием в цель.

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

Непременно цвета и формы должны часто чередоваться. В противном случае ребенку трудно концентрироваться на однотипных элементах, ему становится скучно. Глянь онлайн-премьеру «Дьявол в мелочах: секреты создания крутой графики», там найдешь много интересных решений.

Сложности перевода

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

Хочешь подробнее изучить тему, познать секреты UX/UI, стать профессиональным веб-дизайнером и покорить рынок фриланса? На онлайн-коучинге «Веб-дизайнер: счастливый билет в Таиланд» тебя ждет глубокая проработка темы и новые возможности. Присоединяйся к группе!

Подать заявку

Как вам материал?