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
Прямому ефіру сьогодні о 17:00 бути, але поки хочу поділитися з вами враження про нове оновлення Figma!

Я тільки закінчила дивитися Config 2023 Product Launch Keynote, і можу сказати, що я дуже вражена! Нова версія Figma точно змінить процес роботи у команді не тільки дизайнера, але і розробників.

Повний список оновлень можна глянути тут

Але давайте детальніше роздивимося, що ж там нового!
This media is not supported in your browser
VIEW IN TELEGRAM
Перше, що мене дуже зацікавило, це фіча Variables

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

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

Intro to variables

Prototype with variables
This media is not supported in your browser
VIEW IN TELEGRAM
Також був презентований новий режим для розробників Dev Mode, що точно змінить процес колоборації з розробниками!

За допомогою цього спейса, розробник одразу бачить дизайни, які готові для розробки, код у різних варіаціях, різні варіанти одного компонтента, може порівняти зміни, які відбулися у дизайні і все це не відходячи від каси! 😱

Де ця фіча була рік тому? Це як раз те, що було необхідно моїй минулій команді і через що у нас було багато конфліктів. 🥲

Більше про цю фічу тут:

Intro to Dev Mode
This media is not supported in your browser
VIEW IN TELEGRAM
А ще обновили такі фічі як:

- Autolayout - додали функцію Wrap (автоматичне вирівнювання плиткою)
- додали мінімальне та максимальне значення ширина та висоти для елементу - тепер робити респонсів дизайн ще приємніше
- шрифти діляться на ті, які додали ви та системні
- зробили глобальний пошук та нотіфікації

Ці всі оновлення вже є у Figma, треба тільки оновитись!

Також дали затравочку на інтерграцію AI у Figma… це має бути цікаво.

Яка вам фіча сподобалась більше? На що ви чекали? Вже встигли оновитися та спробувати? Пишіть у коментарях та не забувайте про лайки

Все, побачимось зовсім скоро у прямому ефірі о 17:00!
Ми починаємо прямий ефір, доєднуйтесь

https://www.instagram.com/jannykyr/
Jane Kyr Design. Гайд по UI/UX дизайну pinned «Ми починаємо прямий ефір, доєднуйтесь https://www.instagram.com/jannykyr/»
Друзі, дякую усім, хто був присутнім на прямому ефірі про співбесіди і хто задавав питання! Атмосфера була 🔥🔥🔥

Сподіваюся, вам сподобалося і ви отримали корисний контент🥰

Переглянути запис можна тут:

https://www.instagram.com/tv/Ct1mWzgI1QE/?igshid=MzRlODBiNWFlZA==

Дуже чекаю на ваш фідбек 🤗
Jane Kyr Design. Гайд по UI/UX дизайну pinned «Друзі, дякую усім, хто був присутнім на прямому ефірі про співбесіди і хто задавав питання! Атмосфера була 🔥🔥🔥 Сподіваюся, вам сподобалося і ви отримали корисний контент🥰 Переглянути запис можна тут: https://www.instagram.com/tv/Ct1mWzgI1QE/?igshid=MzRlODBiNWFlZA==…»
This media is not supported in your browser
VIEW IN TELEGRAM
Ну що, любі, я вже повернулася з відпустки, тому на вас дуже скоро чекає новий контент!

А поки хто хочет пограти в гру «Адовий інпут паролю»? 😂

https://neal.fun/password-game/

Діліться своїми результатами у коментарях!
Нагадую, якщо вас цікавить на якому ви рівні у дизайні, я дарую великий чек-ліст по навичкам дизайнерів різних рівнів.

Цей чек-ліст може бути вашим гайдом у розвитку навичок та досягнення нових рівнів 🙌🏻

Для цього треба бути підписаним на мене у інстаграм та зробити сторіз у якій буде:

⁃ Репост будь-якого мого допису
⁃ Відмітка мене @jannykyr
⁃ Та декілька строк про те, чому ви на мене підписані 🙌🏻
💼 Прилетіла вакансія для UX/UI Designer (Senior), робота ремоут, аутсорс

Деталі тут
Сьогодні хочу поговорити про важливий скілл продуктового дизайнера - UX writing.

[UX writing - це написання тексту для користувацького інтерфейсу, щоб зробити його зрозумілішим і приємнішим для користувачів.]

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

Тому, непогано мати у своєму арсеналі базові навички написання UX текстів. Чому це важливо покажу на прикладі сповіщення про помилку.

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

🚫 Погано написані повідомлення про помилки:
• перекладають провину на інших
• використовують недоречний тон
• є загальними
• використовують технічний жаргон

Добре написані повідомлення про помилки:
• є зрозумілими
• пояснюють чому
• допомагають користувачам виправити їх
• надають запевнення

Більше інформації про це у цій статті

І не забувайте про лайки, якщо вам сподобалась інформація!
💼 Вакансія від знайомого:

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

Писати стосовно вакансії в телеграм: @saltydogg
Любі, чи сподобався вам ефір про співбесіди, хочете ще? Якщо збереться 50 🔥 проведу цього місяця ще один 😉 І накидайте теми, які вас цікавлять в коментарі!

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

І в цих постах є доля правди, плагіни - це не панацея від погано зробленого дизайну, однак інструмент, який може допомогти вам створити хороші дизайни.

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

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

Якщо ж ви помітили, що велика кількість збережених плагінів навпаки заважає вам знайти потрібний - зробіть ревʼю та видаліть непотрібні. Все просто.

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

А яка ваша думка по цій темі?
Jane Kyr Design. Гайд по UI/UX дизайну
Ну що, почнемо наш марафон по законам UX! Спочатку буду вам перекладати статю про закон, а після висновки по ньому для реального дизайнерського життя. 💫 Ефект естетичної використовуваності Користувачі часто сприймають естетично привабливий дизайн як дизайн…
This media is not supported in your browser
VIEW IN TELEGRAM
Продовжємо розглядати UX закони 👇

Поріг Доерті

Чим швидше реагує система, тим легше утримати увагу користувача.

Аби не здавалося, що система гальмує, вона повинна давати зворотний зв'язок менше ніж за 0,4 секунди.

До 1982 року стандарт був 2 секунди — вважалося, що протягом цього часу користувач обмірковує завдання. Але потім дослідники з IBM Research Уолтер Доерті та Арвінд Тадані з'ясували, що за 2 секунди людина швидше перейде на щось нове. Довелося будувати потужніші сервери, а інтерфейси робити зручнішими.

Висновки

Що швидший відгук системи, то швидше відповідає їй користувач. Наприклад, при відповіді системи 0,3 секунди людина реагує за 9 секунд. Коли система гальмує та відповідає за 3 секунди, людина думає 16 секунд.

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

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

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

Відео-референс

#uxlaws
просто зробило мій ранок 😂