UFLOW • Design Community

#tools

Lottielab запустили бету Lottie Interactivity, це перший в світі Lottie animation editor, який дасть можливість створювати та експортувати запрототиповані анімації в лотті.

Подивитись можна тут →

#bestof

Власники мобільних пристроїв мають в середньому близько 46 додатків, тому іконка додатку повинна бути максимально топовою, створювати сильний візуальний імпакт і точно передавати цінність бренду.
Також, щоб підтримувати конкурентоспроможність, її дизайн слід постійно оновлювати.

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

iOS Icons Gallery →
macOS Icons Gallery →
watchOS Icon Gallery →

#tools

Steep — це коллекція більш ніж 1200 дизайнів медіа для сторіз. Іноді може стати в нагоді при створенні глобальної дизайн стратегії та візуальної мови.

Лінк на Steep →

#news

Вчора натрапили на цікавий пост продукт менеджера Figma, який працює над останнім апдейтом UI3.

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

Цікаво дізнатись про ваш досвід з UI3! Ми, наприклад, після кількох тижнів спроб звикнути, відкотились на попередню версію і зараз чекаємо більш слушний момент, щоб знову адаптуватися до нововведень.

Деталі в коментарях…

#tools

ThreeTools - інструмент для Three.js, який за допомогою плагіна дозволяє витягнути Three.js обʼєкт з будь-якого сайту та редагувати його через зручний та простий інтерфейс.

Лінк на ThreeTools →

#plugins

Вчора в офіційному акаунті Figma натрапили на Lil’ Pixel Icon — супер простий інструмент для створення ідеальних піксельних іконок у сітці 16x16 px, усе у векторному форматі. Завдяки зручному інтерфейсу та акценту на простоті, ви зможете створювати іконки та просто розважатися у вільний час.

Всім гарних вихідних 🔥

Лінк на Lil' Pixel Icon →

#tools

Toolfolio — це бібліотека всіх відомих продуктів, які спрощують життя дизайнера в різних аспектах. Від спеціалізованих дизайн тулзів до утиліт для MacOS.

Лінк на Toolfolio →

#knowledge

Чи доводилося вам пояснювати стейкхолдерам, чому дослідження настільки важливі? 🤔 Не переживайте, ви не одні. Часто стейкхолдери не розуміють повний спектр нашої роботи. Адже дослідження користувачів виходить далеко за рамки тестування зручності.

Ось методи, які допоможуть вам краще зрозуміти потреби та поведінку користувачів, що, у свою чергу, сприятиме створенню більш успішних продуктів:

1. Contextual Inquiry
Спостереження за користувачами у їх природному середовищі з метою розуміння їх поведінки та мотивів.

2. Field Study
Дослідження користувачів у їх природному контексті з різним ступенем взаємодії між дослідником та учасником.

3. Diary Study
Метод збирання даних про поведінку користувачів, їх дії та досвід протягом тривалого періоду часу.

4. User Interviews
Одноразові інтерв’ю, де дослідник задає питання, слухає відповіді та дізнається більше деталей.

5. Surveys
Опитування з відкритими або закритими питаннями для збору самостійних відповідей учасників.

6. A/B Testing
Аналітичний метод, що включає розгортання двох різних версій продукту для визначення, яка з них працює краще.

7. Eye-Tracking
Метод дослідження поведінки, який включає відстеження рухів очей користувачів при взаємодії з продуктом.

8. Usability Benchmarking
Оцінка досвіду користувачів продукту через порівняння його продуктивності з конкурентами або попередніми версіями.

9. First Click Test
Метод дослідження завдань, при якому учасникам надається конкретне завдання, і досліджується їх перший клік.

10. Five Second Test
Учасникам показується дизайн протягом п’яти секунд, після чого їх запитують, що вони побачили.

11. Tree Testing
Метод дослідження, який оцінює ієрархічну структуру продукту, визначаючи, наскільки добре вона відповідає очікуванням користувачів.

12. Card Sorting
Метод, в якому учасники групують елементи за критеріями, що мають для них сенс.

13. Wizard of Oz
Метод, при якому учасники взаємодіють з прототипом, яким керує дослідник.

14. Concept Testing
Метод збирання думок користувачів про ідею продукту на ранніх етапах розробки через якісні опитування.

15. Paper Prototyping
Тестування зручності на паперових прототипах, де учасники вказують, які дії вони б здійснили на кожній сторінці.


Хочете більше?
Методи UX досліджень від Nielsen Norman Group →

Друзі, нагадуємо, що залишилось всього 8 годин до кінця додаткової знижки, після цього ціна повернеться до свого минулого статусу.

Ціна зі знижкою: 14€ 19€

Придбати можна у телеграмі натиснувши кнопку «Придбати» у посту вище та оплативши картою, чи написавши @uflowmanager у персональні повідомлення. Відповімо на будь які питання, якщо такі будуть!

Всім гарного понеділка та початку тижня 🙌🏼

#tools

UI Bits — це бібліотека елементів інтерфейсу та взаємодії з цифровими продуктами. Тут зібрані сотні цікавих інтеракцій та UI-рішень від дизайнерів зі всього світу з посиланнями на оригінальні публікації в X (Twitter) чи на інших платформах. Надихайтесь та діліться з колегами!

Лінк на UI Bits →

#knowledge

Ми нещодавно завершили роботу над покращенням онбордингу для одного SAAS проєкту, де спостерігався надто високий churn rate. Цей процес зайняв декілька місяців і включав тестування понад 40 різних гіпотез.

На певному етапі ми відчули, що ідеї вичерпуються. Використання ChatGPT дало обмежені результати, тому ми звернулися до статей на Medium та Google аби знайти сторонній досвід. Врешті-решт, ми натрапили на OnboardingStudy, що стало справжнім проривом.

Ця платформа надала нам понад 15 супер ексклюзивних і нових гіпотез. На OnboardingStudy ви знайдете не лише референси, але й повноцінні гайди та тактики, які допоможуть розробити з нуля або значно покращити флоу реєстрації та створити ефективний aha-момент для будь-якого SAAS продукту.

👉 Ключові поради:

1. Експериментуйте з гіпотезами: Тестуйте різні варіанти, щоб знайти оптимальні рішення.
2. Шукайте ідеї зі сторони: Використовуйте різні ресурси та платформи, щоб знаходити щось нове.
3. Фокусуйтеся на aha-моменті: Забезпечте користувачам момент розуміння цінності вашого продукту якомога раніше.

Пам’ятайте, що покращення онбордингу - це безперервний процес. Постійно вдосконалюйте свої підходи та стежте за найкращими практиками у галузі.

Лінк на Onboarding.study →

#tools

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

Але для тих, хто не в нашому чаті поки що, є чудовий інструмент — Morflax Things, який дозволяє презентувати вашу роботу на різних 3D-девайсах у трьох стилях. Дуже зручно і все у вебі, користуйтеся!

Лінк на інструмент →

Топ порад від UFLOW: Як отримати роботу мрії

1. Вибудуйте стратегію в підготовці до співбесіди (сфокусуйтеся на 20% питань, які принесуть вам 80% результатів):
— Підготуйте коротку історію про себе і свій досвід, в 90% співбесід це головне і основне питання.
— Ознайомтеся з компанією та продуктом і виділіть декілька пунктів, чому ви ідеальний кандидат.
— Опишіть ваші сильні та слабкі сторони.
— Підготуйте відповідь на питання, чому ви залишаєте свою поточну роботу.
— Підготуйте історію про складну ситуацію на роботі та як ви її вирішили.
— Розкажіть, де ви бачите себе у майбутньому.

2. Підготуйте правильні питання для компанії:
— Яку проблему я можу вирішити на випробувальному терміні?
— Що відрізняє тих, хто досягає успіху у вашій команді?
— Опишіть портрет ідеального кандидата для цієї вакансії.

3. Використовуйте методику STAR для відповідей на питання:
— Situation (Ситуація): Опишіть контекст.
— Task (Завдання): Розкажіть про завдання та його важливість.
— Action (Дія): Що саме ви зробили для вирішення.
— Result (Результат): Додайте результат ваших дій.

4. Налагоджуйте нетворкінг завчасно:
Використовуйте LinkedIn, Twitter(X), Instagram, щоб знайти людей у компанії, де ви хочете працювати. Надішліть їм повідомлення з проханням про коротку розмову, щоб дізнатися більше про команду та постарайтесь бути в полі зору.

5. Ведіть переговори про свій пакет пропозицій:
Робота мрії це не тільки гідна оплата, ось декілька пунктів на які пропонуєм звернути увагу :
— Віддалений та гнучкий графік роботи.
— Допомога з переїздом чи візою.
— Посада, яка може допомогти вам у майбутньому.
— Кількість відпусткок та відгулів.
— Періодичність перегляду ефективності (наприклад, кожних 6 місяців).

6. Оптимізуйте своє CV
Зосередьтеся на досягненнях, а не на обов’язках.

Використовуйте формулу:
Дія + Метрика + Завдання або Проєкт = Важливість
Наприклад: “Підвищив конверсію в оплату на 25%, впровадивши новий флоу для онбординга”

Більше інсайтів у нашому гайді →

UFLOW CV Guidelines
Детальний гайд та темплейт по створенню CV для дизайнерів інтерфейсів.

Після придбання цього продукту вам буде надісланий .fig файл з детальною інформацію по створенню CV документу та унікальним PDF темплейтом.

UFLOW CV Guidelines

Ми довго працювали над цим, і цей день настав. Спеціально для нашого каналу ми ділимося нашим першим продуктом для створення CV для дизайнерів.

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

Що ви отримаєте:
✦ Документ з Figma, який містить детальні рекомендації щодо кожної секції в CV та опис, як потрібно і не варто робити
✦ Зручний конструктор для створення свого CV
✦ Унікальний шаблон, який буде легко читатися як ATS системою, так і просто людиною

Ви отримаєте рекомендації по наступним секціям:
✦ Імʼя та позиція
✦ Персональна інформація
✦ Опис про себе
✦ Досвід роботи
✦ Навчання
✦ Скіли та інструменти
✦ Згадки та визнання

Як відбувається процес придбання:
1. Ви купуєте продукт в Telegram
2. Ми вам надсилаємо PDF файл з посилланям на скачування
3. Після завантаження .fig файлу ви його переносите у свою Figma та користуєтесь (всі подальші інструкції вже в самому файлі)

Важливо:
Виключно для нашого каналу ціна складає 19€, і це 30% діскаунт від повної ціни в 28€. Пам'ятайте, що купуючи цей продукт ви надаєте нам змогу робити круті речі далі в більших обʼємах.

Дуже дякую! Якщо є питання пишіть @uflowmanager ми все покриємо!

#tools

Typeface Animator — це веб інструмент, який дозволяє анімувати будь-який текст в різних стилях. Є безкоштовні та платні шаблони, підписка коштує всього 5$ з промокодом 50FOREVER.

Користуйтесь для можливих візуальних рішень у ваших роботах.

Лінк на Typeface Animator →