Розбір дизайну сайту: 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 #дизайнсайтів #вебдизайнзнуля #дизайнукраїна