Персоналізовано-універсальний дизайн
Баланс, який вчилися тримати Анастасія Гозова, Лілія Бардіна, Ольга Чайковська, Юлія Савюк та Олександр Павлов — випускники курсу Mobile Interfaces Advanced.
Студенти команди 3 працювали над проєктом для Calmerry — стартапу з підбору психотерапевта.
Завдання: дослідити проблеми юзерів після реєстрації та створити перехідний етап від оплати сесії до першої взаємодії з психотерапевтом.
Що і як робили?
Студенти почали з дослідження, а коли зібрали інсайти й перетворили їх на рішення, перейшли до дизайну. Робота складалася з двох частин.
🔹Онбординг
Студенти пішли шляхом персоналізації з першої взаємодії людей із застосунком.
• Під час реєстрації юзери заповнюють анкету, що складається із загальних запитань. Далі, залежно від їх відповідей, у гру входять алгоритми, які відображають більш точкові запитання.
• На кожному етапі онбордингу користувачів супроводжують підказки, які пояснюють, навіщо потрібна саме ця інформація.
🔹Основний флоу застосунку
• Після онбордингу команда Calmerry підбирає користувачам психотерапевта. Аби знизити стрес очікування в юзерів, студенти додали індикатор прогресу, який показує — пошук фахівця триває.
• Студенти також розробили Journey — персоналізований простір юзера зі швидкими діями, історією проходження терапії та статтями про психотерапевтичну етику.
Що далі?
Calmerry адаптовує та імплементує деякі ідеї студентів команд 1 та 3. Про це, інсайти з дослідження та дизайн-рішення — у повному матеріалі.
Баланс, який вчилися тримати Анастасія Гозова, Лілія Бардіна, Ольга Чайковська, Юлія Савюк та Олександр Павлов — випускники курсу Mobile Interfaces Advanced.
Студенти команди 3 працювали над проєктом для Calmerry — стартапу з підбору психотерапевта.
Завдання: дослідити проблеми юзерів після реєстрації та створити перехідний етап від оплати сесії до першої взаємодії з психотерапевтом.
Що і як робили?
Студенти почали з дослідження, а коли зібрали інсайти й перетворили їх на рішення, перейшли до дизайну. Робота складалася з двох частин.
🔹Онбординг
Студенти пішли шляхом персоналізації з першої взаємодії людей із застосунком.
• Під час реєстрації юзери заповнюють анкету, що складається із загальних запитань. Далі, залежно від їх відповідей, у гру входять алгоритми, які відображають більш точкові запитання.
• На кожному етапі онбордингу користувачів супроводжують підказки, які пояснюють, навіщо потрібна саме ця інформація.
🔹Основний флоу застосунку
• Після онбордингу команда Calmerry підбирає користувачам психотерапевта. Аби знизити стрес очікування в юзерів, студенти додали індикатор прогресу, який показує — пошук фахівця триває.
• Студенти також розробили Journey — персоналізований простір юзера зі швидкими діями, історією проходження терапії та статтями про психотерапевтичну етику.
Що далі?
Calmerry адаптовує та імплементує деякі ідеї студентів команд 1 та 3. Про це, інсайти з дослідження та дизайн-рішення — у повному матеріалі.
❤22
«Що якби Едгар Аллан По написав оповідання про будні дизайнерів, а Netflix екранізували його?»
Спитали себе ми й склали цю добірку.
* Усі сцени та персонажі вигадані, але описані ситуації — з реального дизайнерського життя.
Лише питання, яка з них про вас?
Спитали себе ми й склали цю добірку.
* Усі сцени та персонажі вигадані, але описані ситуації — з реального дизайнерського життя.
Лише питання, яка з них про вас?
😁52❤14🤔1
Повертаємося до 8 помилок в UX-копі
Розібратися допоможе автор статті, який їх і нарахував. Ми зібрали частину з них:
🔹Два дієслова поспіль у реченні збиває користувачів з пантелику. Плюс, слово “cancel” є деструктивним, а “add” є конструктивним, що лише посилює плутанину.
🔹Хоча воркфлоу і має назву “Add Service”, юзерам може бути важко сприймати цей контекст, адже вони не розуміють, з чого саме вони намагаються вийти.
🔹Регістр заголовка не відображає, що цей рядок є реченням.
🔹Дієслова на кнопках та у заголовку не узгоджуються. У коментарях, ви також писали, що не могли зрозуміти, що означає слово “cancel” у цьому контексті. Така ж ситуація з “continue”. Користувачі можуть заплутатися — вони залишаться на сторінці чи ця кнопка допоможе вийти з неї.
🔹Кнопка “continue” візуально контрастує з “cancel”. Такий дизайн спонукає користувачів натискати на першу, яка виконує деструктивну дію — скасовує весь прогрес.
Більше помилок і рішення автора, як їх виправити — у матеріалі
Розібратися допоможе автор статті, який їх і нарахував. Ми зібрали частину з них:
🔹Два дієслова поспіль у реченні збиває користувачів з пантелику. Плюс, слово “cancel” є деструктивним, а “add” є конструктивним, що лише посилює плутанину.
🔹Хоча воркфлоу і має назву “Add Service”, юзерам може бути важко сприймати цей контекст, адже вони не розуміють, з чого саме вони намагаються вийти.
🔹Регістр заголовка не відображає, що цей рядок є реченням.
🔹Дієслова на кнопках та у заголовку не узгоджуються. У коментарях, ви також писали, що не могли зрозуміти, що означає слово “cancel” у цьому контексті. Така ж ситуація з “continue”. Користувачі можуть заплутатися — вони залишаться на сторінці чи ця кнопка допоможе вийти з неї.
🔹Кнопка “continue” візуально контрастує з “cancel”. Такий дизайн спонукає користувачів натискати на першу, яка виконує деструктивну дію — скасовує весь прогрес.
Більше помилок і рішення автора, як їх виправити — у матеріалі
👍27🔥8👎4❤2
А вже нові набори Проджа прийшли у наш канал
Будемо робити перші кроки у дизайні й прокачувати навички, вчитися працювати з продуктами й застосунками, приборкувати портфоліо й Figma.
Обирайте, з чого почнете цей місяць:
🔹 Курси
• Product Design 7 листопада
• Web Design Beginning 13 листопада
• Web Design Junior 13 листопада
• Mobile Apps Design 13 листопада
• UX Design Medium 14 листопада
🔹Інтенсиви
• Web Design Portfolio Camp 18 листопада
• Figma Components Workshop 11, 12 та 17 листопада
• Measuring UX and Impact of Design 22-24 листопада
• User Onboarding Design 17, 18, 19 листопада
🔹Відеокурси
• Figma
• Webflow
Будемо робити перші кроки у дизайні й прокачувати навички, вчитися працювати з продуктами й застосунками, приборкувати портфоліо й Figma.
Обирайте, з чого почнете цей місяць:
🔹 Курси
• Product Design 7 листопада
• Web Design Beginning 13 листопада
• Web Design Junior 13 листопада
• Mobile Apps Design 13 листопада
• UX Design Medium 14 листопада
🔹Інтенсиви
• Web Design Portfolio Camp 18 листопада
• Figma Components Workshop 11, 12 та 17 листопада
• Measuring UX and Impact of Design 22-24 листопада
• User Onboarding Design 17, 18, 19 листопада
🔹Відеокурси
• Figma
• Webflow
🔥10❤3👎1
Forwarded from Projector
Projector Mentorship Platform об’єднує зусилля менторів для спільної мети — збору «Вжалимо з неба».
Ціль: зібрати кошти на 100 FPV-дронів для бійців Сил спеціальних операцій.
Дано: вмотивовані ментори, які готові проводити консультації з кар’єрних питань за донат.
План: ви йдете на сайт і бронюєте менторську сесію, а ми купуємо дрони, щоб військові змогли «жалити з неба» ворога.
Лінк на Projector Mentorship Platform. Там ви зможете забронювати сесію у ментора чи просто задонатити на збір.
Ціль: зібрати кошти на 100 FPV-дронів для бійців Сил спеціальних операцій.
Дано: вмотивовані ментори, які готові проводити консультації з кар’єрних питань за донат.
План: ви йдете на сайт і бронюєте менторську сесію, а ми купуємо дрони, щоб військові змогли «жалити з неба» ворога.
Лінк на Projector Mentorship Platform. Там ви зможете забронювати сесію у ментора чи просто задонатити на збір.
❤20👍4👎1
У подкасту «Прийшли правки» новий випуск
Цього разу про все навколо дизайну розповів Стас Говорухін, куратор воркшопу User Onboarding Design та курсу Mobile Interfaces Advanced.
Він поділився думками про продуктовий підхід до дизайну, зміни на ринку праці в IT та роботу в Uklon, Djinni.
Дивитися тут.
Цього разу про все навколо дизайну розповів Стас Говорухін, куратор воркшопу User Onboarding Design та курсу Mobile Interfaces Advanced.
Він поділився думками про продуктовий підхід до дизайну, зміни на ринку праці в IT та роботу в Uklon, Djinni.
Дивитися тут.
🔥30❤12👎2
Усе корисне, що ви зберігаєте в інтернетах — в одному місці.
Ділимося платформами, які це організують:
• https://mymind.com/
• https://www.instapaper.com/
• https://getpocket.com/en/
Ділимося платформами, які це організують:
• https://mymind.com/
• https://www.instapaper.com/
• https://getpocket.com/en/
❤38👎3🤔1
This media is not supported in your browser
VIEW IN TELEGRAM
Швидше, ефективніше, якісніше
Можете працювати за допомогою компонентів у Figma.
• Про досвід роботи з ними, інсайти, які з'явилися у процесі прочитаєте у матеріалі дизайнерки продуктів для Bootcamp.
• Налаштовувати, редагувати, організовувати прості й багаторівневі компоненти навчитеся та попрактикуєтеся на триденному Figma Components Workshop.
Можете працювати за допомогою компонентів у Figma.
• Про досвід роботи з ними, інсайти, які з'явилися у процесі прочитаєте у матеріалі дизайнерки продуктів для Bootcamp.
• Налаштовувати, редагувати, організовувати прості й багаторівневі компоненти навчитеся та попрактикуєтеся на триденному Figma Components Workshop.
🔥21❤5👍3👎1
This media is not supported in your browser
VIEW IN TELEGRAM
Схоже, сезон редизайну дійшов і до українських інтерфейсних теренів
Співзасновник monobank Олег Гороховський у своєму телеграм-каналі показав оновлену версію дизайну застосунку.
Як вам?
Співзасновник monobank Олег Гороховський у своєму телеграм-каналі показав оновлену версію дизайну застосунку.
Як вам?
👎148👍37🤔22❤5😢3🔥2
UX writing, як і дизайн — всюди
Тобто не лише на сайтах чи застосунках.
Це історія про застосування різних інструментів комунікації, з якими ви спрощуєте шлях користувачів до цінності продукту. Десь це видимі тексти, а десь — голосові команди, тактильні сигнали в подушці крісла авто або віброреакція на кермі.
Ми маємо враховувати всі можливі інструменти комунікації, окрім текстів та якісно їх застосовувати.
Інколи від порядку слів, яким електронний помічник озвучує сповіщення, залежатиме, чи зрозуміє його користувач. Адже тут важливе акустичне середовище та контекст людини.
🔹Наведу приклад. Оператори одного із закладів харчування оголошують, що страва готова фразою: «Богдане, ваше замовлення готове». Що чую я, сидячи в гучній залі фудкорту: «БВМРПВП, ..аше замовлення готове».
Я не можу відокремити ім’я, коли з нього починається голосове повідомлення.
Уявіть, наскільки краще працювало б щось на кшталт: «Замовлення готове для Богдана». Граматично — дивна конструкція. Та завдяки акустично виразнішим і дзвінким звукам на початку, ви налаштовуєте вухо, щоб відокремити саме це оголошення. А наприкінці фрази ймовірніше почуєте ім’я й знатимете, чи бігти по салат :)
Аналогічний підхід працює в інтерфейсах навігаційних застосунків, коли в речення потрібно вкласти критичну інформацію в акустично правильному місці.
• Саме тому глибина експертизи UX-райтера полягає не лише у мовних компетенціях, а у розумінні контексту користувачів та всіх можливостей комунікації з ними через інтерфейс продукту.
#гостьова_середа
Тобто не лише на сайтах чи застосунках.
Це історія про застосування різних інструментів комунікації, з якими ви спрощуєте шлях користувачів до цінності продукту. Десь це видимі тексти, а десь — голосові команди, тактильні сигнали в подушці крісла авто або віброреакція на кермі.
Ми маємо враховувати всі можливі інструменти комунікації, окрім текстів та якісно їх застосовувати.
Інколи від порядку слів, яким електронний помічник озвучує сповіщення, залежатиме, чи зрозуміє його користувач. Адже тут важливе акустичне середовище та контекст людини.
🔹Наведу приклад. Оператори одного із закладів харчування оголошують, що страва готова фразою: «Богдане, ваше замовлення готове». Що чую я, сидячи в гучній залі фудкорту: «БВМРПВП, ..аше замовлення готове».
Я не можу відокремити ім’я, коли з нього починається голосове повідомлення.
Уявіть, наскільки краще працювало б щось на кшталт: «Замовлення готове для Богдана». Граматично — дивна конструкція. Та завдяки акустично виразнішим і дзвінким звукам на початку, ви налаштовуєте вухо, щоб відокремити саме це оголошення. А наприкінці фрази ймовірніше почуєте ім’я й знатимете, чи бігти по салат :)
Аналогічний підхід працює в інтерфейсах навігаційних застосунків, коли в речення потрібно вкласти критичну інформацію в акустично правильному місці.
• Саме тому глибина експертизи UX-райтера полягає не лише у мовних компетенціях, а у розумінні контексту користувачів та всіх можливостей комунікації з ними через інтерфейс продукту.
#гостьова_середа
🔥69❤17