Веб-дизайн з акцентом на аудиторію: проектуємо інтерфейси для різних поколінь

1. Чому вік користувачів має значення
2. діти
3. тінейджери
4. Мілленіали
5. покоління X
6. Бебі-бумери і пенсіонери
7. Далі - найцікавіше

Веб-дизайнер перевіряє чек-лист. Відповідність дизайну останнім тенденціям - є. Зручність і простота - є. Інтуїтивний інтерфейс - а ось на цьому пункті, мабуть, потрібно зосередитися.

Чому вік користувачів має значення

Фраза «вік - це просто цифри» не відноситься до дизайну інтерфейсу: ці слова суперечать кінцевої мети розробників. Припустимо, є якийсь сайт. Його цільова аудиторія - діти до десяти років. В цьому випадку веб-дизайнер не стане намагатися дістати електронну адресу для розсилки або інформацію про кредитну картку. Або навпаки: користувач пенсійного віку навряд чи зрадіє кольоровий анімації і Гейміфікація сайту.

Люди різних вікових категорій взаємодіють з сайтами по-різному. Ключову роль грають цілі відвідування сайту, поведінкові патерни, можливі проблеми доступності, а також середній емоційний відгук на певні тригери. Універсальний дизайн, відповідний для всіх, - це міф. Пропоную розглянути аспекти дизайну для п'яти вікових груп.

діти

Яскраві кольори, музика, впізнавані герої - обов'язкові елементи дитячих майданчиків. Мета: не перетворити маленького відвідувача в клієнта, але домогтися лояльності за допомогою розваги або навчання.

Що враховувати в першу чергу.

• Моторика дітей до шести років недосконала. Інтерактивні елементи повинні бути досить великими. Навіть не найспритніший клік повинен видавати очікуваний результат.
• Заради зручної навігації інтерфейс краще робити максимально простим і чистим.
• Звертайте увагу на улюблені дитячі передачі і надихайтеся кольоровою гамою.
• Розкажіть свою історію, використовуючи Гейміфікація, образи і аудіо. Пам'ятайте, що не всі ще вміють читати.
• Варто відмовитися від відволікаючих маневрів: спливаючих вікон, посилань на інші сайти.

Відмінний приклад - сайт дитячого телеканалу PBS KIDS

сайт «Вулиці Сезам» : Улюблені персонажі дають слушні поради

Захоплюючі уроки математики на Coolmath4kids

Багато цікавого про навколишній світ від дитячої версії National Geographic

тінейджери

Сайти для підлітків найкраще проектувати, використовуючи ігрові елементи. Також зверніть увагу на модулі соціальних мереж - тінейджери звикли спілкуватися в Facebook, Instagram і ВКонтакте.

Що потрібно знати про сайти для тінейджерів.

• Відволікаючі маневри - проблема всіх тінейджерів. Рекомендую робити інтерфейс якомога простіше.
• Цільова аудиторія вміє читати. Інше питання - чи захоче. Надійніше спиратися на зображення та інші інтерактивні елементи. Важливо: анімація не повинна бути зовсім дитячої.
• Навіть якщо створення спільноти не головна мета сайту, не ігноруйте соціальні елементи. Можна запропонувати обговорення на форумі або опцію контакту з брендом через соціальні мережі.
• Утримати увагу користувача можна за допомогою мікровзаімодействій .

Віртуальний світ Onverse відповідає основним характеристикам вікової групи: Гейміфікація, інтегрована соціальна мережа, простий інтерфейс

Highbrow - освітній сайт для допитливих тінейджерів. Стримано і зі смаком

Чи не одними іграми живе тінейджер. Yousician - майданчик, на якій любителі музики можуть брати уроки гри на гітарі, клавішах та інших інструментах

Мілленіали

Технічно підковані покоління. А ще досить вимогливе.

Як завоювати мілленіала.

• Використовуйте креатив на повну в питанні скінів і макета сайту, тестируйте останні тренди. Мілленіали оцінять винахідливість.
• Варто розібратися, що таке контактні форми. Ще: мілленіали люблять розбиратися в усьому самі. Надайте FAQs, форуми, підказки.
• Мілленіали хочуть звертатися до кого-то, а не чогось. Мова сайту повинен бути простим і щирим. Користувачі цієї вікової групи люблять, коли їх слухають. Тому обов'язково цікавтеся їхньою думкою.

сайт Wattpad - платформа для письменників і читачів з безліччю цікавої інформації. Він не тільки стильний, але і практичний: немає метушні з логіном

Практичні поради, корисні статті, актуальні обговорення на GenTwenty . Приємна колірна гамма, відсутність відволікаючих маневрів, акуратний дизайн

Лайфстайл-блог з промовистою назвою The Confused Millennial

покоління X

Покоління Х знаходиться між мілленіаламі і бебі-бумерами. Інтереси цієї категорії зводяться до практичності і безпеки. Дизайн простий і одночасно уважний до деталей.

Як зробити сайт зручним для цієї вікової групи.

• Хоча переважна більшість покоління Х знайомі з мережею, не варто розраховувати на те, що ваша аудиторія - суцільно просунуті юзери. Потрібно надати ряд опцій для поліпшення зручності, наприклад, рядок пошуку і фільтри.
• Представники цієї категорії - люди цілеспрямовані, яким потрібен безперешкодний шлях до мети. Їх, як і тінейджерів, краще не відволікати спливаючими вікнами, бічними панелями і рекламою.
• Покоління Х любить досліджувати і шукати корисну інформацію. Змістовний і релевантний контент.
• З усіх вікових груп ця любить читати і не проти довгих текстів. Кілька візуалізацій не будуть зайвими, але тільки якщо вони виправдані.

І знову - кілька прикладів.

Cайт косметичного бренду BobbyBrown

Мінімалістичний і стильний The Zen of Gen X - есе, гумор, фотографії, цікаві факти і життєві історії

Бебі-бумери і пенсіонери

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

Ось кілька вимог до сайтів для старшого покоління.

• Основна мета - зробити інтерфейс максимально зрозумілим. Якщо користувач задає питання «А що мені робити далі?», Значить, ви не впоралися.
• Навігація проста і постійно на виду. Краще використовувати кнопку «Додому»: то, що клік на логотип повертає на головну сторінку, не для всіх очевидно.
• Великий кегль - хороша ідея, але тут важливо не переборщити і не йти на компроміс з дизайном сайту. Нехай користувачі самі змінюють розмір за допомогою спеціального інструменту.
• Бебі-бумери люблять сильні візуальні елементи і заклики до дії. Головне тут - це не перестаратися з палітрою кольорів.
• Не забувайте про підтримку користувачів: онлайн-чати, опції для електронної адреси, телефону і фізичної адреси гідно оцінять.

СhangingAging - надихаючий сайт про довголіття і сенс життя

Next Avenue - інформаційний портал для людей за 50

Онлайн-журнал для жінок, і знову говорить назва - Better After 50

Далі - найцікавіше

Варто розібратися з базовими вимогами до сайтів для різних вікових груп, як починається новий, ще більш складний етап: робота з вашої і тільки вашою аудиторією. Тут необхідно вгризатися в аналітику і адаптувати майданчик з урахуванням географії, рівня освіти і специфіки галузі.

Наприклад, у сайту наукової бібліотеки може бути стриманий (а то й аскетичний) дизайн і заплутана навігація. Тоді як сайт для пацієнтів, розрахований на широку аудиторію, повинен бути гранично простим і чистим, адже його головна мета - позбавити користувачів від складного вибору і відповісти на його питання швидко і без інформаційного шуму.

National Center for Biotechnology Information - платформа при національної медичній бібліотеці США

Patient - портал про охорону здоров'я

Дослідження цільової аудиторії, постійна робота над дизайном і тестування новинок допоможуть зробити дійсно корисний і привабливий сайт.

Читати по темі:

Думка редакції може не збігатися з думкою автора. Ваші статті надсилайте нам на [email protected] . А наші вимоги до них - ось тут .