Переглянути вкладення 73209
[Udemy] UX дизайн в Figma. UX аналітика проекту Ux для веб дизайнера (Evgen Marfel)
- Аналіз задачі
- Аналіз брифу
- Аналіз конкурентів
- Створення опитування
- Аналіз опитування
- Проведення інтерв'ю
- Аналіз Інтерв'ю
- Брейншторм функціоналу
- MVP
- User Flow
- Інформаційна архітектура
- Клікабельний прототип проекту
- Вимог немає
Для кого цей курс:
- Початківці веб дизайнери
опис
Практичний курс UX дизайну.
Перш ніж відкривати Figma і починати "малювати" в ній дизайн, будь-який поважаючий себе дизайнер повинен провести дослідження продукту. Саме дослідження предметної області, цільової аудиторії, конкурентів і т.д. допомагають нам створювати якісні продукти.
У цьому курсі я покажу тобі, як зсередини виглядають дослідження, як їх проводити, як аналізувати результати і навіщо це все потрібно. У підсумку ми отримаємо точні дані про функціонал нашого продукту, ми будемо точно знати які функції впровадити на першому етапі розробки, а які залишити на другу версію.
Тільки практика і ніякої балаканини.
Ми з тобою виберемо тему навчального проекту і крок за кроком пройдемо всі етапи дослідження.
Після кожного етапу ми будемо створювати звіт. У підсумку ми зберемо повну картину нашого продукту і ЦА.
Почнемо з аналізу завдання, проведемо аналіз конкурентів і ринку, створимо опитування для ЦА, а після проведемо інтерв'ю з користувачами нашого продукту. Ці дані допоможуть нам визначитися з основними болями і цілями ЦА і тим, як продукт буде їх закривати. Знаючи конкурентів і їх можливості, знаючи болі ЦА ми визначимося з тим функціоналом, який буде реалізований в MVP проекту.
Щоб продуктом було зручно користуватися ми створимо карту user flow, а на її основі розробимо інформаційну архітектуру майбутнього додатка.
Наше дослідження закінчиться створенням клікабельного прототипу. На цьому робота ux частиною проекту і настає фаза ui.
1 Вступ
01 Що таке UX.mp4 [27M 848k 741]
02 етапи роботи. mp4 [30m 825k 833]
03 вибір проекту. mp4 [18M 906k 214]
03.1 Список тем.html [145]
2 UX Аналітика проекту
01 Бриф.mp4 [26m 301k 401]
02 аналіз конкурентів. Порівняльна таблиця. mp4 [17M 234k 36]
03 аналіз конкурентів. Пошук прямих і непрямих конкурентів. mp4 [58m 390K 600]
04 огляд конкурентів. mp4 [81m 428k 444]
05 робимо висновок щодо конкурентів та ринку.mp4 [30m 507k 29]
06 заповнюємо таблицю конкурентів. mp4 [52m 514k 156]
07 Пара порад щодо складання питань. mp4 [9M 813k 958]
08 знайомство з FigJam. mp4 [62M 728k 652]
09 створюємо план опитування. mp4 [135m 438k 195]
10 вносимо опитування у форму. mp4 [132m 353k 554]
11 що робити з відпросом.html [3k 749]
12 попередній аналіз опитування. mp4 [57m 881k 361]
13 робота з таблицею даних з опитування. mp4 [22M 165k 489]
14 аналіз опитування. mp4 [64M 323k 627]
15 кілька інсайдерів для інтерв'ю.html [2k 998]
16 складаємо план інтерв'ю.mp4 [98m 524k 454]
17 Аналіз інтерв'ю. mp4 [90m 943k 703]
18 Персона.mp4 [97m 827k 632]
19 Use Case.mp4 [38m 10k 48]
20 Use Case + Features.mp4 [69m 504k 501]
21 MVP.mp4 [175m 470k 385]
22 Flow. Вступна лекція. mp4 [47m 912k 548]
23 Flow. Реєстрація. mp4 [58m 259k 792]
24 Flow. Особистий кабінет. mp4 [123m 131k 410]
25 Flow. Вибір книги. mp4 [96M 894k 558]
26 Flow. Надсилання повідомлень. mp4 [151M 524k 869]
27 Інформаційна архітектура. mp4 [110m 724k 809]
3 Wireframe (Вайрфреймпрототип)
01 створення низькорівневого прототипу. Частина 1.mp4 [91m 503k 392]
02 створення низькорівневого прототипу. Частина 2.mp4 [60m 49k 148]
03 створення низькорівневого прототипу. Частина 3. mp4 [49m 592k 303]
04 створення низькорівневого прототипу. Частина 4. mp4 [83m 128K 308]
05 прототип високого рівня. mp4 [37m 321k 593]
05.1 Кит для створення високорівневого прототипу.html [117]
05.2 Курс зі створення Ui Kit.html [151]
06 прототип високого рівня. Частина 2.mp4 [41m 102k 681]
07 прототип високого рівня. Частина 3. mp4 [93m 303k 858]
08 прототип високого рівня. Частина 4. mp4 [112M 234k 582]
09 прототип високого рівня. Частина 5. mp4 [45m 535k 482]
10 прототип високого рівня. Частина 6. mp4 [117m 168k 880]
11 прототип високого рівня. Частина 7. mp4 [102M 132k 615]
12 прототип високого рівня. Частина 8. mp4 [36m 786k 826]
4 Створення клікабельного прототипу
01 реєстрація-Головна. mp4 [49m 150k 78]
02 додаємо скролл до сторінок. mp4 [70m 85k 799]
03 створюємо зв'язки для всіх сторінок. mp4 [115m 314k 885]
04 Прототип сторінки надсилання повідомлення. mp4 [73m 329k 813]
05 тестування прототипу.html [583]
01 Що таке UX.mp4 [27M 848k 741]
02 етапи роботи. mp4 [30m 825k 833]
03 вибір проекту. mp4 [18M 906k 214]
03.1 Список тем.html [145]
2 UX Аналітика проекту
01 Бриф.mp4 [26m 301k 401]
02 аналіз конкурентів. Порівняльна таблиця. mp4 [17M 234k 36]
03 аналіз конкурентів. Пошук прямих і непрямих конкурентів. mp4 [58m 390K 600]
04 огляд конкурентів. mp4 [81m 428k 444]
05 робимо висновок щодо конкурентів та ринку.mp4 [30m 507k 29]
06 заповнюємо таблицю конкурентів. mp4 [52m 514k 156]
07 Пара порад щодо складання питань. mp4 [9M 813k 958]
08 знайомство з FigJam. mp4 [62M 728k 652]
09 створюємо план опитування. mp4 [135m 438k 195]
10 вносимо опитування у форму. mp4 [132m 353k 554]
11 що робити з відпросом.html [3k 749]
12 попередній аналіз опитування. mp4 [57m 881k 361]
13 робота з таблицею даних з опитування. mp4 [22M 165k 489]
14 аналіз опитування. mp4 [64M 323k 627]
15 кілька інсайдерів для інтерв'ю.html [2k 998]
16 складаємо план інтерв'ю.mp4 [98m 524k 454]
17 Аналіз інтерв'ю. mp4 [90m 943k 703]
18 Персона.mp4 [97m 827k 632]
19 Use Case.mp4 [38m 10k 48]
20 Use Case + Features.mp4 [69m 504k 501]
21 MVP.mp4 [175m 470k 385]
22 Flow. Вступна лекція. mp4 [47m 912k 548]
23 Flow. Реєстрація. mp4 [58m 259k 792]
24 Flow. Особистий кабінет. mp4 [123m 131k 410]
25 Flow. Вибір книги. mp4 [96M 894k 558]
26 Flow. Надсилання повідомлень. mp4 [151M 524k 869]
27 Інформаційна архітектура. mp4 [110m 724k 809]
3 Wireframe (Вайрфреймпрототип)
01 створення низькорівневого прототипу. Частина 1.mp4 [91m 503k 392]
02 створення низькорівневого прототипу. Частина 2.mp4 [60m 49k 148]
03 створення низькорівневого прототипу. Частина 3. mp4 [49m 592k 303]
04 створення низькорівневого прототипу. Частина 4. mp4 [83m 128K 308]
05 прототип високого рівня. mp4 [37m 321k 593]
05.1 Кит для створення високорівневого прототипу.html [117]
05.2 Курс зі створення Ui Kit.html [151]
06 прототип високого рівня. Частина 2.mp4 [41m 102k 681]
07 прототип високого рівня. Частина 3. mp4 [93m 303k 858]
08 прототип високого рівня. Частина 4. mp4 [112M 234k 582]
09 прототип високого рівня. Частина 5. mp4 [45m 535k 482]
10 прототип високого рівня. Частина 6. mp4 [117m 168k 880]
11 прототип високого рівня. Частина 7. mp4 [102M 132k 615]
12 прототип високого рівня. Частина 8. mp4 [36m 786k 826]
4 Створення клікабельного прототипу
01 реєстрація-Головна. mp4 [49m 150k 78]
02 додаємо скролл до сторінок. mp4 [70m 85k 799]
03 створюємо зв'язки для всіх сторінок. mp4 [115m 314k 885]
04 Прототип сторінки надсилання повідомлення. mp4 [73m 329k 813]
05 тестування прототипу.html [583]
https://privatelink.de/?https://www.udemy.com/course/ux-course-in-figma/