Полезное

Проектирование веб-интерфейсов для детей

Автор Freelance.Today

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

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

Сдвиг парадигмы

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

Доинтернетная эпоха

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

Важность книг

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

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

Интернет-парадигма

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

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

Цифровой мир – не родной

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

Дети за планшетом

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

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

Рекомендации по проектированию для детей в возрасте от 7 до 12

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

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

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

Игра для ребенка

Изображение выше иллюстрирует путь пользователя к загрузке файла на Pixelmon Mod. На странице загрузки, вы сразу видите большую зеленую кнопку «Скачать», которая, по сути, является рекламой. Ребенок, конечно же, сразу щелкнет на эту кнопку!

Дальше страница предлагает мне выбрать версию, в  зависимости от версии Minecraft, в которую я играю. Не думаю, что каждый ребенок сможет разобраться в этом. Потом же – самое интересное. При нажатии кнопки они обе отправляют пользователя на сайты с рекламой. Если нажать «Пропустить рекламу» (это доступно спустя 5 секунд) начинается обратный отсчет, и только через 10 секунд наконец-то можно скачать то, что хотел.

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

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

Развитие мозга ребенка

Давайте посмотрим на то, как развивается человеческий мозг.

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

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

Уже в десять лет ребенок имеет необходимые физические навыки, чтобы полноценно пользоваться клавиатурой и мышкой. Но есть особенность, которая отличает ребенка от взрослого – это до сих пор не разработанная способность мыслить абстрактно. Она начинает формироваться в 12 лет, а заканчивает – в 26!

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

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

Что влияет на использование Интернета детьми?

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

Навигация

Как уже было сказано выше, дети в возрасте двух лет используют планшеты для игр и просмотра видео в YouTube (через приложение).

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

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

Язык и чтение

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

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

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

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

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

Китайский сайт

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

Руководство по разработке интерфейса для детей

Простой ввод данных

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

Кнопки вместо текстовых ссылок

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

Детский сайт National Geographic’s   – яркий пример этому.

National Geographic’s

Используйте иконки и изображения

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

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

Игровой сайт для детей

Не меняйте положение навигационных клавиш при редизайне

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

Продумайте использование VoiceOver

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

Поиск: используйте автозаполнение

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

Используйте интерактивные и социальные элементы

Многие вещи дети делают вместе – например, играют или смотрят видео. Сделайте так, чтобы они могли без проблем общаться друг с другом, оставлять комментарии, ставить лайки, голосовать. Как, к примеру, это сделано на сайте DIY.

Сайты для детей

Предоставляйте информацию «по требованию»

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

Как пример – игра BrainPOP, тут сразу видна «инструкция по требованию».

Игра для ребенка онлайн

Wonderville – это обучающая игра для детей постарше. Она предлагает очень мало инструкций — но хорошее сообщение после отказа.

Игры для детей онлайн

Дизайн с элементами игры

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

Тестирование и еще раз тестирование

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

Ответственность

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

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


Источник
 

  • 3344