Jane Kyr Design. Гайд по UI/UX дизайну
470 subscribers
192 photos
35 videos
2 files
156 links
Дизайн-комьюніті, де я @janekyr, ваш гід по UI/UX дизайну ділюся з вами дизайнерськими фішечками. Ще більше користі: https://janekyrdesign.com/
Download Telegram
This media is not supported in your browser
VIEW IN TELEGRAM
Коли у Figma Community зʼявився офіційний UI Kit Android в Material Design 3, але там немає майже нічого корисного 🥲

Офіційний UI Kit Android в Material Design 3

Памʼятаю, коли я ще користувалася Sketch, офіційні UI Kitи там виходили більш повні та структуровані, тому мені Sketch дуже подобався. Хотілося, щоб в Figma вони виходили теж обширними та з усіма елементами 😔

Але поділюсь з вами більш корисним файлом, хоча і не офіційним, але там є багато елементів для Material Design 3 і яким я сама кормстуюся

НЕофіційний UI Kit Android в Material Design 3
але з іншого боку, завжди можна навчитися та стати оператором чату GPT 😅
🧑🏻‍🎨 РІЗНИЦЯ МІЖ PRODUCT DESIGNER ТА UI/UX DESIGNER

💵 По-перше, це різниця у доходах, у середньому продуктовий дизайнер отримує більше за UI/UX дизайнера одного рівня. Тож, будете прагнути дорости до продуктового дизайнера, будете жити в таких готелях 😂

Я працюю вже декілька років саме на позиції продуктового дизайнера.

Якщо чесно навіть дизайнери, які довго працюють у цій сфері, плутаються, що входять у їх обовʼязки, бо часто це залежить від компанії. Тож можливо ви вже робите значну роботу продуктового дизайнера, але просто ще цього не знаєте.

🧑🏻‍🎨 UI/UX Designer зазвичай займається розробкою інтерфейсу користувача та взаємодії з ним. Вони зосереджені на тому, щоб інтерфейс був зручним та простим у використанні для користувачів. UI/UX Designer проводять дослідження користувачів, аналізують їх поведінку та потреби, щоб створити інтерфейс, який задовольняє їх потреби.

👩🏻‍💻 Product UI/UX Designer, з іншого боку, займається розробкою продукту в цілому. Вони не тільки розробляють інтерфейс користувача, але й займаються стратегією продукту, визначають його функціональність та взаємодію з користувачем.

Product UI/UX Designer працюють з командою розробників, маркетологів та менеджерів продукту, щоб забезпечити успішний запуск продукту на ринку. Розбираються в продуктових метриках та дуже щільно співпрацюють з продуктовим менеджером або Product Owner.

Отже, хоча обидва дизайнери займаються розробкою інтерфейсу користувача та взаємодії з ним, Product UI/UX Designer більше зосереджений на розробці продукту в цілому та його успішному запуску на ринку.
але ж ми з вами знаємо, що проекти можуть бути і цікаві, і прибуткові 😉 згодні?
ІНША СТОРОНА АЙТІ

Є в цій сфері багато хорошого, але вона точно не ідеальна! Сьогодні мені захотілося розкрити іншу сторону айті зі свого власного досвіду.

Це була одна з перших моїх робот і перший проект, який я робила з нуля і як самостійний дизайнер на проекті.

Щоб ви розуміли, я все ще була джуніор дизайнером і ніколи не працювала на американського замовника. Якщо з хард скілами та логікою у мене в принципі ніколи не було особливих проблем, то практики як комунікувати с замовниками у мене не було майже зовсім.


І після того як я пропрацювала десь півроку як інтерн під керівництвом більш старшого дизайнера, мене переключили на інший проект.

Це зараз би він здався мені дуже цікавим, але тоді він мене лякав. Проект складався з адмінки та веб аналітичної системи для управління комуналкою великих ритейлерських мереж, тобто B2B ринок (і у цього продукту були і справді великі потенційні покупці на американському ринку).

На той момент, коли мене підключили на проект була тільки ідея, невеличкий mvp майже без нічого та продакт оунер який і випуступав головним замовником, у якого була якась ідея, як цей продукт має виглядати. Щоб ви розуміли, навіть конкурентів у цієї системи майже не було, а ті що були не можливо було брати за основу так як основна ідея була зовсім інша.

Уявіть себе у цій точці! Я була абсолютна розгублена, однак не в моїх правилах складати руки, ще до того як почати та і в принципі я не бачила, що у мене є інші варіанти.

Моя головна проблема була в комунікації з клієнтом. Я зовсім не розуміла американський менталітет, і що замовник від мене хоче.

Американці майже ніколи не говорять прямо та завуальовують критику у дуже довгі ввічливі обороти. Тож я навіть довго не розуміла, що це критика, і що щось треба змінювати.
З іншого боку, мене дуже пушила менеджмент компанії, де я працювала. Бачте, я як джуніор не дуже справлялася з поставленою задачею, задачею для дизайнера рівня сіньор 😅 як же так 🤷🏻‍♀️

І це одна з великих проблем аутсорсингу компаній - полюбляють вони продавати джунів як міддлів та сеньорів. Для чого? Ну ви самі розумієте. Але я тоді не розуміла, я була молода і щиро вірила, що мені хочуть допомогти. Однак, ця допомога при близькому розгляді була більше схожа на абюз.

І тут ми перейшли до ще одніє навички, яка точно не завадить — сміливість відстоювати свої інтереси!

Для мене історія закінчилася добре, я знайшла спільну мову с замовником і ми ще пропарцювали десь 1,5 року разом у мирі та злагоді, хочу перші 2 міс були адом, а ще якийсь час дуже брала це на свій рахунок і думала, що це зі мною щось не так.

Тож я вам бажаю тільки здорового середовища, в якому вам буде комфортно розвиватися, це база і ви цього справді достойні! 🤗

А ви стикалися з такими ситуаціями на роботі? Дуже цікаво почути ваш досвід 🫶
Всім привіт 🥳 я трохи, зникла, але я з класною новиною! Мені запропонували класний офер по роботі, спойлер: це теж мобільний додаток!

Сподіваюсь, дуже скоро я зможу розповісти вам більше деталей 💃🏻🙌🏻

А поки, хочу запитати вас чи цікаво вам почути мій досвід про проходження співбесід?) думаю зробити прямий ефір по цій темі
Робити прямий ефір по проходженню співбесід і мій досвід?
Anonymous Poll
85%
Таааак, цікаво, буду 🤗
2%
Не цікаво
13%
Інший формат, не прямий ефір (варіанти пишіть у коментарі)
Допис-мотивація: бажаю вам всім знайти свій стиль, свій шлях, не сліпо копіювати поради, а інтергрувати їх у свій досвід!
як же ця картинка мені асоціюється з дизайн-системами 😅 а з чим у вас?
ПРО ШРИФТИ

Хочу з вами розібрати найчастіші помилки новачків та мої рекомендації щодо шрифтів у UI/UX дизайні.

У кожному курсі по дизайну є тема шрифтів, і навіть зараз, шрифт допомагає  (чи навпаки) вам читати цей текст. Так ось, щоб шрифт допомагав, доповнював ваш інтерфейс, варто дотримуватися декілька простих рекомендацій:

1️⃣ Перша помилка - занадто складні та нечитабельним шрифти, особливо для текстів маленького розміру.

Використовуйте прості та зрозумілі шрифти. Незважаючи на те, що складніші шрифти можуть додати візуального ефекту, для деяких проектів краще використовувати більш прості та читабельні шрифти. Чим більш читабильні шрифти при різних розмірах - тим краще. Не захоплюйтесь занадто вичурними та художніми шрифтами - такі шрифти гарні тільки на проектах у Dribbble, у житті вони неробочі.

2️⃣  Друга помилка - занадто багато шрифтових груп для одного проекту, поєднувати багато різних типів рукописних шрифтів, тощо.

Важливо також знати, як комбінувати різні шрифти між собою. Для комбінування шрифтів краще використовувати не більше двох шрифтів на проект. Важливо вибрати шрифти, які доповнюють один одного та допомагають зрозуміти ієрархію контенту на сторінці.

3️⃣ Третя помилка - використання тільки одного стилю та не робити акценти у текстах, або робити забагато акцентів.

Користуватися різними стилями одної шрифтової групи - Bold/Semibold/Medium/Regular/Light і тд. Чим їх більше у шрифті, тим краще. Це допоможе вам зробити ваш дизайн цікавішим та зробити акценти, однак не використовуйте усі одразу, гармонія у мірі!
👩‍💻 Усім привіт! Поки я в дорозі, вирішила зібрати ваші питання для ефіру про співбесіди для дизайнерів! Можете задавати їх прямо тут у коментарях, або у цій формі:

https://forms.gle/PoRPwsLfRhWiMMn19

Сам прямй ефір думаю провести у кінці наступного тижня, обовʼязково збережу запис, тож не хвилюйтеся, якщо не вийде прийти на сам ефір.

Чекаю на ваші питання 🫶
Jane Kyr Design. Гайд по UI/UX дизайну pinned «👩‍💻 Усім привіт! Поки я в дорозі, вирішила зібрати ваші питання для ефіру про співбесіди для дизайнерів! Можете задавати їх прямо тут у коментарях, або у цій формі: https://forms.gle/PoRPwsLfRhWiMMn19 Сам прямй ефір думаю провести у кінці наступного тижня…»
Тут зі мною поділилися дуже класною підбіркою по законам UX і я поспішаю поділитися з вами!

https://lawsofux.com/

На жаль, тут не має української чи російської мови, але якщо на цьому пості буде більше 10 лайків, зроблю вам переклад 🙌

І не забудьте поставити питання стосовно співбесід у формі вище!
Ну що, почнемо наш марафон по законам UX! Спочатку буду вам перекладати статю про закон, а після висновки по ньому для реального дизайнерського життя.


💫 Ефект естетичної використовуваності

Користувачі часто сприймають естетично привабливий дизайн як дизайн, який є більш використовуваним.

Основні положення

1⃣ Естетично привабливий дизайн викликає позитивну реакцію в мозку людей і переконує їх, що дизайн насправді працює краще.

2⃣ Люди більш терпимі до незначних проблем використовуваності, коли дизайн продукту або сервісу є естетично привабливим.

3⃣ Візуально привабливий дизайн може приховувати проблеми використовуваності і запобігати виявленню проблем під час тестування використовуваності.

Походження

Ефект естетичної використовуваності був вперше вивчений у галузі взаємодії людини з комп'ютером у 1995 році. Дослідники Масаакі Куросу та Каорі Кашімура з Центру дизайну Hitachi протестували 26 варіацій інтерфейсу банкомату, попросивши 252 учасників дослідження оцінити кожен дизайн за його простоту використання та естетичну привабливість.

Вони виявили сильнішу кореляцію між оцінками учасників щодо естетичної привабливості та сприйняття простоти використання, ніж між оцінками щодо естетичної привабливості та фактичної простоти використання. Куросу та Кашімура прийшли до висновку, що користувачі сильно впливаються естетикою будь-якого інтерфейсу, навіть коли вони намагаються оцінити базовий функціонал системи.

Ресурс - тут є більше ресурсів для детального ознайомлення з ефектом

#uxlaws
📒 Висновки

Уявіть собі, якщо б інтерфейс інстаграму би залишився таким: як у 2010 році! Чи багато людей з вас його використовували? Думаю, що ні.

Я часто стикалася у роботі, що конкуренцію не завжди вигріють ті продукти, які краще працюють та мають більше функціаналу, а частіше ті, хто має чистий та зрозумілий дизайн.

На жаль, не всі власники продуктів розуміють як важливо, щоб дизайн продукту залишався актуальним. Однак, в ваших силах переконати замовника/менеджера у необхідності цього. В якості аргументу можете сміли використовувати цей закон.

Є ще декілька моментів, на які треба звернути увагу:

1. Уникайте ультра модних направлень у дизайні, як наприкрад, неоморфізм колись. Такі стилі дуже важко підтримувати у майбутньому - мода проходить, а вам дизайнерам потім з цим жити. Звісно, якщо позиціонування продукту включає незвичний стиль, то це інша справа. Однак, закликаю вас подумати перед цим.

2. Якщо ви вирішили робити редизайн продукту, підійдіть до цього процесу серйозно, особливо, якщо у вашого продукту багато користувачів. Різкі зміни можуть повпливати негативно на продуктові метрики, через те, що для ваших користувачів інтерфейс став зовсім незнайомим. Можливо, варто робити редизайн поступово у декілька етапів, щоб ваші користувачі змогли поступово звикнути дл нових реалій.

3. Гарна практика використовувати нативні елементи операційних систем для ваших дизайнів, як, наприклад, iOS Kits. Для користувачів ці елементи вже знайомі і їм очевидно як ними користуватись. Це також буде робити ваш дизайн візуально привабливим та знайомим.

Що ви думаєте про цей закон? Чи ви згодні з його важливістю?
І дуже чекаю на ваші реакції! Такі тексти займають час і мені необхідно отримувати від вас фідбек 🫶

#uxlaws
Jane Kyr Design. Гайд по UI/UX дизайну
👩‍💻 Усім привіт! Поки я в дорозі, вирішила зібрати ваші питання для ефіру про співбесіди для дизайнерів! Можете задавати їх прямо тут у коментарях, або у цій формі: https://forms.gle/PoRPwsLfRhWiMMn19 Сам прямй ефір думаю провести у кінці наступного тижня…
Доброго ранку) я вирішила, що ефір буде завтра о 17! Хто не зможе доєднатися, не хвилюйтеся, буде запис 🫶 (я сподіваюся, не затуплю, бо це буде мій перший ефір 😅)

Чекаю на ваші питання у цій формі, можна не тільки про співбесіди, але і про організацію роботи дизайнера теж

https://forms.gle/PoRPwsLfRhWiMMn19
А поки я занурююсь у новий продукт, Apple нарешті випустив перший офіційний Figma файл з UI Kit для ще не вийшовшої у загальний доступ iOS17 (поки Beta-версія) 🥳

Переглянути та зберегти собі можна тут:
Apple Design Resources – iOS 17 and iPadOS 17
Зʼявився новий ресурс з референсами по різним UI елементам. Я дуже часто таким користуюся, коли треба знайти специфічний приклад

Що там є:
– Форми логіну та реєстрації
- Поп-апи
- Профілі
- Порожні стани
- Нотифікації
- Таби
- Каруселі
- Візарди
– Завантаження файлів
- Кнопки
- Селекти
- Тости
- Каунтери
- Тултіпи
- Таблиці, та ін.

Зберігайте собі:

https://calltoinspiration.com/