60 голосів 🤯

Таааак, ви відповіли про поточний рівень зрілості UX культури.

Настав час звіритись.
🧐У пості була пасхалочка — тест від NN, як і обіцяв.

Питання та відповіді в ньому можна переформатовувати в Action план, над чим вже працюю 🔥

⏺Ютуб українською, начувайся.

Від нього не можна стомитись, потрібна ваша підтримка 🤗

Качаємо Design IS на повну 🇺🇦

Як допомогти?
▸ продивитись до кінця 🖤
▸ коментарій — дати фідбек під відео, це дуже допоможе покращити якість

Хто такі UI, UX, Product дизайнери. Вони всі (не) однакові 👇
https://www.youtube.com/watch?v=BN86yHMKkWc

✨ 7 трендів UX/UI 2023 року

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

✔️ Візуалізація даних. Spotify і TikTok уже давно використовують цей прийом для залучення аудиторії. Секрет простий: люди запам’ятовують 80% побаченого, і лише 20% прочитаного. Тож так ти не лише спрощуєш їх життя, а й впливаєш на продажі замовника.

✔️ Моушн-дизайн. Це про те, як зробити контент динамічним, спростити його сприйняття та зробити візуально привабливим для користувача. Але тут діє святе правило: не зашкодь швидкості завантаження медіа.

✔️ Scrollytelling. Цей інструмент перетворить навіть найнудніший лонгрід на цікавий серіал. Та замість серій тут працює динаміка, а в «напрузі» тримає цікавий візуал кожного блоку. Говорити можна багато, тож краще виділю цьому окремий пост.

✔️ 3D-зображення. Після того, як у моду ввійшли VR/AR, настав зірковий час тривимірних зображень. 3D-об’єкти занурюють у продукт, привертають увагу та добре запам'ятовуються. А ще вони допомагають виділити інтерактивні частини інтерфейсу, що покращує юзабіліті.

✔️ Новий мінімалізм. Так-так, мінімалізм досі в тренді, але з деякими змінами. Не обтяжуй користувачів великою кількістю елементів, але зроби яскраві кольорові акценти.

✔️ Градієнт. У моду повертаються 80-ті та 90-ті, а разом з ними — яскраві кольори, джазовий стиль і градієнт. Здається, пора пригадати програму з інформатики за шостий клас 😅

✔️ Бруталізм. Ще один тренд з минулого, який повертає до простіших і менш корпоративних мотивів у вебдизайні. Прикріплюю посилання на агрегатор брутальних сайтів для натхнення.

Залишай 🔥 у коментарях, якщо було цікаво, та розкажи, якими трендами ти вже користуєшся.

❔ Design IS.
Що має знати кожен UX дизайнер?

ТОП-3 Закони UX.
У цьому відео навчаємось головних правил UX на основі прикладів різних сайтів. Ці знання допоможуть тобі робити менше помилок, коли створюєш User Experience..

Посилання на відео

Часто буду ділитись нашим контентом, бо…

💪Робимо все, щоб зробити його дуууже корисним: аналіз каналів-конкурентів, робота з фідбеком, розбір монтажу інших відео, аналітика, та ще багато, багато всього.

Ітеративний підхід працює не тільки у продуктовому дизайні. 😉

З тебе всього лиш маленький 🖤, маленький 💬
і маленька підписка.

Ми ж усі хочемо сьорчити і споживати відео солов’їною. Я особисто, дуже прагну дійти до цього стану.

Дякую за підтримку 🇺🇦 ютубу.

✨ Скролітелінг та 5 порад, як зробити цей інструмент дієвим 💪

Уявімо ситуацію: у твого замовника є емейзінг контент, який може вирішити чи не всі проблеми людства та допомогти світу стати кращим. Але його так багато, що люди втрачають увагу та йдуть із сайту, не дійшовши до середини. Тож тобі, як крутому дизайнеру, треба зробити так, аби аудиторія догортала до кінця. Mission impossible? 🤯

Не поспішай з висновками, бо тут на допомогу приходить scrollytelling. Так-так, той самий, про який я розповідав у пості про тренди 2023.

🧐 Скролітелінг (скролінг + сторітелінг) — це формат контенту, який перетворює довгі лонгріди на прості інтерактивні історії. Це як серіал, де головну роль відіграють сенси, а шрифти, анімації, фото та відео — другорядні персонажі, які роблять сюжет цікавішим. Так і народжується картина, від якої не можна відірватися.

Окей, звучить круто, але як це втілити?

1️⃣ Створи героя. Хай це буде анімований ведмідь або інший намальований персонаж. Важливо зробити так, аби читач бачив, з ким він має справу.

2️⃣ Додай звук. Аби підсилити ефект присутності, додай відповідну мелодію, тріск, зойк тощо. Мені дуже подобається, як це зробили в адаптації книги письменника Нам Ле «Човен».

3️⃣ Візуалізуй дані. Так, ще один хак з минулого посту, який можна і треба використовувати у скролітелінгу. Це спростить життя читачеві та відмовить його від думки покинути сайт через складні цифри. Ось тут гарно показали, як це втілити на практиці.

4️⃣ Анімуй. Все що можеш (і що не можеш теж 😅), бо важливий компонент скролітелінгу — динаміка.

5️⃣ Спрощуй. Нашому мозку складно уявити, що таке 10 000 м2. Але це можна спростити, показавши, що у цій площі можна розмістити місто Київ 12 разів. Або ось приклад того, як показати відстань між космічними об’єктами.

А які приклади скролітелінгу зустрічав ти? Ділися у коментарях, обговоримо 🙄

🤩 UX райтер + UX/UI дизайнер = ВАУ
або поради — як їм працювати разом

Як думаєш, з чого потрібно починати роботу над сайтом: з каркасу від дизайнера чи роботи райтера? ❔

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

💔 UX райтер та UX/UI дизайнер — це як дві половинки одного цілого. Ні, це не романтизація їх стосунків, а констатація факту. Важко уявити сайт без тексту або декілька абзаців у Ворді, які називають сайтом. Тому головна умова роботи цих двох спеців — працювати разом. І я зібрав декілька порад, які допоможуть це організувати:

1️⃣ Роби спільний рісьорч з райтером. Так, перед вами стоять трішки різні задачі, проте у вас спільна мета. Тож на початку роботи сформуйте сенси, які ви будете закладати в сайт і подумайте, як їх донести за допомогою дизайну та текстів.

Для цього дайте відповідь на ці запитання:
• Яке враження потрібно сформувати на користувача?
• Яка головна мета проєкту?
• Яку інформацію потрібно донести насамперед?

2️⃣ Будуй дизайн навколо тексту, а не вписуй текст у готовий дизайн. Копірайтер точно знає, що потрібно донести аудиторії та як її спонукати до дії. Тому дизайн має відображати та підсилювати сенси, закладені у тексті, а не бути самостійною одиницею в продукті. Ось приклад того, як робота дизайнера та копірайтера доповнюють одне одного.

3️⃣ Комунікуй з райтером на всіх етапах роботи. Так ваша робота не зайде у глухий кут і ви будете чітко розуміти цілі одне одного. Для цього влаштовуйте спільні коли перед початком кожного нового етапу роботи та буде вам щастя 😅

Вогник з тих, хто знайшов для себе щось корисне 🔥. І чекаю коментарів про ваш досвід роботи в парі з райтером ⬇️

🎓 5 віджетів Figma, які зроблять твою роботу простішою та ефективнішою

Одразу зберігай цей пост собі та надсилай команді, щоб не загубити.

Я зібрав 🔥 віджети, які допомагають мені закривати таски швидше та робити комунікацію у команді ефективнішою.

✅ Voice Memo. Це як аудіошпаргалка, яку можна прикріпити замість коментарів. Must-have для всіх, хто обожнює голосові повідомлення, хоч максимальна тривалість запису тут — 30 секунд.

✅ Cheklist. Я частенько звіряю свої таски по завчасно складеному чек-листу на сторонніх сервісах. Але тепер можна робити контрольні-списки одразу в Figma.

✅ Simple Vote. Проводиш брейншторм із командою? Або накидав так багато ідей, що не можеш зупинитися на одній? Створи голосування за допомогою цього віджету і твоя команда допоможе обрати найкращий варіант.

✅ Pomodoro Timer. Хто не знає — це метод керування часом, який допомагає побороти прокрастинацію. 30 хвилин на роботу, 10 — на відпочинок. Встановлюй віджет і розпрощайся з постійним відкладенням роботи на потім.

✅ Contrast. Перевіряй фрейми та кольори на контрастність згідно з рекомендаціями WCAG AA або AAA. На мою думку, це незамінний віджет для створення дизайн-систем.

💭 Хочу наповнити цей пост максимальною користю. Пиши в коментарях, якими віджетами користуєшся ти ⬇️

🤯 Ці всі закони UX такі складні…

Сьогодні говоримо про Закон Фіттса.

Спробував на прикладах пояснити простими словами — що й до чого.

Чекаю на ваш фідбек в коментах на ютубі. 🤗

А ви, підписуйтесь, і чекайте на наступний закон. 🖤💬🔔

⏺ Дивитись відео

❔7 запитань від UI/UX дизайнера, які варто написати у брифі

Працювати без брифу — все одно що їхати на 🚲 без колеса: нічого хорошого з цього не буде. Тому я зробив пост з питаннями, які допоможуть тобі у роботі.


📋 Бриф — це як анкета для друзів, яку всі ми заповнювали в дитинстві. Тільки у дорослому житті замість запитань про улюблених акторів, тут запитання про клієнта та його бізнес. Усе для того, аби твоя робота закрила потреби замовника та його ЦА.

Про що питати у брифі?

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

✅ Про ЦА. Я завжди тримаю у голові те, що роблю сайт не для клієнта, а для його цільової аудиторії. Для цього треба знати, хто ці люди, їх потреби, мотивацію, контекст використання продукту в житті.

✅ Про конкурентів. Клієнт має надати не лише посилання на сторінки конкурентів, а й інформацію про їх переваги, недоліки та відмінності у порівнянні зі своїм рішенням. Не всі можуть це надати — зніціюй аналіз самостійно.

✅ Про айдентику. Якщо у компанії є фірмові кольори, шрифти тощо, то про це краще дізнатися до початку роботи. Бо буде трохи незручно, якщо сайт кардинально відрізнятиметься від соцмереж бренду 😅

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

✅ Про мету. Навіщо ти взагалі робиш сайт? Наприклад, якщо ти створюєш інтернет-магазин, то тут усе зрозуміло. Але це може бути іміджева сторінка або корпоративний сайт. Ці фактори впливають на сам дизайн сайту, його структуру та наповнення.

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

Що робити, якщо клієнт не заповнив бриф? Спойлер: ти точно стикнешся з таким. У такому випадку варто зідзвонитися і проговорити всі питання усно.

✨ Додаю свій старенький базовий шаблон брифу, який можна прокачати порадами вище. Користуйся 🏃‍♂️

А які запитання є у твоєму брифі? Пиши їх у коментарі ⬇️

⚡️Ви бачили людей в метро, які за 2 секунди набирають 5 слів на телефоні? Хочете так само, тільки працюючи в Figma? 😅

У нас на каналі живеньке нове відео — Гарячі клавіші Figma 🔥

Є круті штуки, яких я й сам не знав, тепер буду частенько використовувати.

Класика — цінуємо ваш фідбек у коментарях на Ютубі, це просуває відео і допомагає покращувати наступні 💔