- 25
- 57 451
UX Tornado
Ukraine
เข้าร่วมเมื่อ 11 ธ.ค. 2022
About UX/UI design and Figma.
Author is Viktor Klimenko
- UX/Interaction designer at EPAM
- UX mentor at Projector Online Institute
- Lecturer at EPAM Design Laba
- Lecturer at Apollo IT School
- Friends of Figma Kyiv Community Advocate
Author is Viktor Klimenko
- UX/Interaction designer at EPAM
- UX mentor at Projector Online Institute
- Lecturer at EPAM Design Laba
- Lecturer at Apollo IT School
- Friends of Figma Kyiv Community Advocate
Компоненти практикум
Цей практикум - узагальнення 2 років досвіду проведення лайв-інтенсивів. На відміну від інтенсиву в практикум додано більше теорїі, схем, прикладів використання. Це - не запис інтенсиву, а окремо відзняті відео. Завдання прописані ще більш наглядно і протесовані.
Якісний дизайн - це не творчість, а принципи та паттерни, які відображаються в готовому продукті та роблять його послідовним. Коли користувач бачить однакову стилістику та поведінку елементів при переходах між сторінками, інтерфейс сприймається як передбачуваний та інтуітивний. Практикум дасть необхідний досвід та шаблони рішень, які можна адаптувати під власний проєкт.
Навчимося працювати зі всіма налаштуваннями компонентів, а головне - їх редагувати та організовувати. Попрацюємо як з простими компонентами, так і з багаторівневими, коли декілька компонентів зі своїми налаштуваннями збираються в один.
Figma Components практикум дає можливість повністю розібратисія зі всіма функціями компонентів, щоб використовувати їх в роботі вже наступного дня.
Старт 10 листопада 2024
www.uxtornado.com/practicum/components
Якісний дизайн - це не творчість, а принципи та паттерни, які відображаються в готовому продукті та роблять його послідовним. Коли користувач бачить однакову стилістику та поведінку елементів при переходах між сторінками, інтерфейс сприймається як передбачуваний та інтуітивний. Практикум дасть необхідний досвід та шаблони рішень, які можна адаптувати під власний проєкт.
Навчимося працювати зі всіма налаштуваннями компонентів, а головне - їх редагувати та організовувати. Попрацюємо як з простими компонентами, так і з багаторівневими, коли декілька компонентів зі своїми налаштуваннями збираються в один.
Figma Components практикум дає можливість повністю розібратисія зі всіма функціями компонентів, щоб використовувати їх в роботі вже наступного дня.
Старт 10 листопада 2024
www.uxtornado.com/practicum/components
มุมมอง: 32
วีดีโอ
Автолейаути практикум
มุมมอง 3721 วันที่ผ่านมา
Цей практикум - узагальнення 2 років досвіду проведення лайв-інтенсивів. На відміну від інтенсиву в практикум додано більше теорїі, схем, прикладів використання. Це - не запис інтенсиву, а окремо відзнят відео. Завдання прописан ще більш наглядно протесовані. Навчимося прискорювати роботу над дизайном за рахунок зменшення рутинних дій. А також робити адаптивн елементи, щоб створити один раз б...
Figma AI: огляд функцій штучного інтелекту
มุมมอง 6003 หลายเดือนก่อน
Фігма презентувала оновлення на конференції Config, як полегшують роботу дизайнера роблять її швидшою. На цьому етап штучний інтелект в Фігма це виглядає як покращен плагіни, як зробили функціями за замовчуванням. В чому допомогає Фигма ШІ, так це - генерація контенту: текст та зображення, а також в швидкому створенн інтерактивних прототипів. Якщо цікаво інтегрувати в свою повсякденну роботу U...
Figma AI інтенсив
มุมมอง 1223 หลายเดือนก่อน
За 2 дн інтенсивної практики ми навчимося як з допомогою штучного інтелекту: створити з нуля макети мобільного застосунку, згенерувати для нього текст та картинки, організувати слої, обєʼднати макети в прототип. Студенти на власному досвід протестують можливост обмеження ШІ, переконаються, що ШІ не забере їх роботу, а навпаки - допоможе збільшити її цінність та масштаб. www.uxtornado.com/inten...
Автолейаут воркшоп
มุมมอง 1409 หลายเดือนก่อน
Навчимося прискорювати роботу над дизайном за рахунок зменшення рутинних дій. А також робити адаптивн елементи, щоб створити один раз більше до них не повертатися. Розберемося в усіх можливих налаштуваннях автолейаутів - в тому числ останніх апдейтів Figma. 70% часу - це практика. Будемо рухатися покроково від простого до складнішого. Воркшоп побудований так, щоб ви на власному досвід прийшли ...
Дизайн система курс
มุมมอง 40410 หลายเดือนก่อน
Дизайн система - це курс про створення створення використання дизайн-системи як продукту. Курс спрямований на розвиток системного мислення через продуман практичн завдання під наглядом менторів. www.uxtornado.com/course/design-system
UI Library інтенсив
มุมมอง 11210 หลายเดือนก่อน
UI Library воркшоп - це технічн основи дизайн-систем для роботи в команд (дизайн-система як інструмент). www.uxtornado.com/intensive/ui-library
Variables воркшоп: запрошення
มุมมอง 605ปีที่แล้ว
Variables воркшоп - це 3 дн практики на протяз тижня, за як навчимося використовувати змінн (variables) для системної роботи з адаптивним дизайном, відступами, розмірами елементів, кольорами, світлою та темною темою, локалізацією. 70% часу - це практика. Будемо збирати дизайн як конструктор Lego за допомогою модів переключатися між різними концепціями дизайну. Опануємо вс можливост змінних дл...
Головна навичка UX та UI дизайнера або за що платить клієнт
มุมมอง 3.8Kปีที่แล้ว
Розбираємо що очікує клієнт від дизайнера та як зрозуміти яких даних не вистачає при переход до створення рішення. 00:50 Приклади з відомими брендами 01:38 Головна навичка дизайнера 01:57 UX дизайнер 02:48 UI дизайнер 03:53 Застосування принципу до цього відео 05:06 Лайфхак
Джуніор, мідл, сеньор дизайнер: масштаб задач
มุมมอง 23Kปีที่แล้ว
Як зони відповідальност мають Junior, Middle, Senior UX UI Designer та як очікування від кожної з позицій? На приклад додатку бронювання авіа квитків розбираємо хто чим займається та який вклад в роботу команди та успіх всього проекту робить кожна з ролей. 00.00 Інтро 00.18 Ціна помилки для бізнесу 01.41 Приклад з дизайном додатку 02.53 Junior Designer: обсяг задач 03.16 Middle Designer: обсяг ...
UX дослідження: 3 поширені помилки
มุมมอง 9Kปีที่แล้ว
UX research є актуальною цікавою темою для багатьох дизайнерів. Саме ресьорч так чи інакше асоціюється із словом UX. Чим більше досвіду отримуєш в реалізації проектів з нуля до запуску в продакшен, тим краще розумієш як UX активност є необхідні, а як - можливі. В цьому відео розбираємо як помилки робить майже кожен на початку UX UI карʼєри та на що звертати увагу, як планувати час, щоб трансфо...
Цінність UX дизайну для бізнеса
มุมมอง 2.4Kปีที่แล้ว
В чому потреба бізнеса щодо UX дизайну, якщо головний продукт IT - це розробка? Найбільш очевидно можна пояснити на приклад методології Double Diamond або Подвійний діамант. Це - довол популярний дизайн фреймворк, який наглядно ілюструє етапи роботи дизайн-команди: збирання вимог, ресьорч, генерацію ідей, тестування та інш активності. 00.00 - Що таке UX дизайн 00.46 - Етапи UX дизайну 01.05 - D...
Висота (Elevation)
มุมมอง 420ปีที่แล้ว
Elevation (возвишеність елементу в UI) показує наскільки він важливий стосовно інших. А чим вище він знаходиться над фоном, тим більшу тінь він відкидає.
Кольорова палітра для дизайну сайту: як обрати
มุมมอง 1.4Kปีที่แล้ว
Кольорова палітра для дизайну сайту: як обрати
Material Design гайд в роботі UX UI дизайнера
มุมมอง 2.5Kปีที่แล้ว
Material Design гайд в робот UX UI дизайнера
Джуніор, мідл, сеньор дизайнер: різниця якості роботи
มุมมอง 3Kปีที่แล้ว
Джуніор, мідл, сеньор дизайнер: різниця якост роботи
Клікер презентацій в мобільному додатку Figma
มุมมอง 550ปีที่แล้ว
Клікер презентацій в мобільному додатку Figma
У вас ошибка в описании. «Работа» через «а»
Привіт! Чи можна отримати маленьку консультацію? в мене проблема з редагуванням тексту в закритому і відкритому стані компоненту, і мені цікаво чи проблема в анімації
коли збирається 25% даних... 40% часу... 50% даних... 60% часу... що це за відсотки? що є 100%? чому 40% даних це вже зайві дані?
Дякую❤
а є у вас відос де на прикладах показані різниці всіх функцій анімування? Чим ease in and out відрізняється ease out, наприклад. Ну і також інші моменти. Дуже цікаво б було побачити. І ще питання безпосередньо до цього відосу: у вас там афтер ділей 1мс, а смарт анімейт - 400мс. Що за що відповідає і що перше з двох головніше і першим починає діяти? Дякую
Дякую!!! Який же Ви кльовий!!!
Дякую за цікавий контент. Проходила міні марафони у двох it школах на ux/uà design. Для себе виявила, що ux більше зайшов, щоправда ніяких досліджень не робили)) єдине пробували робити макет з чорно-білих фігур... Хотіла б запитати чи можна зараз зустріти ux дизайнера, як одиночну професію і як шукати проекти саме на ux напрямок? З вами можна попрацювати?)
Вакансій UX researcher майже немає. Навіть в ЕРАМ бачив всього 1 людину, яка робила тільки ресьорч. Загалом потрібні дизайнери, які вміють працювати руками, тому що основна частина роботи - це робити макети, тобто дизайн фічей.
Дуже зрозуміло (стисло і по-суті) розкрита double diamond методологія
українською 🥰
дякую!
Підкажіть, будь ласка, а як зробити щоб була вже загальна анімація, а не лише на одне місто?
Йой, як шкода, що я лише зараз побачила це запрошення. А ще буде воркшоп? У вас так давно не було ніяких відео, було шкода, що, можливо, через брак часу, Ви облишили ведення каналу.
Більше Україно мовного контенту🎉 Браво)
дякую! корисна, системно подана інформація - те, що потрібно знати!)
А чому brightness 400-500, якщо там максимум 100?
Є різні класифікації: від о 100 або від 0 до 1000. В Material 2 використовують від 0 до 1000.
нахер мне рекомендуют какую то дичь на суржике, я так и не понял :) Шпала.
Дуже круто, дякую! Ще є питання щодо того, як потім таку анімацію завантажити наприклад в Dribble як анімований шот, ви робите запис екрану якось чи як саме це можна оформити щоб якість була хороша ? Дякую)
Так, роблю запис екрана через Quicktime, потім в Adobe Premier обрізаю зайве і можна викладати )
класно!)
Можеш добавляти у свої відео таку штуку, коли відображаються комбінації кнопок які ти натискаєш. Бо є ті хто не працював з фігмою, і моментами важко зрозуміти як викликати те чи інше вікно або дію
Круто що не довгі відео. Коротко і по суті. Вподобаяка і підписка)
Дуже цікавий і корисний матеріал🎉 дякую😊
Супер корисне відео!
Дякую за контент, легка подача та корисний матеріал.
Обработка глаз/нейросеть сильно заметна, бросается в глаза
Дякую за пояснення - було цікаво! Бажаю Вам успіхів!
Дуже корисно, дякую!) було б круто в такому саме форматі побачити загалом дизайн-процес роботи над якимось проектом, як це роблять дизайнери різного рівня 👌
Було б круто якби ти показав як робиш стани кнопок
Привіт, а в чому тоді відмінність дабл дайманду від дизайн мислення? Можеш будь ласка зняти відео про це, та розповісті про відмінність між цими підходами, можливо, добав сюди lean ux Наперед дякую
Так, звісно )
Дуже цікаво та приємно слухати, дякую за слушні поради)
Дуже імпонує ваша форма подання інформації. Стосовно дизайну хотіла спитати, чи взагалі ще існує практика малювати від руки загальну структуру сайту? Я не маю фобій порожнього фрейму, але помітила, що якщо у вигляді ескізу на аркуші чорним маркером накидаю де який блок чи секція мають бути, то більше впевненості та розуміння образу втілення ідеї. Я прийшла в ux/ui з образотворчого мистецтва і тому у мене всі ідеї через графічне зображення.
Так, така практика існує і допомогає швидко накидати структуру, щоб не заглиблюватися в деталі.
Дякую за контент, кожен раз із нетерпінням чекаю на Ваші ролики: все по суті, доступно і цікаво)З double diamond - це взагалі найкраще пояснення з тих, що я зустрічала)) UX - це прям суперважливо, щоб не потрапити лапками в сметану і допомогти клієнту досягти цілей
Дякую за теплі слова. Так, погоджуюсь щодо UX )
Дякую за відео!! Лайкаю, коментую і з нетерпінням очікую продовження.
дякую за контент, не зупиняйтеся.
дякую за контент, питання, а джунам на що більше уваги звертати тоді ?
я думаю, варто вчити фігму. щоб знати компоненти, прив'язки та інші неочевидні фічі, над якими голову ломаєш іноді сидиш. сподіваюсь, автор мене підтримає або виправить. самому цікаво почути думку. як джун, я роблю ставку саме на механічні навички, ~70% десь від загальних зусиль.
В першу чергу джуніору треба навчитися робити продукт, тому візуальний дизайн закриває це питання найшвидше. З першого погляду зрозуміла якість продукту. Самий безпрограшний варіант для джуна - це робити акцент на сильному UI, тобто вміти робити гарно. Це основа всіх основ. Навички UI легко продати і завжди буде можливість знайти проект на фрілансі, якщо буде потреба. Знання Figma допомогають виконувати роботу швидше, комфортніше, легше і вони мають бути на достатньому рівні, щоб реалізовувати ідеї, які приходять в голову. Треба памґятати, що Фігма - це інструмент, який допомагає робити продукт, а продукт - це дизайн. Клієнт платить за результат - дизайн. Бо саме дизайн приносить вигоду для його бізнесу. Аутсорс компанії наймають за це ж саме, бо розуміють, що зможуть продавти цю навичку дизайнера клієнтам.
Дякую за відео, не зупиняйтеся
пане Вікторе, дуже дякую за відео! нарешті алгоритми ютуб почали працювати належним чином) підписалась на Ваш канал, цікаво, буду навчатися по Вашим відео. окреме дякую за контент рідною мовою❤
Дякую за відео. І знову користуючись нагодою (сподіваюсь, я не нахаба :)), Вікторе, дайте відповідь, будь ласка. Хочу взятися за розробку адміністративного сайту для своєї ОТГ. Чи достатньо буде провести опитування серед 10 респондентів та 1 глибинне інтерв'ю, аби визначити мету ux дизайну. І ще, на Вашу думку, «золота» кількість питань до респондентів аби вони не забили болт та до кінця пройшли опитування. Якщо я недолуго висловлююсь - пробачайте, ще не оперую якісно термінологією дизайнерів.
1. Якщо хочете зробити продукт не для 1 людини, а для групи людей, то краще провести 5 інтервью, щоб зрозуміти потреби різних людей. 2. Якщо стоїть вибір перед тим: не проводити глибинне інтервью взагалі або провести 1, краще провести 1. 3. Опитування краще робити такої довжини, щоб людина відповіла за 5 хв або швидше. Кількість питань залежить від обсягу даних, які хочете уточнити.
@@uxtornado дякую за таку розгорнуту відповідь!
дякую за україномовний контент! бажаю успіху! :)
Дякую )
Ця вся абстрактна теорія це звісно цікаво, але додавай будь ласка конкретні приклади наприклад "розширення" і "звуження" ресерчу, в теорії не зрозуміло що це і як використовувати в компанії
Давай розбирати на конкретному прикладі? Який клієнт? Яка була проблема? Як робили ресерч? До чого звузились? Як шукали ідеї? Яке знайшли рішення. Можна навіть вигадати приклад і так буде зрозуміліше
@@sunson3 Я гадаю для застосування double diamond на конкретному прикладі, можна звернутися до Віктора за консультацією. Він детально вам розʼяснить як це працює
Дуже дякую за корисний контент!
Віктор, ти крутий, кожного разу дивлюсь твої відео із задоволенням! Я толерую твої думкам. Я, також, не в захваті від дизайну заради дизайну, рішення дизайнерів мають приносити прибутки компаніям.
Радий чути. Круто, що дивимось в одному напрямку 🙌
У мене питання. Якщо тільки починати свій шлях в ui/ux, створюючи реальні роботи як фрілансер, чи можливо бути ефективним ux дизайнером без команди? Бо хто ж без досвіду роботи візьме... сама собі пливеш у каное...
Загалом можна. Просто в команді зростання відбувається набагато швидше, бо є в кого запитати фідбек та з ким порадитися. Щоб бути класним UX дизайнером і приносити прибуток бізнесу, краще попрацювати в команді дизайнерів, щоб подивитися як досвідчені колеги будують процеси, комунікують з клієнтом, вирішують неперадбачувані проблеми і, звісно, який дизайн роблять.
@@uxtornado дякую!
Дуже круто співпрацювати з маркетологами, продакт менеджером ну і з клієнтом в цілому. Це допоможе розробити краще рішення, ніж коли ти будеш все робити самостійно.
@@duckgeek_design класно сказано 💪
воу, навіть не задумувався про таку послідовність відображення елементів
Спасибі! Чекаю наступного тижня!)
Дуже-дуже-дуже дякую! Як завжди, все змістовно і лаконічно. Величезна вподобайка на пітримку каналу!
Дякую, приємно 🙏
Дякую за твої супер інформативні відео! Круто, що створюєш професійний контент українською!
Дякую, приємно 🖤
Дякую за інформацію та вподобайка! Чи можете відповісти на пару питань? Я через незнання таких нюансів «виймала» векторне зображення іконки з «рідного» фрейму та обгортала його у свій фрейм. Виходить, робила дурну працю? І друге питання - яку назву коректно давати фрейму з іконкою. До прикладу, я пишу українською «Іконка Пошук» або «Іконка Кошик» це не коректно? Як пишите ви?
Стосовно назв, залежить від того, з ким ви працюєте. Де-факто стандартом індустрії є іменування англійською, бо й команди здебільшого з різних країн. Якщо ви не працюєте в команді, то іменуйте так, як вам найзручніше. Якщо ж в команді, то як домовитеся, чи відповідно до уже встановленого стандарту. Я особисто би радив іменувати іконки в форматі Категорія/Назва чи Категорія/Функція. Тоді легко підміняти фрейми через вікно на панелі. Аналогічно, можна обгортати різні іконки в складний компонент з варіантами, але на мій погляд це дещо переускладнене рішення, більше підійде для складних робіт. Стосовно фрейма, я не зрозумів питання. Іконки вставляються в стандартних квадратних фреймах, так і має бути. Щоб їх зробити меншими, можна обгорнути в додатковий фрейм, і задати йому відповідні розміри, які або менші, або більші.
@@yakubiv дякую за відповідь )
Віктор дуже добре все пояснив, погоджуюсь 👍 Підсумую і трошки додам: 1. Іконки мають бути загорнуті у фрейми. 2. Фрейм іконки краще підписувати англійською, тому ще стандарт IT та у всіх сетах іконок використовуються англійські назви (назви українською можуть бути незвичними розробникам). 3. Якщо брати іконку з готової бібліотеки, яка відображаться компонентом, можна відкріпити її від компоненту і зробити свій компонент (оригінал). Таким чином можна не виймати вектор з фрейму.
Дякую за висвітлення теми Матеріал Дизайн... Мало інфи, а дуже важливо )
#1)
дуже цікаво і зрозуміло) дякую❤