Проектування веб-інтерфейсів для дітей
Діти проводять багато часу в інтернеті. Це факт, який зобов`язані враховувати дизайнери, розробляючи інтерфейси сайтів. Темні тони, дрібні шрифти не підходять для дітей.
зрушення парадигми
12 Марта 1989 роки ми відзначаємо день народження Інтернету - в цей день вийшов перший інтернет браузер, Mosaic. Ця дата позначає кінець однієї епохи і початок іншої, і насправді дуже важлива. Ті з нас, хто виріс без інтернету в якості основного джерела інформації і розваг, просто жив в інший парадигмі, ніж сьогоднішні діти.
Ті з нас, хто пам`ятає час без інтернету, жили в аналогової парадигмі. Наприклад, в 1995-1998 роках ми всі після школи бігли в бібліотеку за книгами, щоб підготуватися до уроку або написати реферат.
Якби ми повернулися в аналогову парадигму, то використовували б книги як основне джерело інформації.
Наша психологія влаштована так, що ми звикли все тримати під контролем. Наприклад, взявши книгу з полиці, ми можемо йти до столу, щоб прочитати її, з такою швидкістю, з якою самі захочемо. Ось тому нам так не подобається, коли сайт довго завантажується - занадто ми звикли все контролювати, а в даному випадку зовсім не можемо вплинути на ситуацію.
Люди, які не пам`ятають світу без інтернету, мають зовсім інше поняття про час. Вони знають, що сайт завантажиться свого часу - потрібно просто почекати. Вони знають, що вони не в змозі контролювати час дії.
Якщо поспостерігати за дітьми перед комп`ютером, можна помітити дуже цікаві речі. Якщо сайт завантажується повільно, вони просто займаються чимось іншим в цей час - дивляться телевізор або говорять з іншими дітьми.
Звичайно, діти ростуть з планшетами, смартфонами і комп`ютерами, але це не означає, що вони автоматично стають експертами в їх використанні. Навпаки, насправді будь-який планшет- то закрита, обмежена середовище, де вони не можуть нашкодити (крім покупки занадто багато насіння для «Ферми» або видалення фотографій), але це не навчає їх того, як технологія працює, як влаштовані комп`ютери, або як управляти технологією для створення нових речей.
Але те, що діти живуть в іншій епосі, дуже впливає на їх сприйняття Інтернету. Спілкування з сенсорними гаджетами з самого юного віку надзвичайно впливає на їхню психіку (ми повернемося до цього пізніше).
Крім того, вони діти. Вони і в психологічному, і у фізичному аспектах поступаються дорослим. Таким чином, ми повинні думати по-іншому, коли проектуємо інтерфейс для них.
Рекомендації з проектування для дітей у віці від 7 до 12
Рекомендації не дарма спрямовані на проектування веб-інтерфейсів для дітей саме у віці від семи до дванадцяти років. Справа в тому, що малюки до 7 років в основному користуються планшетами і смартфонами, граючи в різні ігри і використовуючи додатки. Дитина у віці семи років вже потихеньку починає знайомитися зі світом Інтернету, користуючись для цього браузером. Діти старше дванадцяти поступово переходять на «дорослу» модель взаємодії з віртуальним світом.
Потрібно постаратися зробити так, щоб діти зустрічали поменше бруду в інтернеті. А її виливається на них дуже багато, її кількість прямо дивує.
Просто спробуйте завантажити Pixelmon Mod для Minecraft, показаний нижче. Це зайняло у мене кілька хвилин, і мені довелося зустріти два рекламних ролики, і обійти їх ніяк не вдавалося. Це дуже складний і заплутаний шлях.
Зображення вище ілюструє шлях користувача до завантаження файлу на Pixelmon Mod. На сторінці завантаження, ви відразу бачите велику зелену кнопку «Завантажити», яка, по суті, є рекламою. Дитина, звичайно ж, відразу клацне на цю кнопку!
Далі сторінка пропонує мені вибрати версію, в залежності від версії Minecraft, в яку я граю. Не думаю, що кожна дитина зможе розібратися в цьому. Потім же - найцікавіше. При натисканні кнопки вони обидві відправляють користувача на сайти з рекламою. Якщо натиснути «Пропустити рекламу» (це доступно через 5 секунд) починається зворотний відлік, і тільки через 10 секунд нарешті можна скачати те, що хотів.
Як ви думаєте, чи зможе дитина виконати все це, не натиснувши на рекламу хоча б раз? Скоріш за все ні.
Це не правильно. Це - зло. Ми, як проектувальники і розробники, повинні думати, як зробити краще для дітей. Для того, щоб зробити це, ми повинні розуміти дітей, і то, як вони взаємодіють з навколишнім світом.
Розвиток мозку дитини
Давайте подивимося на те, як розвивається людський мозок.
Десь у віці двох років дитина починає усвідомлювати себе як особистість, але при цьому у нього немає розуміння багатьох абстрактних понять. Що стосується фізичних навичок, вони також недосконалі, але малюк може вдарити або натиснути на сенсорну кнопку. Дослідження показують, що найпопулярніший гаджет у дітей до 4-ох років - це планшет.
Приблизно у віці шести років, лобові частки повільно починають дозрівати і розвиватися. Приблизно в цьому віці ви можете почати вчити дітей зосереджуватися на більш тривалі періоди часу (хлопчиків трохи пізніше, ніж дівчаток). Приблизно в цьому віці діти починають вчитися поводитися з ножицями. Але до десяти років у малюків ще слабо розвинена дрібна моторика - і це основний фактор, який впливає на те, як діти фізично взаємодіють з інтерфейсом.
Уже в десять років дитина має необхідні фізичні навички, щоб повноцінно користуватися клавіатурою і мишкою. Але є особливість, яка відрізняє дитини від дорослого - це до сих пір не розроблена здатність мислити абстрактно. Вона починає формуватися в 12 років, а закінчує - в 26!
Здатність мислити абстрактно дуже важлива, тому що вона дозволяє людині передбачити наслідки своїх дій і задуматися про них. Звичайно, 8-річний малюк може передбачити, що, перекинувши склянку води на комп`ютер, він зламає його. Але можна гарантувати, що через два тижні після ремонту, дитина буде просити, щоб сидіти за комп`ютером з келихом води знову.
Так і з рекламою. Якщо дитина один раз пройде по посиланню, він зробить це знову і знову, і так до тих пір, поки комп`ютер не вийде з ладу через вірусів. Все тому, що мозок дитини ще не може усвідомити до кінця наслідки вчинених дій. Малюк ще не може зрозуміти, скільки часу, грошей і зусиль буде покладено для ремонту комп`ютера, або скільки даних може бути відправлено хакеру, який може відстежувати кожен крок або заподіяти іншу шкоду.
Що впливає на використання Інтернету дітьми?
Отже, ми знаємо, що діти дуже відрізняються від дорослих. І ми знаємо, що їх пізнання навколишнього світу надзвичайно розвивається, оскільки вони стають старше. Але багато інших чинників впливає на те, як ми повинні розробляти веб-дизайн для дітей. Давайте розглянемо деякі з них.
Як вже було сказано вище, діти у віці двох років використовують планшети для ігор і перегляду відео в YouTube (через додаток).
Діти використовують цифрові інтерфейси з самого раннього дитинства, і ми повинні пам`ятати кілька деталей при проектуванні їх для малюків.
Ці інтерфейси, як правило, мають мало тексту і багато кнопок для підтримки навігації. Діти звикають до великої кількості графіки та великим кнопок навігації, а також до того, що на сторінках мало тексту. Крім цього, діти добре знають, як запустити відео, поставити його на паузу або розгорнути на весь екран.
Мова - це складна система, якій людина повинна володіти досконало, щоб вміло використовувати.
Діти вчаться володіти мовою з самого народження, але не вміють користуватися ним, так як не до кінця навчилися управляти ротом і язиком.
Це не означає, що вони не розуміють мову або не можуть спілкуватися - просто діти не до кінця володіють цим інструментом.
І це дуже важливо враховувати при проектуванні інтерфейсу. Читати діти вчаться набагато швидше, ніж писати, і в багатьох країнах це відбувається приблизно в шість років. У віці восьми років дитина вже здатна прочитати і зрозуміти прості речення.
Але в той же час, якщо ви орієнтуєтеся дітей певного віку, пам`ятайте, що їх фізичні здібності будуть набагато випереджати мовні. А що робить той, хто ще не може читати? Правильно, він діє інтуїтивно і запам`ятовує дії, вкладаючи зміст у іконки і зображення.
Щоб відчути себе в шкурі дитини, подивіться на скрін нижче. Це популярний китайський сайт Alibaba, присвячений електронній комерції. Ви не можете зрозуміти, що тут відбувається, але можете зорієнтуватися по загальноприйнятим іконка і зображень. Діти роблять те ж саме, якщо вони не можуть «читати» інтерфейс.
Відео: Юзабіліті сайтів. Проектування веб - інтерфейсів 1/50
Отже, ми розглянули, які особливості дитячого мозку, і чим керуються малюки, перебуваючи в інтернеті. Тепер можна перейти, на основі цього, до практичних порад - що слід керуватися, розробляючи дизайн сайту для малюків.
Керівництво по розробці інтерфейсу для дітей
Взаємодія з інтерфейсом - це справжня майстерність, що вимагає певних фізичних навичок. Зробіть все для того, щоб логін і пароль було просто ввести, щоб клавіатура була досить великою - для дітей виконати цю операцію дуже непросто, так як дрібна моторика ще не до кінця розвинена.
Пам`ятайте, що перший час діти грають на планшетах, а коли беруть в руки мишку, їх рівень володіння нею ще дуже низький. Тому зробіть вибір на користь великих кнопок - вони більш знайомі дітям, як засіб переходу в потрібне місце.
Дитячий сайт National Geographic`s - яскравий приклад цьому.
Причому іконки повинні мати чіткий зв`язок з реальним світом - пам`ятайте про те. Що у дітей ще немає чітко сформованих абстрактних понять.
Y8, дуже популярний ігровий сайт, як серед хлопчиків, так і дівчаток, використовує великі зображення для навігації.
Згадайте китайський сайт Alibaba. Точно так же виглядає сайт англійською для дітей, які не володіють цією мовою. Тому, якщо ви змінюєте дизайн сайту, залиште кнопки навігації там же, адже діти запам`ятовують шлях за допомогою м`язової і зорової пам`яті.
Закадрові підказки гарні для маленьких дітей, які ще не вміють читати. В іншому випадку голос тільки заважатиме, і перевантажувати маленьких користувачів, так як читання і прослуховування одночасно - важкий процес. Надайте дітям можливість відключити звук при бажанні.
Дітям складно використовувати для пошуку ключові слова. Подбайте про автозаповнення і про просте виведення результатів пошуку, особливо для хлопців молодше 11 років.
Багато речей діти роблять разом - наприклад, грають або дивляться відео. Зробіть так, щоб вони могли без проблем спілкуватися один з одним, залишати коментарі, ставити лайки, голосувати. Як, наприклад, це зроблено на сайті DIY.
Діти віком до 8-ми років відразу підуть із сайту, на якому не змогли знайти потрібну. Тому продумайте голосову підтримку або зрозумілі інструкції. Старші діти спокійно сприймуть повідомлення про помилку.
Відео: Розробка веб інтерфейсів по БЕМ методології [GeekBrains]
Як приклад - гра BrainPOP, тут відразу видно «інструкція на вимогу».
Відео: Реактивний програмування і сучасні веб-інтерфейси
Wonderville - це навчальна гра для дітей старшого віку. Вона пропонує дуже мало інструкцій - але гарне сполучення після відмови.
Найбільше діти люблять грати в ігри. Вони беруть участь майже у всіх іграх і конкурсах. Використовуйте вікторини та системи винагороди, ігрові прийоми, щоб доносити потрібну інформацію і спілкуватися з маленькими відвідувачами.
Тестування важливо для будь-якого проекту, але у випадку з дітьми йому потрібно приділяти ще більше уваги. Підготуйтеся до того, що діти не будуть слідувати вашим вказівкам.
відповідальність
Хотілося б закінчити статтю нагадуванням про відповідальність. Дітей легко обдурити і змусити робити речі, які не обов`язково хороші для них. Діти не можуть передбачити наслідки своїх дій. Ми, як розробники і дизайнери, беремо на себе велику відповідальність. Ми в основному створюємо абсолютно не потрібні дітям речі. Ми повинні зробити речі, які будуть покращувати життя, допомагати стати розумнішими, а не навпаки.
Ми також зобов`язані відхилити клієнтів, які хочуть робити гроші на невинних дітей. Відмовтеся від реклами та іншого бруду, уникнув неї малюків.
