- PVSM.RU - https://www.pvsm.ru -
Предлагаю вашему вниманию вольный перевод статьи Avi Itzkovitch Designing Experiences for Young Kids: Child Proofing your Application [1]
Мне недавно посчастливилось работать над интерактивной книгой для детей дошкольного возраста (2-5 лет) для платформ IPad и Android. При проектировании для маленьких детей необходимо смотреть на вещи с точки зрения ребенка, и, в процессе работы над проектом, я получил для себя несколько важных уроков.
Дети любопытны и хотят все исследовать. Как правило, они касаются руками всего, что видят, и могут заметить то, что взрослые обычно не замечают. Например, дети не подвержены баннерной слепоте [2], для них это еще одна возможность узнать, что произойдет, если на него нажать. Большинство проблем у молодых пользователей вызывает возможность перемещаться в приложении, потому что они боятся нажать что-то не то. Реклама, случайное прикосновение или просто кнопка меню могут затруднить пользование приложением ребенку.
Дети изучают интерфейс, касаясь всего подряд, пытаясь выяснить все, что можно. Баннеры и кнопки like от фейсбук могут работать в некоторых приложениях, но когда мы проектируем для детей, мы должны понимать, что кликнув на такой кнопке или ссылке на страницу, ребенок может уже не вернуться назад в приложение.
Аналогичная проблема юзабилити происходит, когда молодой пользователь случайно прикасается к кнопке меню. И если при построении интерфейса у UX специалистов это считается нормальной практикой при создании простого в пользовании интерфейса, то для любознательных детей это может вызвать наооборот трудности при использовании.
При проектировании для малышей и дошкольников я рекомендую создать «Защиту от детей», в случае возможного случайного нажатия. Идея проста: дать доступ к меню только родителю. Примерно так же как это делают производители лекарств для баночек с таблетками, мы создаем меню недоступное для детей.
Например, недоступное для детей меню в приложении может требовать одного нажатия для изменения своего состояния, в то время как еще одно нажатие после короткого промежутка времени активирует его. Эта небольшая задержка даст ребенку возможность отвлечь внимание на что-то другое на экране. Если ребенок нажимает что то и не видит реакции, то вряд ли он нажмет это снова. Другим примером является использование кнопки «тянуть», чтобы увидеть меню.
Вот несколько интересных примеров приложений разработаных для детей:
Heydooda! The kitty says: Hello animal kids [3]
Кнопка home в левом нижнем углу при нажатии будет соскальзывать в вверх.
Bartleby's Book of Buttons Vol. 2 [4]
Перетягивание красной полоски вниз активирует меню.
Roxie's Doors [5]
Перетягивание красной стрелки вниз открывает доступ к меню.
Nighty Night! HD [6]
Пример линейной навигации с доступом в меню.
Жест листания используется, чтобы перевернуть страницу в интерактивной книжке, но для маленьких детей этот жест может быт не тем, что они пытаются сделать. Для любознательного ребенка листание с помощью кнопок “назад» и «вперед» будет более эффективным. Вообще, лучше избегать любых чувствительных триггеров при проектировании для маленьких детей.
A Present for Milo [7] — приложение, которое является хорошим примером запутаной навигации; случайное использование жестов листания отвлекают от чтения;
Случайное нажатие на интерактивных элементах вызывает непреднамеренное переворачивание страницы.
Использование акселерометра для управления приложением будет плохой идеей. Так как дети часто небрежно обращаются с устройствами и могут даже бросить его. Это может привести к катастрофе когда в управлении приложения задействован акселерометр.
Toy Story Read-Along [8]
Использование акселерометра может быть опасным.
Дети любят играть вместе, поэтому приложение должно задействовать multi-touch. Например, приложение для рисования должно иметь возможность рисования нескольким детям одновременно. К тому же, ребенок может очень огорчится если одним пальцем он случайно будет нажимать на экран с края, а другим совершать действие без результата, потому что приложение не рассчитано на одновременное нажатие несколькими пальцами. Люк Врублевский об этом пишет в своей статье Touch-based App Design for Toddlers [9]
Toca Boca Birthday Party Playtime [10]
Игра позволяет играть нескольким детям одновременно.
Люк пишет, что когда элементы интерфейса всплывают в приложении поверх их привычного интерфейса с большими и яркими кнопками, дети не знают что с ними делать. Вот пример:
Toy Story Read-Along [8]
Интерфейс игры предполагает возможности, о которых они не подозревают.
Hush Little Baby [11]
Дети могут не знать как использовать меню настроек.
Некоторые специфические жесты и системная панель управления (бар) в IPad и Android устройствах, нажатые случайно, могут быть причиной разочарования у детей. Приложение для детей должно иметь возможность быстрого возвращения, в случае непреднамеренного нажатия этих кнопок. И для простого восстановления следует избегать вывода на экран заставки при его запуске.
Автор: ffffffffff
Сайт-источник PVSM.RU: https://www.pvsm.ru
Путь до страницы источника: https://www.pvsm.ru/interfejsy-dlya-detej/3174
Ссылки в тексте:
[1] Designing Experiences for Young Kids: Child Proofing your Application: http://uxmag.com/articles/designing-experiences-for-young-kids
[2] баннерной слепоте: http://en.wikipedia.org/wiki/Banner_blindness
[3] Heydooda! The kitty says: Hello animal kids : http://
[4] Bartleby's Book of Buttons Vol. 2 : http://itunes.apple.com/us/app/bartlebys-book-buttons-vol./id457784851?mt=8
[5] Roxie's Doors: http://itunes.apple.com/us/app/roxies-doors/id450154138?mt=8
[6] Nighty Night! HD : http://itunes.apple.com/us/app/nighty-night!-hd/id428492588?mt=8
[7] A Present for Milo: http://itunes.apple.com/us/app/a-present-for-milo-a-touch/id405288824?mt=8
[8] Toy Story Read-Along : http://itunes.apple.com/us/app/toy-story-read-along/id364376920?mt=8
[9] Touch-based App Design for Toddlers: http://www.lukew.com/ff/entry.asp?1179
[10] Toca Boca Birthday Party Playtime : http://itunes.apple.com/us/app/parentings-birthday-party/id469933147?mt=8
[11] Hush Little Baby: http://itunes.apple.com/us/app/hush-little-baby-read-long/id370073621?mt=8
Нажмите здесь для печати.