41% сайтів не шукають, що просять користувачі, та втрачають клієнтів (дослідження Baymard Institute):
→ Користувач не може знайти товар
→ Користувач думає, що товару на сайті немає
→ Користувач лишає сайт і продавця без клієнта
Як зробити так, щоб користувач все ж таки знайшов потрібний товар? Зібрали поради на слайдах.
• Більше про seamless користувацький досвід — на курсі UX Design Medium
→ Користувач не може знайти товар
→ Користувач думає, що товару на сайті немає
→ Користувач лишає сайт і продавця без клієнта
Як зробити так, щоб користувач все ж таки знайшов потрібний товар? Зібрали поради на слайдах.
• Більше про seamless користувацький досвід — на курсі UX Design Medium
❤13🔥5👍2
Щодо дизайнерського портфоліо зазвичай виникає багато питань, але щодо дизайн менеджерського — ще більше
На щастя, у нас є, кому їх поставити.
Вова Сафонов — Head of Design у Socialtrait, куратор курсу Design Management, поділився ідеальним рецептом портфоліо, яке допоможе передати ваш досвід та цінність.
Гортайте карусель та ставте вподобайку — будемо вважати, що цей ритуал допоможе привернути увагу роботодавців до вашої кандидатури 😉
На щастя, у нас є, кому їх поставити.
Вова Сафонов — Head of Design у Socialtrait, куратор курсу Design Management, поділився ідеальним рецептом портфоліо, яке допоможе передати ваш досвід та цінність.
Гортайте карусель та ставте вподобайку — будемо вважати, що цей ритуал допоможе привернути увагу роботодавців до вашої кандидатури 😉
👍8❤6🔥2
This media is not supported in your browser
VIEW IN TELEGRAM
Скевоморфізм: плюси, мінуси, підводні камені?
Лайк — якщо одні плюси.
Темний місяць — якщо радше мінуси.
Анімація Apple Books, знайдена на Design Spells.
Лайк — якщо одні плюси.
Темний місяць — якщо радше мінуси.
Анімація Apple Books, знайдена на Design Spells.
🌚52👍26🤔7❤6
Forwarded from Projector
Вам дійсно потрібен светр з оленями чи 25-та гірлянда?
А може, ці гроші здатні на більше — для вас і України?
Please open Telegram to view this post
VIEW IN TELEGRAM
❤14🔥6👍3🤔1
Badges, Pills, Chips, Tags — у чому різниця і як їх використовувати?
Гайд від Віталія Фрідмана, засновника та креативного ліда у Smashing Media.
🔹UI компоненти бувають статичні та інтерактивні
Badges — завжди статичні, використовуються для статусу та оновлень. Наприклад, draft, new, pending, -7%↘.
Tags — можуть бути і статичними, і інтерактивними.
Статичні — для тем, ключових слів, інтерактивні — для посилань, фільтрів, вибору, дій.
Tags часто називають chips або pills.
🔹Види тегів
Display tags показують дані. Наприклад, ключові слова, мітки, деталі.
Data tags відображають числові дані. Наприклад, PDF 262 KB.
Filter tags — це активні фільтри з опцією видалення.
Selection tags для фільтрації або введення інформації.
🔹Основна різниця
Badges — для статусу, оновлень, лічильників.
Tags/chips/pills — для інтерактивних фільтрів, вибору, дій.
Щоб уникнути плутанини, використовуйте чіткі назви: «Filter tags» — краще, ніж просто «Tags», а «Status badges» зрозуміліше, ніж «Badges» чи «Pills».
🔹Дизайн правила
Статичні елементи не повинні виглядати як кнопки, а інтерактивні — як мітки.
Мінімальний розмір інтерактивного елемента — 48×48px на мобільних.
Відстань між інтерактивними елементами — щонайменше 8px.
Це полегшить життя як дизайнерам і розробникам, так і кінцевим користувачам.
За експертизою та фідбеком Віталія приходьте на UX Strategy Workshop. Старт — 27 листопада.
Повний текст допису Віталія на LinkedIn.
Гайд від Віталія Фрідмана, засновника та креативного ліда у Smashing Media.
🔹UI компоненти бувають статичні та інтерактивні
Badges — завжди статичні, використовуються для статусу та оновлень. Наприклад, draft, new, pending, -7%↘.
Tags — можуть бути і статичними, і інтерактивними.
Статичні — для тем, ключових слів, інтерактивні — для посилань, фільтрів, вибору, дій.
Tags часто називають chips або pills.
🔹Види тегів
Display tags показують дані. Наприклад, ключові слова, мітки, деталі.
Data tags відображають числові дані. Наприклад, PDF 262 KB.
Filter tags — це активні фільтри з опцією видалення.
Selection tags для фільтрації або введення інформації.
🔹Основна різниця
Badges — для статусу, оновлень, лічильників.
Tags/chips/pills — для інтерактивних фільтрів, вибору, дій.
Щоб уникнути плутанини, використовуйте чіткі назви: «Filter tags» — краще, ніж просто «Tags», а «Status badges» зрозуміліше, ніж «Badges» чи «Pills».
🔹Дизайн правила
Статичні елементи не повинні виглядати як кнопки, а інтерактивні — як мітки.
Мінімальний розмір інтерактивного елемента — 48×48px на мобільних.
Відстань між інтерактивними елементами — щонайменше 8px.
Це полегшить життя як дизайнерам і розробникам, так і кінцевим користувачам.
За експертизою та фідбеком Віталія приходьте на UX Strategy Workshop. Старт — 27 листопада.
Повний текст допису Віталія на LinkedIn.
🔥21❤8👍5
Media is too big
VIEW IN TELEGRAM
Щоб дати команді якісний фідбек, вам має бути:
а) не страшно роздратувати людину,
б) глибоко не плювати на тих, кому ви його даєте,
Ділиться Алла Одеяненко, Lead Product Designer у Google. На відео — її пояснення, як прийти до фідбеку, що сприятиме реальному зростанню та глибоким змінам.
Повний гайд «Як давати фідбек, що допомагає зростати дизайнеру» — у лекції на Projector Library.
Вичерпне навчання, як стати системним і ефективним дизайн лідером — на курсі Design Management.
До речі, це стара лекція, що була записана російською, — вирішили не губити корисне та перекласти за допомогою ШІ. Як вам результат?
а) не страшно роздратувати людину,
б) глибоко не плювати на тих, кому ви його даєте,
Ділиться Алла Одеяненко, Lead Product Designer у Google. На відео — її пояснення, як прийти до фідбеку, що сприятиме реальному зростанню та глибоким змінам.
Повний гайд «Як давати фідбек, що допомагає зростати дизайнеру» — у лекції на Projector Library.
Вичерпне навчання, як стати системним і ефективним дизайн лідером — на курсі Design Management.
До речі, це стара лекція, що була записана російською, — вирішили не губити корисне та перекласти за допомогою ШІ. Як вам результат?
❤16🔥9👍3
Коментар на тему: «Як візуалізувати дані погано»
Крок 1. Використвуйте якомога абсурнішу шкалу, щоб показати різницю між величинами
Крок 2. Обманюйте користувачів: показуйте відрив, між числами, як вам зручно
Крок 3. Сучасний інтернет вбиває когнітивні здібності користувачів: допомагайте юзерам знову їх розвинути!
Крок 4. Не переймайтеся: будьте як baby boomer з четвертої картинки, який складається зі усіх 243%
• На цій ноті інтегруємо курс Infographics — перешліть тим, кому не завадить
Крок 1. Використвуйте якомога абсурнішу шкалу, щоб показати різницю між величинами
Крок 2. Обманюйте користувачів: показуйте відрив, між числами, як вам зручно
Крок 3. Сучасний інтернет вбиває когнітивні здібності користувачів: допомагайте юзерам знову їх розвинути!
Крок 4. Не переймайтеся: будьте як baby boomer з четвертої картинки, який складається зі усіх 243%
• На цій ноті інтегруємо курс Infographics — перешліть тим, кому не завадить
😁42❤4👍3