interfaces.prjctr | chuta week
10.7K subscribers
1.95K photos
303 videos
1.12K links
Найбільший український канал присвячений дизайну продуктів від спільноти Projector Institute.

Наші курси ➡️ https://shorturl.at/5Zpvf
@projector_online — менеджер на звʼязку з 10 по 19 💙
Download Telegram
What makes the onboarding good?

Одразу скажу, що я говорю про класичний онбординг саме в додатку (не web-funnel)

Тепер про те, з чого насправді складається онбординг. Бо найпоширеніша його версія — слайдер із 2–4х екранів із фічами. Але це не онбординг, а презентація фічей.

Персоналізація
Не дарма вона на першому місці, бо зазвичай про це й будують гіпотези для покращення. Питання про сферу чи задачу ставлять не заради статистики, а щоб змінити те, що буде далі у флоу: весь experience, комунікації, social proof та зрештою сам пейвол. 

Сюди ж quick wins. Дайте юзерам відчути маленький результат ще до пейволу і тоді вони приходять до нього вже з власним персоналізованим досвідом.

Engagement
Чи транслюєте ви цінність з перших кроків, чи користувач просто тапає кнопку Continue до кінця. Тут важлива увага до деталей, невеликі інтеракції, мікроанімації та емоційний дизайн. Користувач, який пройшов онбординг усвідомлено, і користувач, який його протапав, приходять на пейвол у зовсім різних станах. А покупка ж відбувається емоційно.

Value proposition
Чітке пояснення й сторітелінг, чому наприклад взагалі варто почати trial. Два принципи, які тут вирішують.

Перший: говоріть про outcomes, а не про фічі. Користувачеві байдуже, що у вас є великий сет різних фічей. Йому важливо, що він отримає в результаті. Фіча — це механіка, результат — це його життя після.

Другий: дайте спробувати, а не подивитись. Це може бути приклад як користуватись core фічами, або вже одразу реальне використання прям на онбордингу. Один реальний дотик до продукту переконує більше, ніж три екрани обіцянок.

Social proof перед пейволом
Відгуки, рейтинг, цифри, нагороди — але не абстрактні, а привʼязані до того, що людина щойно вам про себе розповіла. Це та сама цілісність, з якої почалась персоналізація.

Sign up
Окрема історія і головне питання де його ставити. Досвід показує, що на початку можуть бути більші дроп-офи, а після пейволу показники бувають кращими. Чим пізніше ви просите реєстрацію, тим більше шансів, що юзер вже щось спробував і має причину лишитись. Але це рівно те, що треба тестувати у своєму продукті, а не вирішувати за чужим кейсом.

Як покращувати онбординг 
Перш ніж покращувати якийсь екран, спитайте, чи потрібен він взагалі? Ну і звісно ж дивитись аналітику. І не тільки весь флоу одразу, а детально між кожними екранами, drop-off по кожному кроку. Майже завжди проблема не там, де здається — не в екрані, який вам не подобається візуально, а в кроці, який ви взагалі не вважали проблемним.

Не редизайніть усе одразу. Знов ж таки чистота експерименту, щоб чітко перевірити саму гіпотезу. Якщо змінити все разом з пейволом, то як потім аналізувати дані? Можна розбити на групу B, де новий онбординг і старий пейвол, а група С — все нове і потім порівняти.

Останнє, але дуже важливе! Онбординг не закінчується в кінці флоу, коли юзери потрапляють на home tab. Далі активація в ключові фічі, post-onboarding, момент першої реальної цінності та aha-момент. Але це все окрема історія 🙃
🔥91
І підкріплю останній пост прикладом. Це онбординг з персоналізацією того ж продукту FastEasy, про який я вже писав у контексті App Store. Але тут флоу такий, що спочатку користувачі проходили веб-воронку і вже потім потрапляли в in-app onboarding. Тому він і короткий.

Суть гіпотези проста → додати персоналізацію на основі досвіду користувача.

Деталі на слайдах.
8
Happy Friday!

Сьогодні контент буде трохи відрізнятись. У нас в команді є традиція Music Friday, тому хочу почати.

В мене вже цілий тиждень цей трек on repeat, дуже подобається саме такий хіп-хоп, схожий на той, на якому я виріс. Бо тут Wu-Tang, а вони своє діло знають 😎

Якщо сподобається, то рекомендую весь альбом!

PS: а Frankie Pulitzer — це псевдонім Тома Харді і читає він доволі пристойно як на мене
🔥102
Як я використовую AI в роботі на прикладі PDF Expert? Дивіться цей короткий Loom відос щоб дізнатись 😉
6
Трохи про кар’єрне: мій POV, як робити тестові завдання.

За свою кар’єру я зробив доволі багато тестових. 
Після деяких я отримував фідбек та проходив далі. Бувало, що після деяких взагалі не отримував фідбек (або він просто був дефолтний). Ну й звісно ж були відмови після тестових, це окей.

Але все ж таки я помітив декілька речей, як саме робити тестові, щоб пройти далі по recruitment флоу.

Основні принципи:
- Зробити трохи більше ніж очікують
- Підійти до процесу так, як не очікують
- Оформити в презентацію з крутим storytelling (напевно, найважливіше)

Ну й звісно зробити те що є в задачі тестового, це не обговорюється. Тепер детальніше.

Зробити трохи більше ніж очікують
Наприклад, задача зробити редизайн сторінки. Окей, але можна додати ще пару додаткових сторінок і вже буде флоу, а це вже і прототип і зовсім інакше виглядає ніж просто екрани.
Треба створити декілька гіпотез та спроєктувати рішення? Сформуйте більше гіпотез, покажіть їх усі, але оберіть найкращі та спроєктуйте дизайн-рішення. І обґрунтуйте чому обрали саме їх і чому вони найкращі

Підійти до процесу так, як не очікують
Це знову ж таки зробити додатково те, чого немає в задачі, але що вас виділить серед інших.
Провести UX-ревью продукту, вказати недоліки та запропонувати як можна покращити 
Провести інтерв’ю з користувачами чи запустити опитувальник та/або юзабіліті-тестування. Шукати респондентів серед друзів, знайомих чи соцмережі. Уявіть як роботодавець здивується, коли побачить, що ви ще й таке зробили, це ж out of context взагалі. 
Ну а сьогодні так взагалі дизайн-рішення можна показати не дизайном чи прототипом, а вже і за допомогою того ж Claude Code показати як це буде працювати.

З пунктів 1 та 2 можна по одному щось обрати, що у вас виходить найкраще та/або буде дуже релевантно саме в цьому тестовому завданні. 

Чи звучить це як забагато ефорту? Можливо, так. На кожне тестове підряд так вкладатись не треба. Але якщо ви прагнете потрапити саме в цю компанію, то воно того варте!

Оформити в презентацію з крутим storytelling
Як то кажуть last but not least. Як на мене, найважливіше. Досі знаю, що не усі це роблять. Просто кидають посилання на фігму і все. 
Круто, якщо там є презентація і окреме посилання на сам дизайн. Але я говорю про інше.

А саме Loom-презентація. А взагалі круто, якщо в рекрутмент-процесі є етап де ви презентуєте як зробили тестове. It’s your time to shine. Якщо цього нема в процесі — спитайте рекрутера. Бо це дуже круто, ви можете розкрити усі свої скіли команді та використати явно більше ніж 5 хвилин, які дає лум. А також потім відповісти на питання, які вам поставлять після презентації, тут ви вже розкриєте, як ви мислите.


PS: і звісно, я говорю про адекватні тестові завдання — не про ті, що виглядають супер завеликими і як безкоштовна робота
17
І ще трохи про кар’єрне, а саме як оформити кейс собі в портфоліо?

Я оформлював своє портфоліо пару років назад ще в Notion. Чи ідеально виглядає зараз моє портфоліо? Звісно ні, та й ідеально не буває, ми ж дизайнери (чи я один такий?)
Чи виглядало воно ідеально на той момент, коли я шукав роботу? Знову ж таки, ні. Але я розумів, що воно виконує свою роботу і мене кличуть на співбесіди.

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

Перше, на що я звернув увагу, так це тайтли. Не просто щось там редизайн чи концепт. А одразу конкретний результат. Окей, клікбейт, якщо хочете. Але це працює!
Наприклад, кейс Jooble, про який я писав вище: “Increased monthly revenue by 20% with 5M+ monthly visitors by leading the redesign of main product pages"
Погодьтесь, хочеться відкрити цей кейс і дізнатись “а як саме?”


Далі сам кейс. Я прихильник структури. А саме проблема → рішення. Якщо детальніше: проблема → дослідження → гіпотеза → рішення → тестування → результат.
Десь може бути більше деталей на етапі дослідження. Десь на етапі assumptions і формування гіпотези. Десь перед A/B тестом були декілька ітерацій з юзабілі-тестуванням.
Де є багато деталей, їх варто додавати, щоб показати ваш процес. Але структура незмінна.

Можна взяти минулий досвід в компанії/продукті і все що ви робили описати по цій структурі. Але, як на мене, це важче і зникають необхідні деталі.
Тому мені більше подобається йти по таймлайну.
Була ось така ініціатива: проблема → рішення → результат.
Потім ось така: проблема → рішення → результат.
І так далі, ну ви зрозуміли)

Напевно, складно все це уявити просто читаючи, розумію. Ось приклад мого останнього case study, який я показував на лекції у вівторок.
🔥164
Робоче місце як місце сили або чому я створив свій YouTube-канал

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

В 2018 я вирішив зібрати свій PC і виконати дитячу мрію. Тоді Відьмак 3 став моєю улюбленою грою.
Але під комп треба було зібрати все з нуля. Тоді я почав будувати своє перше робоче/геймерське місце.

А з часів, як віддалена робота стала нормою, я зрозумів, що робоче місце вже треба свідомо перебудувати. І відтоді я постійно його покращую — це у мене нескінченна еволюція.

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

Так з'явився мій YouTube-канал. Він ще на самому старті, але планів дуже багато. Я кайфую від того, що вивчаю щось абсолютно нове.

В мене зʼявилась ідея! І ось тут мені потрібні ви! 😎
Скидайте в коментарі фото свого робочого місця. Можна кілька, можна відео. Мені цікаво подивитись — я впевнений у вас круті сетапи, які варто побачити і надихнутись!

А якщо ви не проти, щоб ваше фото потрапило у відео — додайте це в коментарі. Я хочу зробити відео, де я дивлюсь і коментую ваші сетапи: що працює, що я змінив би і чому. Це буде набагато цікавіше, ніж якби я знімав про себе.
Якщо тема сетапів, техніки й аксесуарів вам близька — підписуйтесь!
7🔥1
То хто такий growth дизайнер?

Точніше було б Growth Product Designer, але справа звісно ж не в тайтлі.

У більшості вакансій обов'язки описані вузько: онбординги, пейволи, A/B тести. Частина правди в цьому є.

Але як на мене, ключова відповідальність формулюється одним рядком — finding opportunities for growth.


І шукати ці можливості можна всюди. Онбординг і те, що йде після нього, бо на ньому нічого не закінчується. Активація в ключові фічі, момент, коли користувач уперше отримує те, заради чого прийшов, і все, що веде до нього. І також, це можуть бути креативи, імейли та app store скріни.

Саме тому роль перетинається з усім продуктом. І впливає не тільки на активацію. Коли ви активуєте користувача в потрібну фічу, зростає також retention та engagement. А це вже робота з core experience.

Власне, про це і був увесь тиждень. Я розповів різні приклади з різних продуктів, але суть одна — шукати можливості там, де їх ще ніхто не шукав.
16
One more thing!

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

Трохи теорії — структура виступу, мова тіла, слова-паразити, як читати аудиторію та відповідати на незручні питання. Далі практика: вправи на жести, імпровізацію та роботу із запитаннями просто в залі.

Для дизайнерів це критично важлива навичка — але чекаємо всіх, хто захищає свої ідеї й хоче, щоб їх почули так, як треба!

📅 14 жовтня, 19:00
📍 Kooperativ (амфітеатр), вул. Січових Стрільців, 23А, Київ
🎟 Реєстрація за посиланням
9🔥6
Дякую всім, що читали мене цей тиждень! 
Сподіваюсь, було корисно!
Я багато чого ще не встиг розповісти, допишу вже у себе в linkedin, або можливо мені покличуть ще раз, хто зна)

З приводу будь-яких питань та запитів на менторство пишіть мені в telegram.

Let’s connect!
LinkedIn | YouTube | Instagram

See you!🤘
🔥95
Це було нелегко, але ми все ж таки повернули канал назад, щоб сказати вам пару слів. 😅

А якщо вам сподобалося з Дмитром, радимо придивитися до курсу Product Design та навчатися під кураторством.

Дмитро, ми тобі дуже вдячні за твій підхід і віддачу. Ти чудовий приклад, і у тебе є чому повчитися.

Сподіваємося, ти себе відчував тут як вдома і ще не раз завітаєш на канал.
linkedin
youtube

А ми йдемо далі 💙
4
Channel name was changed to «interfaces.prjctr»
Перед тим, як представити вам нового куратора, хочемо нагадати, що цього вересня можна доєднатися до:

UI/UX Design Beginning — курс для початківців, після якого ви покладете до дизайн-портфоліо 3 кейси.

Growth Design — для UX/UI та продакт-дизайнерів. Навчання побудоване навколо реальних кейсів і практики з неймовірним куратором Стасом Говорухіним.

AI for Product Designers — інтегруйте AI у весь флоу роботи над цифровим продуктом.

📀 До 18 вересня можна отримати career booster в подарунок до усіх курсів 📀
1👍1
Можливо, хтось уже знайомий із нашим куратором на цей тиждень, адже за його плечима 15 років управління дизайн-агенцією Chapps.

А хто ні, знайомтеся — Дмитро Чута, дизайнер.

Останні два роки будує Appps — власну продуктову лінійку застосунків для iOS та Mac у різних категоріях.

Цього тижня Дмитро буде ділитися своїм шляхом трансформації з дизайнера в соло-розробника та інді-хакера.


Про що саме Дмитро буде з вами спілкуватися, він розповість сам, а поки підтримайте його лайками та пишіть свої питання в коментарях 🫂
13👏6🤝2
Channel name was changed to «interfaces.prjctr | chuta week»
Please open Telegram to view this post
VIEW IN TELEGRAM
21