UX design strony wyboru kandydata

Opisz projekt, dla którego trzeba opracować projekt interfejsu:  

Zadanie polega na opracowaniu rozwiązania UX dla strony internetowej, która ma na celu przedstawienie nianiek rodzinom/klientom.

Pomysł polega na tym, aby klienci otrzymywali e-mail z linkiem do strony internetowej, na której agencja nianiek przedstawia im wybór nianiek do wyboru.

Przykład aktualnego wyjścia można zobaczyć pod następującym linkiem:

https://dev.solidumsverige.se/clients/index?id=xN1yQGta9t6-PtkxQZsWwWb-jLFhm_y14ndvXcZq5JaxpC0QEhnbvNx4l0k44kKNMJXY3CjWz-27A1gz9Qi92Q==

• Co jest potrzebne?
  1) Strukturyzacja informacji o nianiach:

  • Informacje o każdej niani są podzielone na wyraźne bloki lub karty, gdzie każda karta przedstawia jedną nianię.
  • Na karcie powinny znajdować się podstawowe cechy niani, takie jak imię, wiek, cechy, języki, zainteresowania, zdjęcia i filmy.

• 2) Zdjęcia i filmy:

  • Dla każdej niani, dla której dostępne są zdjęcia lub filmy, wyświetl te materiały na karcie, aby klient mógł lepiej poznać nianię.
  • Jeśli jakaś niania nie ma zdjęcia lub filmu, koniecznie ostrzeż o tym na karcie.

• 3) Jasne przedstawienie informacji:

  • Umieść bloki z informacjami, takie jak "Tło", "Obecna sytuacja", "Doświadczenie" i "Nasze wrażenie" pod każdą kartą z informacjami o niani.
  • Użyj zakładek lub akordeonów dla tych bloków, aby klienci mogli łatwo przełączać się między nimi.

• 4) Interaktywny wybór niani:

  • Zapewnij przycisk lub pole wyboru obok każdej karty niani, aby klient mógł wybrać, czy chce spotkać tę nianię, czy nie.
  • Po wyborze niani przez klienta, aktywuj wizualne przedstawienie tego wyboru, na przykład poprzez zmianę koloru karty lub pojawienie się ikony z poprawną odpowiedzią.

• 5) Zrozumiały przełącznik języka:

  • Umieść przełącznik języka na górze strony i oznacz go ikonami językowymi lub nazwami krajów.
  • Dodaj instrukcję korzystania ze strony w obu językach, aby klienci łatwo rozumieli, jak wybierać nianię i zmieniać swoje odpowiedzi. Tekst instrukcji brzmi mniej więcej tak: Proszę daj nam znać, którą z nianiek chciałbyś spotkać. Naciśnij przycisk    "..." jeśli chcesz spotkać proponowanego kandydata lub "..."  jeśli kandydat z jakiegoś powodu nie pasuje. Twoja odpowiedź automatycznie wyświetli się w naszym systemie. Możesz zmienić swoją odpowiedź.

• 6) Adaptacja mobilna:

  • Projekt interfejsu powinien być dobrze dostosowany do przeglądania na urządzeniach mobilnych, ponieważ klienci mogą otrzymywać e-maile na swoich smartfonach.

• 7) Informacja zwrotna i potwierdzenie:

  • Dodaj komunikat o pomyślnym wysłaniu odpowiedzi dotyczącej wyboru niani, aby klient wiedział, że jego odpowiedź została odebrana i niania skontaktuje się z nim w najbliższym czasie.

Nazwa firmy:  Barnakademin

Rodzaj działalności firmy:  Usługi niani

Opis produktów / usług:  Nianie opiekują się dziećmi

Kanały dystrybucji i geografia sprzedaży:  Szwecja

Portret docelowej grupy odbiorców:  Rodzice mamy i taty w wieku od 28 do 50 lat

Główne funkcje interfejsu: 

Klient otrzymuje informacje o nianiach, porównuje je,  ogląda filmy i przełącza bloki z informacjami: 

WAŻNE !🙂 

Rozmiar i długość tekstu będą mniej więcej takie same jak w podanym w linku przykładzie https://dev.solidumsverige.se/clients/index?id=xN1yQGta9t6-PtkxQZsWwWb-jLFhm_y14ndvXcZq5JaxpC0QEhnbvNx4l0k44kKNMJXY3CjWz-27A1gz9Qi92Q==

Obecnie blok zebrał wszystkie potrzebne informacje, ale nie jest wygodny w odbiorze

Krótki scenariusz interakcji interfejsu z użytkownikiem:  

Zadanie 1 aby wszystkie sekcje były wyświetlane w taki sposób, aby klient mógł łatwo zobaczyć i porównać wszystkie informacje o nianiach: imię, wiek, cechy, języki, zainteresowania, zdjęcia i filmy (mogą być przypadki, gdy jakieś zdjęcie lub film u którejś z nianiek nie będzie) + bloki z informacjami: Tło - Obecna sytuacja - Doświadczenie - Nasze wrażenie

Zadanie 2 Przemyśleć, jak maksymalnie uprościć UX dla klienta, aby wybór niani był jasny i wygodny.

Interaktywny wybór niani:

• Zapewnij przycisk lub pole wyboru obok każdej karty niani, aby klient mógł wybrać, czy chce spotkać tę nianię, czy nie.
• Po wyborze niani przez klienta, aktywuj wizualne przedstawienie tego wyboru, na przykład poprzez zmianę koloru karty lub pojawienie się ikony z poprawną odpowiedzią.

Pomysł polega na tym, aby dla każdej niani klient mógł wybrać odpowiedź: chcę ją spotkać lub nie chcę. Po naciśnięciu zapalała się poprawna odpowiedź i pojawiała się podpowiedź: "wybrałeś, że chcesz spotkać tę nianię, otrzymaliśmy twoją odpowiedź i niania skontaktuje się z tobą w najbliższym czasie.  Możesz zmienić odpowiedź, wybierając inną opcję."

Czy należy używać wizualnych obrazów, postaci w projekcie interfejsu? Jakie dokładnie, opisz.  

Język interfejsu:  Szwedzki i angielski. Na górze pośrodku znajduje się obecnie przełącznik języka. 

Czy masz stronę internetową i identyfikację wizualną?  Tak, https://barnvaktistockholm.se/

Czy interfejs powinien być w identyfikacji wizualnej?  Tak

Określ główne i dodatkowe kolory, które należy użyć w projekcie interfejsu:  

Czy istnieje prototyp interfejsu?  https://dev.solidumsverige.se/clients/index?id=xN1yQGta9t6-PtkxQZsWwWb-jLFhm_y14ndvXcZq5JaxpC0QEhnbvNx4l0k44kKNMJXY3CjWz-27A1gz9Qi92Q==

Podaj przykłady projektów interfejsów, które są bliskie pod względem stylu:  

Podaj wszelkie dodatkowe informacje, które uważasz za ważne.  

Najważniejsze, aby wybór niani i naciśnięcie przycisków były intuicyjnie zrozumiałe dla klienta. Musi on łatwo zrozumieć, jak wybrać nianię i że po naciśnięciu wyboru odpowiedź natychmiast wyświetla się w bazie dostawcy   i nie musi w żaden sposób dodatkowo potwierdzać swojego wyboru. A także, że można zmienić dokonany wybór, odpowiedzieć na wszystkie proponowane nianie lub tylko na te, które chce spotkać, a także że można wybrać kilka nianiek, z którymi interesuje się spotkanie osobiście.

Опишите проект, для которого нужно разработать дизайн интерфейса:  

Задание состоит в том, чтобы разработать 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 лет

Основные функции интерфейса: 

Клиент получает инфо о няням, сравнивает их,  смотрит видео и переключает блоки с информацией: 

ВАЖНО !🙂 

Размер и длина текста будут примерно как в приведённом в ссылке примере 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==

Приведите примеры дизайна интерфейсов, которые близки по стилю:  

Укажите любую дополнительную информацию, которую вы считаете важной.  

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