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