Опишіть проект, для якого потрібно розробити дизайн інтерфейсу:
Завдання полягає в тому, щоб розробити UX рішення для оформлення веб-сторінки, призначеної для представлення нянь сім'ям/клієнтам.
Ідея полягає в тому, щоб клієнтам надсилалося лист з посиланням на веб-сторінку, на якій агентство нянь надає їм підбірку нянь на вибір.
Приклад поточного виводу можна подивитися за наступним посиланням:
https://dev.solidumsverige.se/clients/index?id=xN1yQGta9t6-PtkxQZsWwWb-jLFhm_y14ndvXcZq5JaxpC0QEhnbvNx4l0k44kKNMJXY3CjWz-27A1gz9Qi92Q==
Що потрібно?
1) Структурування інформації про нянь:
- Інформація про кожну няню розділена на чіткі блоки або картки, де кожна картка представляє одну няню.
- В картці повинні бути основні характеристики няні, такі як ім'я, вік, характеристики, мови, інтереси, фото та відео
2) Фотографії та відео:
- Для кожної няні, де є доступне фото або відео, відображайте ці матеріали в картці, щоб клієнт міг отримати краще уявлення про няню.
- Якщо у якоїсь няні немає фото або відео, обов'язково попередьте про це на картці.
3) Ясне представлення інформації:
- Розмістіть блоки з інформацією, такі як "Background," "Present Situation," "Experience," та "Our Impression" під кожною карткою з інформацією про няню.
- Використовуйте вкладки або акордеони для цих блоків, щоб клієнти могли легко перемикатися між ними.
4) Інтерактивний вибір няні:
- Надайте кнопку або чекбокс біля кожної картки няні, щоб клієнт міг вибрати, хоче він зустріти цю няню чи ні.
- Після вибору клієнтом няні, активуйте візуальне відображення цього вибору, наприклад, за допомогою зміни кольору картки або появи іконки з правильним відповіддю.
5) Зрозумілий перемикач мови:
- Розмістіть перемикач мови в верхній частині сторінки та позначте його мовними значками або назвами країн.
- Додайте інструкцію по використанню сторінки на обох мовах, щоб клієнти легко розуміли, як вибирати няню та змінювати свої відповіді. Текст інструкції приблизно такий: Будь ласка, дай нам знати, яку з нянь ти хотів би зустріти. Натисни на кнопку "..." якщо ти хочеш зустріти запропонованого кандидата або ж "..." якщо кандидат з якоїсь причини не підходить. Твоя відповідь автоматично відобразиться в нашій системі. Ти можеш змінити свою відповідь.
6) Мобільна адаптація:
- Дизайн інтерфейсу повинен добре адаптуватися для перегляду на мобільних пристроях, оскільки клієнти можуть отримувати листи на своїх смартфонах.
7) Зворотний зв'язок і підтвердження:
- Додайте повідомлення про успішну відправку відповіді про вибір няні, щоб клієнт знав, що його відповідь отримана і няня зв'яжеться з ним найближчим часом.
Назва компанії: Barnakademin
Рід діяльності компанії: Послуги няні
Опис продуктів / послуг: Няни доглядають за дітьми
Канали розповсюдження та географія продажів: Швеція
Портрет цільової аудиторії: Батьки мамі та татові віком від 28 до 50 років
Основні функції інтерфейсу:
Клієнт отримує інформацію про нянь, порівнює їх, дивиться відео та перемикає блоки з інформацією:
Background - Present Situation - Experience - Our Impression
ВАЖЛИВО !🙂
Розмір і довжина тексту будуть приблизно такими ж, як у наведеному в посиланні прикладі https://dev.solidumsverige.se/clients/index?id=xN1yQGta9t6-PtkxQZsWwWb-jLFhm_y14ndvXcZq5JaxpC0QEhnbvNx4l0k44kKNMJXY3CjWz-27A1gz9Qi92Q==
Зараз блок зібрав всю потрібну інформацію, але не зручний для сприйняття
Короткий сценарій взаємодії інтерфейсу з користувачем:
Завдання 1 щоб всі секції були виведені так, щоб клієнту було легко побачити і порівняти всю інформацію про нянь: ім'я, вік, характеристики, мови, інтереси, фото та відео (можуть бути випадки, коли якесь фото або відео у якоїсь з нянь не буде) + блоки з інформацією: Background - Present Situation - Experience - Our Impression
Завдання 2 Продумати, як би зробити максимально просто, зрозуміло і зручно UX для клієнта, як вибрати няню.
Інтерактивний вибір няні:
- Надайте кнопку або чекбокс біля кожної картки няні, щоб клієнт міг вибрати, хоче він зустріти цю няню чи ні.
- Після вибору клієнтом няні, активуйте візуальне відображення цього вибору, наприклад, за допомогою зміни кольору картки або появи іконки з правильним відповіддю.
Задумка в тому, щоб по кожній няні клієнт міг вибрати відповідь: хочу її зустріти або не хочу. При натисканні загорявся правильний відповідь і з'являлася підказка: "ти вибрав, що хочеш зустріти цю няню, ми отримали твою відповідь і няня зв'яжеться з тобою протягом найближчого часу. Ти можеш змінити відповідь, вибравши іншу опцію."
Чи потрібно використовувати візуальні образи, персонажі в дизайні інтерфейсу? Які саме, опишіть.
Мова інтерфейсу: Шведська та англійська. Зверху в середині зараз перемикач мови.
Чи є у вас сайт і фірмовий стиль? Так, https://barnvaktistockholm.se/
Чи повинен бути інтерфейс у фірмовому стилі? Так
Позначте головні та додаткові кольори, які потрібно використовувати в дизайні інтерфейсу:
Чи є прототип інтерфейсу? https://dev.solidumsverige.se/clients/index?id=xN1yQGta9t6-PtkxQZsWwWb-jLFhm_y14ndvXcZq5JaxpC0QEhnbvNx4l0k44kKNMJXY3CjWz-27A1gz9Qi92Q==
Наведіть приклади дизайну інтерфейсів, які близькі за стилем:
Вкажіть будь-яку додаткову інформацію, яку ви вважаєте важливою.
Найголовніше, щоб вибір няні та натискання кнопок були інтуїтивно зрозумілі клієнту. Він повинен легко зрозуміти, як вибрати няню і що при натисканні вибору відповідь відразу відображається у компанії-постачальника в базі, і йому не потрібно якось ще підтверджувати свій вибір додатково. А також, що можна змінити зроблений вибір, відповісти по всім запропонованим нянькам або тільки по тим, кого хоче зустріти, а також що можна вибрати кілька нянь, з якими цікаво зустрітися особисто
