This media is not supported in your browser
VIEW IN TELEGRAM
💻 А поки ви накидуєте, хочу поділитися цікавим плагином для Figma
EightShapes Specs — плагін за пару кліків створює стайлгайд вибраних компонентів для передачі їх розробникам.
Install plugin
EightShapes Specs — плагін за пару кліків створює стайлгайд вибраних компонентів для передачі їх розробникам.
Install plugin
👩💻 Design thinking. Частина 1.
Можливо, ви такі ж як я, хочете відразу «полетіти» навіть не навчившись «бігати»? Через це бажання я не раз розчаровуватися у житті 🥲 Сам процес для мене був не важливий, тільки результат.
Найбільша ілюзія криється в тому, що отримавши якийсь більш-менш непоганий результат, думаєш, що ти вже маєш навички. Однак, без усвідомлення процессу навички не набудуться.
В дизайні це називається Design thinking. Він включає 5 етапів: Співпереживайте, Визначайте, Створюйте ідеї, Прототипуйте та Тестуйте і знову по колу 😅
І цей процес, здається, можна накласти на створення будь чого.
1️⃣ Співпереживати - співвідносити себе з іншими людьми, зі своєю ЦА, якщо вона вже визначена. Для цих цілей непогано підходять Empathy map та різні види Personas.
2️⃣ Визначати - знайдіть «біль» людей, на цьому етапі треба зрозуміти, яку потребу ЦА треба задовольнити. Також може бути корисним SWOT аналіз.
Можливо, ви такі ж як я, хочете відразу «полетіти» навіть не навчившись «бігати»? Через це бажання я не раз розчаровуватися у житті 🥲 Сам процес для мене був не важливий, тільки результат.
Найбільша ілюзія криється в тому, що отримавши якийсь більш-менш непоганий результат, думаєш, що ти вже маєш навички. Однак, без усвідомлення процессу навички не набудуться.
В дизайні це називається Design thinking. Він включає 5 етапів: Співпереживайте, Визначайте, Створюйте ідеї, Прототипуйте та Тестуйте і знову по колу 😅
І цей процес, здається, можна накласти на створення будь чого.
1️⃣ Співпереживати - співвідносити себе з іншими людьми, зі своєю ЦА, якщо вона вже визначена. Для цих цілей непогано підходять Empathy map та різні види Personas.
2️⃣ Визначати - знайдіть «біль» людей, на цьому етапі треба зрозуміти, яку потребу ЦА треба задовольнити. Також може бути корисним SWOT аналіз.
3️⃣ Створюйте ідеї - генеруйте як умога більше, пишіть все, що прийде в голову. В ідеалі обговорювати з командою. Існує дуже багато методологій для цього, одна з найпопулярніших Brainstorming.
4️⃣ Прототипуйте - використовуйте будь-який тип під ваші цілі, головне не витрачати багато ресурсів на цьому етапі, однак все ж таки не забувайте, що прототип - це спрощена модель майбутнього продукту і там повинні бути усі головні функції.
5️⃣ Тестуйте. Головне на цьому етапі поставити цілі та найкраще тестувати на людях, які є вашою ЦА. Однак, якщо не має такою можливості, можете робити це з тими, до кого можете дістати 😅, тільки пам’ятайте про похибку такого тестування.
Звісно це дуже спрощення трактування цих етапів. Пишіть, якщо вам цікаво дізнатися більш детально про ці етапи, напишу у інших постах 🙌🏻
А ще в наступному пості хочу написати, як можна покращити процес Design Thinking, бо навіть таку базу можна адаптувати під себе та зробити більш ефективною 😉
4️⃣ Прототипуйте - використовуйте будь-який тип під ваші цілі, головне не витрачати багато ресурсів на цьому етапі, однак все ж таки не забувайте, що прототип - це спрощена модель майбутнього продукту і там повинні бути усі головні функції.
5️⃣ Тестуйте. Головне на цьому етапі поставити цілі та найкраще тестувати на людях, які є вашою ЦА. Однак, якщо не має такою можливості, можете робити це з тими, до кого можете дістати 😅, тільки пам’ятайте про похибку такого тестування.
Звісно це дуже спрощення трактування цих етапів. Пишіть, якщо вам цікаво дізнатися більш детально про ці етапи, напишу у інших постах 🙌🏻
А ще в наступному пості хочу написати, як можна покращити процес Design Thinking, бо навіть таку базу можна адаптувати під себе та зробити більш ефективною 😉
Jane Kyr Design. Гайд по UI/UX дизайну pinned «Знаю, що мене довго не було, Балі забирає багато сил та увіги 🤪 Обіцяю повернутися з більш регулярним контентом! Напишіть в коментарях, які теми по дазайне вам найбільш цікаві, щоб я могла приготувати для вас найбільш релевантну інформацію 🙏»
Якщо ви використовуєте зображення у своїх проектах, рекомендую перед тим, як заливати у Figma, оптимізувати їх без втрати якості.
Це допоможе полегшити сам файл і роботу з фірмою, а найголовніше - ваш проект, веб версію або додаток, що дозволить користувачам не чекати довго завантаження сторінок або додатка та отримати кращий досвід взаємодії з вашим продуктом.
Ділюсь з вами безкоштовними сервісами.
TinyPNG
WebsitePlanet
Це допоможе полегшити сам файл і роботу з фірмою, а найголовніше - ваш проект, веб версію або додаток, що дозволить користувачам не чекати довго завантаження сторінок або додатка та отримати кращий досвід взаємодії з вашим продуктом.
Ділюсь з вами безкоштовними сервісами.
TinyPNG
WebsitePlanet
👩💻 Design thinking. Частина 2.
Підготувала для вас другу частину про дизайн мислення, хоча я б сказала, що це можна застосувати до будь-якої сфери.
Насправді, такий підхід є досить ефективним, але навіть його можна краще пристосувати до реального процесу.
Раніше я думала, що втиснути дизайн процес у спринт – це не дуже ефективно, завжди хочеться зробити більше: більше досліджень, більше варіантів дизайну.
Однак, на практиці задача без дедлайнів - це у більшості випадків прокрастинація. Тож у кожного етапу дизайн-процесу, на мій погляд, має бути кінцева точка, після якої має йти наступний етап.
Звісно не забуваємо про баланс між жорсткими рамками та варіантом без рамок взагалі, все ж таки естімейти має робити дизайнер спільно з командою.
Я поціновувач маленьких і швидких ітерацій та A/B тестів, які швидко можуть показати, чи йдемо ми в правильному напрямку - як завідував нам Ілон Маск, поки він ще не купив твіттер і був нормальним 😅
А як ви вважаєте, що краще робити процеси довшими чи коротшими?
Підготувала для вас другу частину про дизайн мислення, хоча я б сказала, що це можна застосувати до будь-якої сфери.
Насправді, такий підхід є досить ефективним, але навіть його можна краще пристосувати до реального процесу.
Раніше я думала, що втиснути дизайн процес у спринт – це не дуже ефективно, завжди хочеться зробити більше: більше досліджень, більше варіантів дизайну.
Однак, на практиці задача без дедлайнів - це у більшості випадків прокрастинація. Тож у кожного етапу дизайн-процесу, на мій погляд, має бути кінцева точка, після якої має йти наступний етап.
Звісно не забуваємо про баланс між жорсткими рамками та варіантом без рамок взагалі, все ж таки естімейти має робити дизайнер спільно з командою.
Я поціновувач маленьких і швидких ітерацій та A/B тестів, які швидко можуть показати, чи йдемо ми в правильному напрямку - як завідував нам Ілон Маск, поки він ще не купив твіттер і був нормальним 😅
А як ви вважаєте, що краще робити процеси довшими чи коротшими?
This media is not supported in your browser
VIEW IN TELEGRAM
З чим може допомогти чат GPT, якщо ти UI/UX дизайнер 🤔
Як я вчора писала, або ви застрибуєте у вагон швидко зростаючих технологій та впроваджуєте їх у свій робочий процес, або стаєте менш конкурентоздатним. Тому я вам зібралися список, як ви можете використовувати чат GPT у своєму робочому процесі UI/UX дизайнера.
1️⃣ Це звісно робота з текстом: перекласти, зробити текст для нативного алерта, попрацювати над voice of tone, розширити текст, або навпаки скоротити, заливши при цьому контент.
2️⃣ Аналіз конкурентів: може проаналізувати продукти конкурентів, якщо вони є у загальному доступі, прописати плюси та мінуси та видати аналіз навіть у вигляді таблиці.
3️⃣ Прописати вашу цільову аудиторію, поділити на сегменти та оформити у персони. Як він справився з цим на прикладі продукту, над яким я працюю, можна подивитися у моєму телеграм-каналі.
4️⃣ Wireframes та макети: дає поради як зробити оптимальніше, які елементи використовувати та як їх оптимально розмістити, враховуючи технічні особливості та особливості цільової аудиторії. Може навіть порекомендувати іконки під якусь тему, щоб вони були зрозумілі для вашої ЦА.
5️⃣ Інтерв’ю: може прописати для вас гіпотези, сценарій, питання і проаналізувати отримані дані, оформити усе у таблицю. Тобто дуже швидко і якісно зробити майже усі етапи, які прописала у своєму пості про інтервʼю у телеграм-каналі.
Взагалі, його можливості стосовно текстів і справді широкі, і нам ще це досліджувати і досліджувати.
Як я вчора писала, або ви застрибуєте у вагон швидко зростаючих технологій та впроваджуєте їх у свій робочий процес, або стаєте менш конкурентоздатним. Тому я вам зібралися список, як ви можете використовувати чат GPT у своєму робочому процесі UI/UX дизайнера.
1️⃣ Це звісно робота з текстом: перекласти, зробити текст для нативного алерта, попрацювати над voice of tone, розширити текст, або навпаки скоротити, заливши при цьому контент.
2️⃣ Аналіз конкурентів: може проаналізувати продукти конкурентів, якщо вони є у загальному доступі, прописати плюси та мінуси та видати аналіз навіть у вигляді таблиці.
3️⃣ Прописати вашу цільову аудиторію, поділити на сегменти та оформити у персони. Як він справився з цим на прикладі продукту, над яким я працюю, можна подивитися у моєму телеграм-каналі.
4️⃣ Wireframes та макети: дає поради як зробити оптимальніше, які елементи використовувати та як їх оптимально розмістити, враховуючи технічні особливості та особливості цільової аудиторії. Може навіть порекомендувати іконки під якусь тему, щоб вони були зрозумілі для вашої ЦА.
5️⃣ Інтерв’ю: може прописати для вас гіпотези, сценарій, питання і проаналізувати отримані дані, оформити усе у таблицю. Тобто дуже швидко і якісно зробити майже усі етапи, які прописала у своєму пості про інтервʼю у телеграм-каналі.
Взагалі, його можливості стосовно текстів і справді широкі, і нам ще це досліджувати і досліджувати.
⚡️ У наступних дописах буду більше детально описувати приклади роботи з конкретними кейсами, цього не буде у інсті, тоже не пропустіть 😉
💼 Хто шукаю роботу на позицію Product Designer?
Рекомендую звернуту увагу на цю вакансію:
https://skelar.breezy.hr/p/d1d060066bc1-product-designer
#вакансія
Рекомендую звернуту увагу на цю вакансію:
https://skelar.breezy.hr/p/d1d060066bc1-product-designer
#вакансія
skelar.breezy.hr
Building tech businesses
Empowering high-performers to build the next big everything
Коли тобі ліньки писати тексти, можна віддати на аутсорс 😅
Багато говорять про те, що джунам буде важко з приходом ШІ, а меня здається, навпаки: хто хоче вчитися, з таким помічником це просто бомба. Головне, вміти аналізувати отриману інфу. Згодні?
Багато говорять про те, що джунам буде важко з приходом ШІ, а меня здається, навпаки: хто хоче вчитися, з таким помічником це просто бомба. Головне, вміти аналізувати отриману інфу. Згодні?
Jane Kyr Design. Гайд по UI/UX дизайну pinned «А ви у якому форматі працюєте?»
⚡️Знайшла для вас плагін чату GPT для Figma, що може ще зберегти вам час.
Сама поки не тестувала, так що діліться враженнями!
FigGPT
Сама поки не тестувала, так що діліться враженнями!
FigGPT
Jane Kyr Design. Гайд по UI/UX дизайну
А ви у якому форматі працюєте?
Вирішила порефлексувати на тему ремоут роботи у пості в інсті, долучайтеся до обговорення у коментарях 🤗
https://instagram.com/p/CqstNiZrzYB/
https://instagram.com/p/CqstNiZrzYB/
👩💻 ПРО КОМПОЗИЦІЮ У ДИЗАЙНІ
Сьогодні хочу поговорити з вами про фундаментальні правила UI дизайну.
🐚 Композиція є одним з найважливіших аспектів в дизайні інтерфейсів та користувацьких досвідів. Ці правила не випадкові - вони базуються на природних законах балансу та гармонії.
Правильна композиція дозволяє створити привабливий дизайн, який залучає увагу та забезпечує зручну навігацію. Чи ви створюєте веб-сайт, мобільний додаток чи презентацію - дотримання правил композиції є ключем до успіху в дизайні.
У дизайні існують певні закони композиції, які підкреслюють взаємозв'язок між об'єктами та структурують простір. Багато з цих законів базуються на природних принципах, що можуть бути використані для створення більш ефективних та привабливих дизайнів.
Ось деякі з них:
🔺 Принцип розміщення: використання розміщення елементів в дизайні, щоб забезпечити оптимальну просторову організацію та зручний доступ до них (включаючи баланс, близькість і вирівнювання).
🔺 Принцип ієрархії: в дизайні має бути ясна структура і порядок елементів. Це означає, що деякі елементи мають бути більш важливими, ніж інші, і їх розташування та розмір повинні відображати їх важливість.
🔺 Принцип близькості: елементи, які пов'язані між собою за формою, кольором або розташуванням, сприймаються як єдиний об'єкт або група. Цей принцип допомагає забезпечити логічність та зручність сприйняття інформації на екрані.
🔺 Принцип консистентності: забезпечення однакового стилю та форматування для всіх елементів дизайну, щоб зробити його легко розпізнаваним та зрозумілим для користувача.
🔺 Принцип балансу: забезпечення рівноваги між всіма елементами дизайну, щоб зробити його зручним для сприйняття.
🔺 Принцип ритму: створення повторюючихся елементів, щоб зробити дизайн більш згуртованим та легше сприйматися.
🔺 Принцип кольорів: набір правил, які використовуються для створення гармонійних кольорових схем у дизайні. Цей принцип включає в себе взаємодію кольорів, теплі та холодні кольори, контрастність та насиченість.
Сьогодні хочу поговорити з вами про фундаментальні правила UI дизайну.
🐚 Композиція є одним з найважливіших аспектів в дизайні інтерфейсів та користувацьких досвідів. Ці правила не випадкові - вони базуються на природних законах балансу та гармонії.
Правильна композиція дозволяє створити привабливий дизайн, який залучає увагу та забезпечує зручну навігацію. Чи ви створюєте веб-сайт, мобільний додаток чи презентацію - дотримання правил композиції є ключем до успіху в дизайні.
У дизайні існують певні закони композиції, які підкреслюють взаємозв'язок між об'єктами та структурують простір. Багато з цих законів базуються на природних принципах, що можуть бути використані для створення більш ефективних та привабливих дизайнів.
Ось деякі з них:
🔺 Принцип розміщення: використання розміщення елементів в дизайні, щоб забезпечити оптимальну просторову організацію та зручний доступ до них (включаючи баланс, близькість і вирівнювання).
🔺 Принцип ієрархії: в дизайні має бути ясна структура і порядок елементів. Це означає, що деякі елементи мають бути більш важливими, ніж інші, і їх розташування та розмір повинні відображати їх важливість.
🔺 Принцип близькості: елементи, які пов'язані між собою за формою, кольором або розташуванням, сприймаються як єдиний об'єкт або група. Цей принцип допомагає забезпечити логічність та зручність сприйняття інформації на екрані.
🔺 Принцип консистентності: забезпечення однакового стилю та форматування для всіх елементів дизайну, щоб зробити його легко розпізнаваним та зрозумілим для користувача.
🔺 Принцип балансу: забезпечення рівноваги між всіма елементами дизайну, щоб зробити його зручним для сприйняття.
🔺 Принцип ритму: створення повторюючихся елементів, щоб зробити дизайн більш згуртованим та легше сприйматися.
🔺 Принцип кольорів: набір правил, які використовуються для створення гармонійних кольорових схем у дизайні. Цей принцип включає в себе взаємодію кольорів, теплі та холодні кольори, контрастність та насиченість.
🔺 Принцип контрасту: використання контрастних елементів, щоб привернути увагу до ключових елементів та забезпечити баланс в дизайні.
🔺 Принцип пропорцій: використання правильних пропорцій та співвідношень між елементами дизайну, щоб забезпечити збалансованість та красу в оформленні.
🔺 Принцип від'ємного простору (простору між об'єктами): зменшення візуальний шум і покращити читабельність дизайну, створивши баланс між позитивним і негативним простором.
🔺 Правило золотого перетину - це математичне правило, що використовується в дизайні та мистецтві для створення естетично приємних та гармонійних композицій.
🔺 Правило третин: згідно з цим правилом, об'єкт або сцена розміщується вздовж однієї з горизонтальних або вертикальних ліній, які ділять кадр на три рівні частини. Це дозволяє розмістити головний об'єкт на одній з ліній, або їх перетині, а також створити баланс між позитивним і негативним простором в зображенні.
Як ви бачете таких принципів досить багато, і усі вони дуже впливають на дизайн інтерфейсів. Однак, вони дуже прості, якщо розібрати їх на прикладах інтерфейсів. Пропоную так і зробити на цьому тижні.
🙌 Ставте лайки, якщо вам цікаво. Робити такий безкоштовний контент для вас займає багато часу, тому ваш фідбек дуже важливий!
🔺 Принцип пропорцій: використання правильних пропорцій та співвідношень між елементами дизайну, щоб забезпечити збалансованість та красу в оформленні.
🔺 Принцип від'ємного простору (простору між об'єктами): зменшення візуальний шум і покращити читабельність дизайну, створивши баланс між позитивним і негативним простором.
🔺 Правило золотого перетину - це математичне правило, що використовується в дизайні та мистецтві для створення естетично приємних та гармонійних композицій.
🔺 Правило третин: згідно з цим правилом, об'єкт або сцена розміщується вздовж однієї з горизонтальних або вертикальних ліній, які ділять кадр на три рівні частини. Це дозволяє розмістити головний об'єкт на одній з ліній, або їх перетині, а також створити баланс між позитивним і негативним простором в зображенні.
Як ви бачете таких принципів досить багато, і усі вони дуже впливають на дизайн інтерфейсів. Однак, вони дуже прості, якщо розібрати їх на прикладах інтерфейсів. Пропоную так і зробити на цьому тижні.
🙌 Ставте лайки, якщо вам цікаво. Робити такий безкоштовний контент для вас займає багато часу, тому ваш фідбек дуже важливий!