Перейти к содержимому

Розбір дизайну сайту: 100+ UX/UI помилок

Богдан Конончук | веб-дизайн

0:00 / 0:00

Розбір дизайну сайту: 100+ UX/UI помилок

132 просмотра · 3 месяца назад
Богдан Конончук | веб-дизайн
1,43 тыс. подписчиков
132 просмотра · 3 месяца назад
У цьому відео я детально розбираю сайт підписниці та показую, як дизайнеру мислити не “красивою картинкою”, а логікою продажів, UX, конверсією та поведінкою користувача. НАВЧАЙТЕСЬ В МОЇЙ АКАДЕМІЇ НА РЕАЛЬНИХ КЛІЄНТАХ ЗА РЕАЛЬНУ ОПЛАТУ ДЛЯ ВАС: https://kononchuk-academy.com Підписуйтесь в Інстаграм:   / kononchuk_kk   Підписуйтесь на телеграм-блог: https://t.me/+IpKEQQAeKkgxYzhi Ми покроково покращуємо дизайн сайту у Figma: від типографії, кольору та композиції — до UX-рішень, user flow, теплових карт та психології користувача. Також у відео: • як правильно будувати дизайн-систему • як працює ієрархія в UI/UX дизайні • чому більшість дизайнерів роблять “гарно”, але неефективно • як аналізувати цільову аудиторію • як дизайн впливає на продажі та конверсію сайту • UX помилки, які вбивають ваші проєкти • реальний кейс e-commerce сайту • як мислять сильні дизайнери • як працювати з клієнтами та аргументувати свої рішення Під час розбору я також показую: • як працює UX логіка • як збільшувати читабельність сайту • як правильно працювати з акцентами • як будувати сучасний інтерфейс • як зробити дизайн “дорожчим” візуально • як працює Tone of Voice у веб-дизайні • чому контрастність — це критично важливо 00:00 — Вступ: що буде в цьому розборі UX/UI дизайну 00:22 — Чому меню на сайті повинно бути меншим 00:41 — Ієрархія в типографії: головне правило дизайну 01:15 — Контрастність у веб-дизайні та помилки початківців 02:16 — Як зробити дизайн чистішим і дорожчим візуально 03:14 — Посилення акцентів через тіні, кнопки та деталі 04:04 — Редизайн CTA-кнопок та акцентів у Figma 05:05 — UX логіка: чому дизайн має продавати 06:13 — “Дизайн — це не про красу, а про функціонал” 06:49 — Як неправильна структура сайту знижує продажі 07:40 — Як дизайн-рішення реально впливають на конверсію 08:20 — Правило внутрішнього та зовнішнього скруглення 09:15 — Як читабельність впливає на поведінку користувача 10:00 — Z-pattern та F-pattern у UX/UI дизайні 10:50 — Чому текст по центру погіршує UX 11:10 — Як побудувати дизайн-систему шрифтів 12:05 — Типографія, H1/H2 та правильна ієрархія 12:55 — Чому чистий сірий краще за чорний у дизайні 13:32 — Як студенти без досвіду виходять на перші заробітки 15:27 — Найголовніше правило дизайну — ієрархія 16:38 — Чому не можна ламати ідеї дизайнера під час редизайну 17:20 — Як правильно вести користувача по сайту 17:50 — Принцип “порційності” контенту в UX 18:40 — “Правило ідіота” у UX дизайні 19:20 — Як дизайнери повинні мислити за користувача 20:18 — Розбір UX кейсу інтернет-магазину 21:08 — Як виглядає правильний e-commerce UX 22:00 — Чому сайт має бути схожим на Instagram 22:50 — Аналіз цільової аудиторії у веб-дизайні 23:40 — Поведінкові паттерни користувачів 24:10 — Як UX впливає на продажі бренду 24:55 — Аналіз аудиторії та userflow у реальних проєктах 25:40 — Чому важливо підтримувати український контент 26:42 — Головна проблема більшості початківців у дизайні 27:15 — Композиція, колір і типографія — три основи дизайну 28:10 — Як зробити кнопки сучаснішими 28:55 — Як додати інтерактивність через hover-анімації 29:50 — Hover state та взаємодія з картками 30:40 — Як зробити CTA кнопку більш клікабельною 31:30 — “Правило ідіота” на практиці 32:15 — Інтерактивність та клікабельність інтерфейсу 33:00 — Як правильно центрувати елементи в Auto Layout 33:40 — Tone of Voice у веб-дизайні 34:30 — Чому агресивний дизайн погіршує UX 35:15 — Як кольори впливають на емоції користувача 35:55 — Візуальний шум та помилки початківців 36:40 — Чому зайві елементи псують дизайн 37:10 — Як зробити дизайн чистішим та професійнішим 37:50 — UX помилки в кольорах та кнопках 38:30 — Як працює емоційне сприйняття дизайну 39:00 — Review блок та проблема відсутності ієрархії 40:10 — Як скруглення змінює сприйняття інтерфейсу 41:00 — Робота з UI деталями та мікроелементами 42:05 — Чому мінімалізм покращує дизайн 43:10 — UX помилки у відступах та spacing 44:20 — Як дизайнери перевантажують інтерфейс 45:00 — Правильна композиція у веб-дизайні 46:15 — Як працює візуальна логіка сайту 47:20 — UX аудит блоку з оферами 48:30 — Чому дизайн має бути передбачуваним 49:15 — Розбір помилок у UI компонентах 50:05 — Як покращити взаємодію користувача з сайтом 51:10 — Чому акценти важливіші за декор 52:00 — Аналіз сучасних трендів у UI/UX 53:15 — Як зробити дизайн “живішим” 54:00 — UX психологія користувача 55:10 — Як правильно будувати структуру сайту 56:05 — Робота з контрастом та акцентами 57:00 — Як виглядає сильний сучасний дизайн 58:05 — Головні помилки початківців у Figma 59:00 — Підсумки розбору та фінальні UX/UI поради Пиши в коментарях, чи хочеш ще більше таких розборів портфоліо та живих UX/UI аналізів 🔥 #webdesign #uidesign #uxdesign #figma #вебдизайн #uiux #figmatutorial #uxui #дизайнсайтів #figmaукраїнською #розбірпортфоліо #дизайнер #ux #ui #freelance #вебдизайнер #figmadesign #дизайнінтерфейсів #ecommerce #uxaudit #uiuxdesign #дизайнсайтів #вебдизайнзнуля #дизайнукраїна