interfaces.prjctr

Ми вже раніше говорили про важливість бойкоту російських шрифтів. А тепер ще й маємо круту добірку, що допоможе стежити за українськими словолитнями:

Запустили відеокурс по роботі з Webflow — no-code та zero-headache інструментом для створення швидких й легких у масштабуванні вебсайтів. 12 лекцій, що допоможуть розібратися в роботі з інструментом: від першого знайомства з інтерфейсом до публікації й оптимізації вашого сайту для пошуків. • Повна програма та реєстрація

Цікава колонка та загалом вибір теми від продуктового дизайнера Вадима Гріна. Про UX перевірений часом. Про речі, які кардинально не змінювалися сотні або й тисячі років. Просто тому, що досі ідеально слугують своїй функції. • Читати на Telegraf

Враховуючи, що країна-терорист продовжує руйнувати нашу інфраструктуру, — ділимося добіркою матеріалів, які допоможуть зробити свій дизайн більш інклюзивним. Це важливо зокрема для того, щоб продукт був доступним навіть за поганого інтернету: 🔹Подкаст Design Better з Бенджаміном Евансом, Inclusive Design Lead у Airbnb. 🔹Матеріал від Nielsen Norman Group з прикладами та порадами для втілення. 🔹Текст Projector Mag про те, чому доступний дизайн це не «дорого» чи «некрасиво». 🔸Безкоштовний курс Inclusive Web Design від Проджа для максимального занурення в тему та з практичними порадами.

Стаємо «мобільними» як цей чолов‘яга у сірому на курсі Mobile Interfaces Advanced. Стартуємо 5 грудня. За новими скілами, деталями та реєстрацією — сюди.

Гайд від NN/g, що заслуговує на збережені. Це база матеріалів про принципи людської психології, які допоможуть в роботі з UX. Усі корисні лінки згруповані за категоріями. Тому можна швидко знайти саме ті, що потрібні для роботи над конкретним проєктом. • За гайдом сюди

Доволі детальний розбір створення drag & drop елементів в інтерфейсі. Про переваги, труднощі, структуру, основні патерни й типи таких елементів. Завдання, які вони вирішують. Плюс кілька порад, як ефективно все адаптувати для мобільних екранів. • Читати тут

Сьогодні знайомимося із ТОП-5 менторів з Projector Mentorship Platform у напрямі дизайну інтерфейсів, які готові допомогти із робочими запитами, поділитися експертизою та пліч-о-пліч пройти з вами шлях кар'єрного росту: 🔷 Стас Говорухін занурить у світ мобільних інтерфейсів та допоможе із запуском цифрових продуктів. • Забронювати зустріч 🔷 Слава Шестопалов поділиться експертизою у дизайн-воркшопах, дослідницьких фазах, інклюзивному дизайні та вебдоступності. • Забронювати зустріч 🔷 Міша Рибачук занурить у світ продуктового та інтерфейс дизайну, розбере по крупинці ваше портфоліо і розповість про наступні кроки у кар'єрі. • Забронювати зустріч 🔷 Андрій Курочкін радо поділиться досвідом роботи над є-коммерс проєктами, а також дасть відповіді на будь-які запитання щодо вебдизайну та допоможе з рев'ю портфоліо. • Забронювати зустріч 🔷 Ілона Кім допоможе розібратися у фінтех, продуктовому дизайні та може поділитися досвідом роботи дизайнером у Великій Британії. • Забронювати зустріч Не залишайтеся сам на сам із робочими викликами. Чекаємо вас на Projector Mentorship Platform.

Практичне. Добірка воркшопів, щоб прокачати конкретні дизайн скіли: 🔹Figma Autolayout Навчимося свідомо використовувати всі можливості автолейаутів, щоб пришвидшити власну роботу над дизайном. Куратор: Віктор Клименко Коли: 19, 20, 25 листопада • Деталі та реєстрація 🔹UI Design Розберемось, як виглядає сучасний UI, як він працює та навчимося створювати його самостійно. Розвинемо естетичний смак і відчуття балансу. Куратор: Вадим Грін Коли: 5, 7, 12 грудня • Деталі та реєстрація 🔹Designing for Complex UI Навчимося працювати зі складними користувацькими інтерфейсами та вирішувати нестандартні комплексні дизайн завдання. Куратор: Віталій Фрідман Коли: 14-16 грудня 2022 • Деталі та реєстрація 🔹Figma Components Навчимося працювати зі всіма налаштуваннями компонентів, а головне — їх редагувати й організовувати. Куратор: Віктор Клименко Коли: 17, 18, 23 грудня • Деталі та реєстрація

Коротка відповідь на запитання «щоб то корисного почитати?»: 🔹Робота з мобільною навігацією. Розбір від Smashing Magazine про те, коли та які патерни краще використовувати, чого варто уникати та як експериментувати зі звичними варіантами навігації. 🔹Уникнення ворожих шаблонів в error messages. Стаття від NN/g про те, як працювати зі сповіщеннями про помилки в інтерфейсах, щоб зменшити когнітивне навантаження на користувачів. 🔹Нові фічі Webflow. Огляд основних анонсів з Webflow Conf 2022.

Що там з Figma та Adobe? Коли кількість мемів та градус невдоволення новиною про продаж трохи стих, The Verge у своєму подкасті ґрунтовно поговорили з Діланом Філдом, СЕО Figma. Радимо послухати всю розмову, щоб краще зрозуміти причини продажу, візію та плани компанії, потенційні можливості роботи з VR та AI. Ну а поки тримайте кілька поінтів з розмови на тему, яка всіх цікавить: 🔹Є операційна модель, де йдеться про автономію Figma. Це не юридичний документ, але це наш план. Не тільки керівництво, а й команда Adobe справді налаштовані зробити об’єднану компанію дивовижною в довгостроковій перспективі. 🔹 Критично важливим пунктом у прийняті рішення стало ком‘юніті. Figma хоче зробити все, щоб можна було швидко втілювати ідеї. А створення продукту зараз — це не тільки про пікселі. Це й анімація, відео, а в майбутньому й 3D. 🔹 Надзвичайно корисно мати можливість плавно йти своїм робочий процесом, уникаючи складного імпорту-експорту в інший інструмент. 🔹Figma хотіла б охопити весь процес: ідею, дизайн та продакшн. Для першого є FigJam, з другим зрозуміло, а от щодо продакшну — Ділан впевнений, що Figma могла б задовольняти ці потреби краще. Оскільки третина людей, які щотижня користуються Figma — це розробники. 🔹Йдеться не лише про дизайн продукту. Figma має можливість масштабувати вплив набагато ширше: взяти власну вебтехнологію, різні методи співпраці та платформу й застосувати її також у багатьох інших сферах творчості. 🔹 «Я намагаюся підкреслити, що є багато речей, які ми можемо зробити, щоб покращити досвід використання Figma для клієнтів у результаті продажу. Це дуже добре для нашої спільноти, дуже добре для нашої бази користувачів», — Ділан Філдс, СЕО Figma. • Spotify • Apple • Google • Текст

До дня української мови та писемності трохи крутого шрифтового контенту🇺🇦 🔹MacPaw спільно з АльфаБраво розробили унікальний варіативний шрифт Fixel. Це гротеск з двома варіантами ширини і дев‘ятьма опціями насиченості. • Шрифт безкоштовний. Завантажити його й дізнатися більше можна на сайті. 🔹Telegraf розібралися, чи достатньо у нас шрифтів українського виробництва, щоб замінити продукцію країни-терориста та водночас підтримати своїх шрифтарів. • Читати статтю

Добірка корисної професійної літератури українською від наших друзів ArtHuss. Радимо глянути на сайті усі книжки, а поки ділимося власним списком: Мистецтво кольору. Щоб перестати боятися інтуїції в роботі з кольором, але ґрунтувати рішення на об‘єктивних законах. Наука дизайну та форми. Щоб отримати вижимку з відомого курсу Йоганнеса Іттена в Баугаузі. Композиція. Тотальний контроль. Щоб навчитися використовувати композицію як дієвий засіб комунікації. Мапа історій користувача. Щоб побачити цілісну картину взаємодії вашого продукту з користувачами. Як дизайн спонукає нас думати. Щоб освоїти дизайн прийоми та інструменти, які допоможуть вийти за рамки. Письмо — це дизайн. Щоб зрозуміти як ефективно працювати з текстами в інтерфейсах. А тепер спробуйте щось дивніше. Щоб створювати оригінальні дизайнерські рішення та здобути творчу впевненість. Політика дизайну. Щоб створювати більш ефективну та відповідальну візуальну комунікацію. P.S. На всі книжки видавництва — знижка 15% за промокодом projector.

Робота з таблицями загалом завдання із зірочкою. Адаптування ж таблиць для мобільних екранів — окрема тема. Власне на цю тему й знайшли корисну статтю. Спойлер — одного загального рецепту немає. Проте є кілька варіантів під різні призначення таблиць та їх інформаційну структуру. • Читати тут

Сьогодні наша Перша леді відкривала Веб Самміт — і ми хочемо зберегти її промову для історії. Дивитися усім тут А ось кілька цитат, які ми записали собі на полях: — З російського боку залучені IT-фахівці для наведення терористичних ударів по українських містах. Раніше вони працювали у приватних IT-компаніях. Це те, про що я кажу: через вашу сферу нині теж проходить лінія фронту. — Я вірю в технології які рятують, а не руйнують. Вірю, що майбутнє саме за такими технологіями. Бо інакше в усього світу просто немає майбутнього. — Саме ви – та потужна інтелектуальна сила, яка рухає світ. У ваших руках потенціал і технології, які здатні допомагати, а не руйнувати. І саме з Україною й саме зараз ви можете рухати світ у правильному напрямку.

Маємо кілька освітніх варіантів, щоб заповнити слоти в календарі. Нові хард і софт скіли передбачаються. 🔹Курси • UX Design Advanced 4 листопада • UX Design Medium 9 листопада • Mobile Apps Design 21 листопада • Web Design Beginning 22 листопада • UX Design Beginning 23 листопада 🔹Воркшоп • Figma Autolayout 19, 20, 25 листопада 🔹Відеокурси • WebFlow • Figma • Inclusive Web Design (безкоштовний)

«То ви хочете сказати, що Да Вінчі, Пікассо та Ван Гог мали поганий смак?» Це один зі слоганів від організації Dyslexia Scotland для кампанії за переосмислення підходу до створення й використання шрифтів. Дислексія — розлад, який характеризується проблемами з читанням. Comic Sans — зірка багатьох мемім та один з найбільш висміяних шрифтів. Але саме він допомагає людям з цим розладом краще сприймати текст, роблячи його менш хаотичним. Dyslexia Scotland обрали цей шрифт для кампанії через його популярність. Точніше — антипопулярність. Проте «мета кампанії — не змусити дизайнерів чарівним чином закохатися в Comic Sans», а збільшити увагу до інклюзивності під час розробки нових шрифтів та їх вибору для власного проєкту. А ви колись дивилися на шрифти під таким кутом? Якщо ні, то вважатимемо, що кампанія спрацювала.

Без жодних батлів хто краще, просто цікавий розбір і порівняння UX складової Spotify та Apple Music. З плюсами і мінусами кожної платформи.

«Скажи, що в твоєму стартепаку — і я скажу, яка твоя професія» (с) невідомий автор. Діліться в коментарях, якщо маєте чим доповнити список. Та реєструйтеся на Крупинку, якщо ще не встигли.

Ієрархія в типографіці. Розбір шести базових змінних для створення ієрархії. Та поради, під яким кутом на ці змінні дивитися та як використовувати, щоб правильно розставити акценти. • Читати колонку