Плагін, якого так чекали?

Figma Autoname — експериментальний open source-інструмент, що автоматично перейменовує леєри.

Випробувати можна тут.

Що поганого в тому, щоб працювати швидко? Нічого, особливо, коли ви робите це якісно.

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

Шукати та знаходити легкі шляхи у роботі з Figma навчитеся на Figma Autolayout Workshop.

Інтенсив складається з трьох днів та 70% практики. На ньому ви:

🔹 розберетеся у базових налаштуваннях автолейаутів та останніх апдейтах редактора;

🔹 зрозумієте, як поєднувати їх між собою та працювати із шорткатами;

🔹навчитеся дизайнити адаптивні елементи, щоб створювати компоненти один раз.

Ваш гід aka куратор — Віктор Клименко, Interaction Designer в EPAM.

Навчитися використовувати автолейаути у Figma на 100%.

Цифровий світ мобільний як ніколи

Та підхід mobile-first призводить до юзабіліті-проблем на десктопах і дисперсії контенту. Це коли контент надто розтягнутий на великих екранах ноутбука чи настільного комп’ютера.

Автори статті провели дослідження, вийшли на юзабіліті-проблеми mobile-first вебдизайнів і запропонували рішення. Ми законспектували основне.

🔹Usability-проблеми:

• Довші сторінки та вища вартість взаємодії

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

• Зростання когнітивного навантаження

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

• Труднощі побудови концептуальної моделі сторінки

Коли юзери «ходять» e-commerce сайтом, щоб придбати товар, їх рішення стоїть на китах: ціна, деталі продукту, відгуки. Якщо ці елементи розкидані по кількох в’юпортах, вони змушені сприймати їх окремо. Так користувачам важче зрозуміти цінність продукту.

🔹Що тоді робити?

• Якщо значна частина сторінки надто розтягнута, подумайте про редизайн ключового контенту, щоб юзери могли сканувати його очима.

• Об’єднуйте контент, що пов'язаний між собою в одній області перегляду, щоб мінімізувати прокручування вперед-назад.

• Менше використовуйте mobile-specific елементи на десктопі, як-от акордеони й подумайте про інші способи відображення контенту.

🔹 Повний матеріал.

Figma 🤝 Zoom

Обидві платформи зійшлися, щоб зробити командну роботу ефективнішою.

Тепер ви можете шерити файли Figma і FigJam одразу на дзвінку. У компанії кажуть, що час попрощатися з перемиканням між вікнами та вічним запитанням «А хто може скинути лінк на документ?» Додати редактор у Zoom.

• У вересні Figma оголосили про таку ж інтеграцію з Google Meet. Встановити застосунок.

Джерело зображення: Figma.

Відкидати все зайве з дизайн-процесу? Це lean UX. Не покладатися на одного експерта, а використовувати швидкі експерименти, щоб визначити, що працює краще? Це lean UX.

Це також наша #книжкова_рекомендація, яка допоможе вам зануритися у світ ітеративного дизайну.

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

Усе це разом із тематичними дослідженнями та прикладами застосування цих та інших підходів у різних галузях.

+3 корисних ресурси до вашого дизайнерського набору інструментів. У нас тут:

• Український Figma плагін для створення анімацій.

• Колекція з bite-sized UX-рішеннями.

• Український шрифт Grunt Grotesk.

Гемінґвей написав повноцінну розповідь зі шести слів

Стелла Горощак, студентка курсу Web Design Beginning передала його точну суть із восьми 🙌

Адже якщо навчатися, то на повну потужність.

• База вебдизайну й максимум інтенсивної практики за посиланням. Старт 23 жовтня.

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

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

🔹Під час дводенного воркшопу Test. Solutions Analysis ви сплануєте та проведете власний воркшоп, присвячений аналізу та пріоритезації дизайн-рішень. Працюючи в командах з реальними проєктами та замовниками, звісно ж.

Коли: 28-29 жовтня.

Хто куратор: Юрій Грановський — співзасновник «Агентів змін» і «Публічної платформи».

Детальна програма воркшопу.

Перший крок запускає механізм змін на краще. Чіткий запит виводить вас до того самого ментора Projector Mentorship Platform. Знаходьте свого, який порадить, підтримає, підкаже.

🔹Зробити рев’ю портфоліо й побачити, куди і як професійно розвиватися допоможуть:

• Стас Говорухін, Designer у Djinni
• Ілона Кім, Senior Product Designer у Revolut
• Вікторія Доброденчук, UX Architect у Wildix

🔹Розповісти чітко, без прикрас про роботу за кордоном й підтримати на новому етапі раді:

• Кирило Лактiонов, Senior Product Designer у BetterUp та Chief Designer в Aninix
• Олександр Шатов, Senior Product Designer у Instagram
• Марта Рижок, Product Designer у Glovo

🔹Порадити, як працювати у продукті та оптимізувати бізнес-процеси завжди готові:

• Іста Чебан, Product Designer у Київстар
• Сергій Ревва, Product designer в airSlate
• Яна Вохмінова, Product Designer у Суberhaven

🔹Розбіратися з аналізом ЦА, методами для UX-досліджень під різні ринки й продукти допоможуть:

• Ірина Кривенко, UX Research Lead у BetterMe
• Любов Гаркуша, UX and Market Researcher у Eleks
• Олена Булигіна, Principal UX Consultant у Webcredible

Погляд, у якому впізнає себе не один дизайнер 🥲

• Нехай це буде такий собі відкритий бриф на мем. Продовжіть фразу: дизайнер, коли...

Наш варіант закинули в коментарі. Ваша черга.

Прекрасний пан з мемним потенціалом — кіт Михайлик, улюбленець студентки Олі Гливи.

Понеділкова дизайн-афірмація заходить у цей канал

Налаштовуємося на продуктивний тиждень: хай дизайни дизайняться, апруви апрувляться 🙌

Безпека дому в кілька тапів

Це про курсовий проєкт Яни Семеняк, студентки Mobile Apps Design.

Smart Home — застосунок для управління будинком та приладами у ньому. Ідея Яни — зробити процес легким, а головне, безпечним.

• Які є фічі?

Віддалений доступ, аналітика, створення сценаріїв та контроль систем будинку.

• Над чим сподобалося працювати найбільше?

В описі до проєкту Яна поділилась: «Було цікаво визначати потреби юзер-персони, створювати флоу та рішення, які допоможуть розв’язати проблеми користувачів».

• Проєктувати мобільний застосунок з нуля будемо на курсі.

Гарний UX — це коли усі юзери мають однакові діджитал-можливості

Як забезпечити останні і для користувачів з дислексією? У матеріалі Smart Interface Design Patterns розібрали цю тему. А ми виділили основне.

🔹Спершу важливо знати про такі моменти:

• деякі користувачі можуть читати до трьох разів довше;

• юзерам може бути важко запам’ятовувати слова між екранами;

• миготливі зображення не дають користувачам зосередитись.

🔹Як тоді краще дизайтити:

• допомагайте користувачам писати правильно завдяки автозаповненню;

• уникайте надто динамічних зображень та тексту написаного великими літерами, курсивом чи з багатьма підкресленнями;

• не змушуйте юзерів запам'ятовувати багато інформації; натомість створюйте нагадування.

🔹Більше порад, корисних гайдлайнів і ресурсів тут.

Помічник, який виручить, коли проєкт несеться

Checklist Design — колекція дизайнерських best practices. Тут вам і чеклисти для створення окремих елементів, і вебсторінок, і флоу.

Необхідна інформація для створення користувацького досвіду під одним дахом.

Забрати собі.

Базу ж роботи над user experience будуємо на UX Design Beginning.

Як щодо поетичних рядків на вечір?

Якби ви спитали раніше, який відгук студентів ми не отримували, відповідь була б — римований. Але не сьогодні.

Навчання з Андрієм Курочкіним та Алісою Головінською, кураторами курсу Web Design Junior надихають на поезію 💙

P.S. Вірш несе жартівливий характер та любов до кураторів.