UXDepot
Компания
36,94
рейтинг
29 июня 2011 в 22:27

Разное → Дизайн форм регистрации для детей tutorial

Представляю вашему вниманию перевод статьи под названием "Designing Web Registration Processes for Kids" от Deb Gelman. Перевели в компании UXDepot специально для пользователей Хабрахабра с одобрением издания A List Apart.


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



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


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

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

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




Конкретность вместо абстрактности


Детям в рассматриваемом нами возрасте трудно воспринимать и визуализировать абстрактные понятия. Поэтому таким пользователям перед началом регистрации нужно показать конкретные преимущества зарегистрированного пользователя. Как заявил нам один маленький пользователь во время тестирования: «Зачем мне нужно делать эту реги… регистрацию? Для того чтобы просто поиграть? Я могу поиграть просто так без этой вашей регистрации на других сайтах, зачем я должен делать это здесь?». Для этого парня концепция «поиграть в игры» была слишком абстрактной. Если бы он увидел, какие именно игры доступны зарегистрированному пользователю, а также другие возможности, например, возможность добавить результаты своей игры в рейтинг, он сразу бы понял зачем ему регистрироваться и с большей вероятностью сделал бы это.

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



Рисунок 1. Регистрация на сайте Barbie Girls.

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

LEGO использует аналогичный подход в своем процессе регистрации, необходимой для получения LEGO ID. Анимированный человечек Лего объясняет маленьким пользователям преимущества регистрации. Дополнение известного персонажа (знакомого образа) текстом и голосом подкрепляет ценное предложение сайта.



Рисунок 2. Регистрация LEGO ID на втором анимационном экране.




Предоставление возможностей для творчества


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

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

Хорошим подходом является попросить детей творчески делиться личными данными на каждом этапе процесса. К примеру, на сайте PBS KIDS GO! На первом шаге процесса регистрации от ребят просят придумать себе имя пользователя. Не адрес электронной почты, не имя папы или мамы, а любое имя, которое им понравится, таким образом позволяя им придумать заново свою личность для этого сайта.



Рисунок 3. Создание имени пользователя на PBS KIDS GO!.

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

Poptopica, детский виртуальный мир, созданный силами Pearson Family Education Network, также предлагает детям множество возможностей для творчества в самом начале процесса регистрации. Для того чтобы получить базовую информацию от маленьких пользователей, сайт предлагает им создать своего персонажа-аватара. Он проводит их через процесс, побуждая их делиться своими личными данными таким образом, что детям это нравится.



Рисунок 4. Создание персонажа на Poptopica.




Картинки


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

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

На сайте PBS KIDS GO! картинки используются вместо секретного вопроса для восстановления пароля. Детям предлагается выбрать их самые любимые объекты из трех рядов изображений. Это не только делает процесс восстановления пароля развлечением, а также требует от детей распознавания образов вместо вспоминания, т.к. дети понимают, что изображено на картинках и знают, какие картинки им нравятся больше.



Рисунок 5. Изображения для создания секретного кода на сайте PBS KIDS GO!

Стоит отметить, что хотя использование картинок очень полезно, с символами и иконками могут быть проблемы, т.к. дети в этом возрасте только учатся мыслить абстрактно. Если для взрослых иконка с видеокамерой означает то, что они могут посмотреть видео, то дети вполне могут подумать о том что она предлагает им создать видео. На недавнем юзабилити-тесте, оценивавшем популярные сайты для детей, шестилетняя девочка прямо так и заявила: «Уау, круто! Это значит что я сейчас нажму на кнопочку и смогу снять видео чтобы поделиться им с друзьями?». Она не смогла экстраполировать настоящее значение иконки, основываясь на контексте и содержимом сайта.




Личная информация


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

А другой семилетний мальчик отказался вводить в форму сайта Club Penguin адрес своей электронной почты и заявил буквально следующее: «Нельзя ничего указывать о себе в интернете, иначе они узнают твой адрес и украдут что-нибудь у тебя из дома».

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

Интересный способ собрать личные данные придумали в Funbrain Math Arcade. Для того, чтобы начать игру, ребенку нужно ввести пол и возраст. Эта информация выбирается в двух интерактивных виджетах. С точки зрения ребенка это выглядит безопаснее, так как ему не кажется, что он вводит какие-то данные, он просто играет в игру. Во время тестирования этого сайта шестилетняя девочка заявила: «Это круто! Игра просто хочет узнать девочка я или мальчик а также спрашивает мой возраст. Мне кажется это нужно для того чтобы моя игра не была для меня слишком простой или наоборот, слишком сложной».



Рисунок 6. Поля в регистрации в виде игры на сайте Funbrain Math Arcade.

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



Рисунок 7. Экран пароля на сайте Funbrain Math Arcade предлагает сгенерированный пароль..




Язык


Когда дело доходит до веб-терминологии, дети оказываются не по годам умными. Они знают что значит «зарегистрироваться», «войти» и «ввести пароль». Однако некоторые термины, привычные для взрослых пользователей сети, для детей оказываются трудноватыми — например, «имя пользователя», «секретный вопрос», «отправить» (submit). Они смущают и дезориентируют. Одна девочка, увидев слово «отправить», спросила что это означает: «Отправить? Как «отправить письмо»?». Лучше использовать слова, напрямую связанные с текущим действием, например «войти», «начать», «узнать больше» вместо таких самоотносимых команд как «отправить», «нажмите здесь» или «читать дальше».

Дети также не любят когда с ними общаются менторским тоном. К примеру, называть других игроков или пользователей «друзьями» дерзко и самонадеянно. Одна восьмилетняя девочка, играя на сайте Webkinz, воскликнула: «Никакие они мне не друзья! Сайт не знает моих друзей!». С другой стороны, упрощение слова «пароль» до «секретного кода» или «личного когда» не только смотрится слишком по-детски, но еще и путает. Семилетний мальчик сказал в таком случае: «Какой еще секретный код, пароль что ли?»

Кроме того, дети в таком возрасте все еще немного эгоцентричны, из-за чего с трудом понимают косвенные обращения. К примеру, слова «моё», «мне» или «меня» сбивают их с толку. Во время тестирования шестилетний мальчик спросил: «Кто это говорит?». Когда его попросили уточнить свой вопрос, он сказал: «На сайте говорится «Мое имя». Чье это моё? Кто это?». Он не понимает что «мое» значит его.

Вот несколько слов на дружелюбном для детей языке, которые следует использовать для обозначения веб-терминов:
«Присоединиться» вместо «Регистрация».
«Войти» вместо «Авторизация».
«Начать» вместо «Отправить».
«Ник / Имя на сайте» вместо «Имя / Имя пользователя».
«Ты / Твой» вместо «Я / Мой».
«Пароль» вместо «Секретный код».
«Друзья на сайте» вместо «Друзья» или «Другие игроки».




Заключение


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

.
PS от переводчиков: Надеюсь, вам понравилась статья. Мы будем рады, если вы укажете нам на ошибки в переводе, чтобы мы могли их оперативно исправить. Пишите мне в личку, пожалуйста :)
Автор: @DezmASter
UXDepot
рейтинг 36,94
Компания прекратила активность на сайте
Реклама помогает поддерживать и развивать наши сервисы

Подробнее
Реклама

Комментарии (33)

  • +3
    Интересно было почитать, спасибо большое. Думаю, что некоторые вещи можно использовать и для взрослых.
    • 0
      В этом и суть — из этой статьи можно извлечь много полезного и для «взрослых форм» :)
  • +2
    Знаете, мне в детстве не особо нравились психически неуравновешенные яркие карамельные цвета, больше тянуло к чёрному и спокойному.
    По поводу статьи: шесть-восемь лет как-то рановато, нет? А то скоро уже о интерфейсах для новорожденных будет думать впору.
    • +3
      шесть-восемь лет как-то рановато, нет?

      куда деваться… не мы такие, жизнь такая :)
    • НЛО прилетело и опубликовало эту надпись здесь
      • 0
        Вы не один такой :-)

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

        В ваши-то 4-8 лет, наверное, интернетов с его порно и бесконтрольной матерщиной не было.
        • 0
          Хотя, посмотрев в ваш профиль, понял, что скорее всего уже были интернеты у вас.

          Но, все же, тогда они были более адекватные, согласитесь :-)
          • НЛО прилетело и опубликовало эту надпись здесь
            • +2
              Я получаю психическое расстройство в этих ваших интернетах каждый день, хотя мне уже 33. Если бы ещё не баннерорезалка…
  • +1
    Всё написанное как нельзя соответствует не только для дете 6-8, но и для обычных взрослых людей.
    Спасибо за статью, интересная.
  • +6
    Лучше использовать слова, напрямую связанные с текущим действием, например «войти», «начать», «узнать больше» вместо таких самоотносимых команд как «отправить», «нажмите здесь» или «читать дальше».
    Это и к «взрослым» интерфейсам относится:)

    Когда его попросили уточнить свой вопрос, он сказал: «На сайте говорится «Мое имя». Чье это моё? Кто это?».
    Я вроде бы и взрослый, но мне такие вещи тоже взрывают мозг.
  • +2
    насчёт «чёрно-белых цветов» автор явно перебрал.
    • 0
      Черный и белый, по вашему, не цвета? :)
      • 0
        Раби сказал что цвета.

        Но я сомневаюсь, что восприятие детей настолько ограничено.
        • 0
          Мне кажется, речь здесь о том, что дети воспринимают разные вещи либо как абсолютно полезные, либо как абсолютно вредные :)
          • 0
            такая двойственность (полезное/вредное, плохо/хорошо) появляется гораздо позже.

            для детям вернее скорее «интересное» / «неинтересное», а это с цветами совсем не связано :)
        • 0
          В курсе возрастной психологии учать, что у детей способность к концентрации внимания меньше, чем у взрослого, и внимание быстрее переключается на более сильные раздражители (в данном случае яркие цвета).
  • 0
    Пипец. Почему дизайн рассчитанный на детей всегда такой уебщиный? Мне кажется такие яркие картинки интересны детям, максимум до 2, ну в крайнем случае трех лет
  • НЛО прилетело и опубликовало эту надпись здесь
    • +1
      «Разработчики детских интерфейсов думают, что дети — это бестолковые идиоты...»

      В процессе работы приходилось сталкиваться с создание сайтов, ЦА которых дети — так вот разработчики тут не при чем — это так клиенты заказывают…
      • 0
        хм… в данном случае «разработчиком» в вышеупомянутом смысле — т.е. теми, кто решает что и как будет — и являются те, кого Вы называете «заказчики».
  • –3
    Статья из разряда цитат КО. Самые главные вещи которые нужно учесть при регистрации ребенка это — 1) визуализация вопроса, 2) Ни чего лишнего(отвлекающего) и 3) Прямое значение(Ну американцам и для этого инструкция нужна)
    • –3
      А за перевод спасибо.
  • НЛО прилетело и опубликовало эту надпись здесь
  • +2
    Краткое содержание статьи: 5 способов обхитрить ребенка, чтобы он выполнил нафиг не нужные и всех раздражающие действия, типа регистрации и указания личных данных.
  • +2
    Вот хоть убейте — не понимаю, почему все основные правила дизайна не применяются для детских сайтов? А потом вырастают люди, носящие цвета под стать этим сайтам. Вырвиглаз — не самая удачная идея, даже для детских сайтов. По поводу подсказчиков — еще мистер Гейтс и Ко поняли, что визуализированные помощники не самая удачная затея, поскольку акцентирует на себе слишком много внимания, отвлекая от содержания.
    Не забывайте, что дети тоже люди и им не чуждо чувство прекрасного — не надо формировать его таким отвратительным образом.
    • +4
      Согласен с вами. Недавно вот стих хороший на глаза попался, глубоко в душу проник:
      Не надо говорить неправду детям,
      Не надо их в неправде убеждать.
      Не надо уверять их, что на свете
      Лишь тишь да гладь, да божья благодать.
      Они поймут. Они ведь тоже люди.
      Откройте им, что трудностей не счесть.
      Пусть видят же не только то, что будет,
      Пусть видят, ясно видят, то, что есть.
      Евгений Евтушенко
      • 0
        +1, хорошее стихотворение
  • 0
    Мне кажется, что взрослый человек все-равно очень далек от реальной детской психологии и восприятия. Исходя из этого мы можем только попытаться воспроизвести (вспомнить уже вряд ли) некие элементы детской психологии, что и отражено в статье. Но процент попадания вряд ли превысит треть, а то и четверть.
  • 0
    У меня сыну почти 7, он освоил starcraft 2, но регистрироваться прока нигде не собирался ))
  • 0
    «Друзья на сайте» вместо «Друзья» или «Другие игроки» — подошло бы для каждой вездесущей современной соцсети. Там просто некоторых язык не поворачивается назвать «другом».
  • 0
    «Правильная форма регистрации для детей обладает несколькими важными свойствами:
    Использует конкретность вместо абстрактности.
    Предоставляет возможности для творчества.
    Использует картинки везде, где это только возможно.
    Запрашивает минимальное количество личной информации.
    Использует понятный, дружелюбный язык общения.»

    А для взрослых типа не катит? =)

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

Самое читаемое Разное