interfaces.prjctr | pasichnyk week

У Webflow дизайн-перезавантаження Редактор для створення та запуску сайтів оновлює бренд-айдентику. Почали з логотипа, який візуально відображає основні складові вебу — HTML, CSS і JavaScript. У компанії кажуть, що ми побачимо більше змін як всередині продукту, так і за його межами. Зокрема Webflow вже запустили такі оновлення: • розширення можливостей юзерів у роботі з редактором завдяки інтеграції з Spline — ШІ-інструментом для 3D-дизайну; • запуск variables, які зберігають кольори, шрифти та розміри без необхідності жорсткого кодування. Також при редагуванні змінної, оновлення каскадно поширюються на весь сайт. • покращення спільної роботи в редакторі команд завдяки функціям коментування, редагування контенту та публікації. Як думаєте, серед останніх редизайнів, можна вважати цей одним з найвдаліших?

Поностальгуємо? Цього разу зібрали інтерфейси тих продуктів, які є чи були частиною нашої діджитал-рутини. • Діліться, який дизайн відкрив теплі спогади. У нас — це Paint 💔

Про наболіле: сотий раз надсилати CV та не отримувати відповіді, другий місяць переглядати сайти для пошуку роботи, а результату — 0. Команда LEZO прагне це виправити. А саме створити ідеальний сервіс та покращити сучасний процес найму. Ви можете в цьому допомогти. • Проходьте опитування про пошук роботи у цифровому світі та діліться своїм досвідом. Тест займе 7 хвилин. Як приємний бонус в кінці опитування — доступ до кар’єрного курсу, який допоможе знайти роботу у сфері ІТ. 🔷 Опитування за посиланням.

Як щодо додати дизайнам об’єм? Створювати 3D-елементи інтерфейсів, яких так і хочеться торкнутися можете із ШІ. Разом з Aidful, медіа про ШІ та його можливості від Projector AI Lab, зібрали добірку AI-помічників, щоб поекспериментувати й знайти свій go-to інструмент. 🔷 Spline Що можна робити: створювати 3D моделі та анімацію, завантажувати медіафайли через сайт або API, які інструмент автоматично аналізує та перетворює на 3D-моделі. 🔷 leonardo.ai Що можна робити: використовувати попередньо навчені моделі, створювати 3D-анімації, тривимірне моделювання текстур. 🔷 lumalabs.ai Що можна робити: генерувати фотореалістичні 3D-моделі, 3D-об’єкти з тексту, а також рендерити відеостріми у 3D-середовища. 🔷 meshcapade Що можна робити: створювати тривимірні аватари, генерувати високоякісні 3D-моделі на основі текстових запитів. 🔷 meshy.ai Що можна робити: використовувати кастомізовані 3D-елементи та генерувати власні з тексту або зображень, додавати тривимірну текстуру. Зберігайте, тестуйте, have fun, як то кажуть.

База та ґрунт юзер інтерв’ю — запитання Ділимося знахідкою для UX-дизайнерів та/чи тих, хто дивиться в бік роботи над користувацьким досвідом. Тут знайдете близько 400 запитань для інтерв’ю різних типів і сценаріїв, в яких їх можна ставити. • Якщо хочете глибинніше зануритись у світ UX, вам на курс UX Design Beginning. Будемо вивчати все від психології сприйняття до дослідження потреб юзерів і тестування.

🎤 1, 2, 3, як чутно? Маємо оголошення — проводимо першу подію Projector Institute у Польщі. І вас запрошуємо. Поговоримо про цінність досліджень та дизайну для бізнесу. А саме, які переваги надають обидва для компаній, орієнтуючись на реальні цифри. Також розглянемо ситуації, коли стартап чи компанія не може собі дозволити або не хоче інвестувати у дизайн й що в такому випадку варто робити. Ну і зачепимо тему ШІ у проведенні досліджень. Формат: панельна дискусія Коли: 17.10 з 18:00 до 20:00 (GMT+2) Де: Google for Startups Campus у Варшаві (Plac Konesera 10) Спікери: • Natalia Cymerman. Head of UX design у Doctor one; • Natalia Żerko. Head of Branding у Tonik; • Aleksandra (Alex) Dziewulska. Head of Product Design в Apptension. Після дискусії запланований нетворкінг. 🔹Вхід на подію вільний за попередньої реєстрації. Та важливо мати із собою документ, що посвідчує особу, щоб показати його на вході. Реєстрація на подію тут. Побачимося!

Для тих, хто хоче опанувати анімацію без After Effects, кажемо — вихід є. І це Figma. Оживляти інтерфейси навчитеся на Animation in Figma Workshop. До скілсету додасте роботу з рідними інструментами редактора та плагіном для motion анімації. У вас буде 2 дні практики, де: 🔹попрацюєте над завданнями й сформуєте базу для самостійної роботи з інструментами; 🔹закріпите нові скіли домашкою, яку розберете до деталей на другий день навчання. • Все покаже та розкаже куратор — Вадим Грін, Lead Product Designer в Adjust (Berlin, Germany). Деталі та запис — за посиланням.

Нагенеровано: лого відомих технологічних компаній в якості вулиць. Які логотипи впізнаєте? ____ Авторство зображень: Krea AI

🗒 Понеділковий порядок денний на каналі: • побажати продуктивного робочого тижня й нагадати, що у вас все вийде; • поділитися детальною статтею Віталія Фрідмана про те, чому варто дати шанс нескінченній прокрутці та як дизайнити її правильно; • дати знак, що на воркшопі Віталія Designing for Complex UI навчитеся працювати не лише з infinite scroll для складної сітки, а розв'язувати комплексні дизайн-завдання загалом.

Запланувати у п’ятницю те, що можна зробити вже у понеділок? Вміємо, практикуємо й вас заохочуємо. Добірка освітніх можливостей вже тут. Обирайте, з якою перейдете на новий рівень знань та навичок: 🔹Курси • Web Design Beginning 2 жовтня • Product Design 2 жовтня • Mobile Apps Design 2 жовтня • Web Design Junior 9 жовтня • UX Design Beginning 11 жовтня • UX Design Medium 17 жовтня • AI for Product Creation 17 жовтня • UX Writing 27 жовтня 🔹Інтенсиви • Mobile UI Design Workshop 4, 7 жовтня • Designing for Complex UI 4, 5, 6 жовтня • Animation in Figma Workshop 11, 14 жовтня • Test. Solutions Analysis 28, 29 жовтня 🔹Відеокурси • Figma • Webflow

Мистецько-прекрасний icebreaker З нього розпочинає навчання Юрій Грановський — куратор воркшопів Ideation. Co-Creation Sessions та Test. Solutions Analysis. На етапі знайомства студенти мають обрати «свого» персонажа зі всесвіту Марії Примаченко, який передасть їхній стан. 🔹Як з’явилась ідея? Юрій розповідає: «Загалом ідея використовувати візуальні образи для айсбрейкінгу не моя й вона далеко не нова. Та я часто нею користуюся, бо інколи так набагато легше пояснити свій внутрішній стан. Я люблю, коли на воркшопах весело, тому підбираю фанові образи або у яких є додатковий сенс. А нещодавно я був на виставці Марії Примаченко в Українському Домі й зрозумів, що це ідеальні образи для айсбрейкінгу. Вони милі, яскраві, різні, абстрактні та водночас передають конкретні емоції та додають активності сенсу. Тому я вирішив протестувати образи Примаченко в якості айсбрейкінгу на воркшопі. Студентам зайшло, вони навіть використовували їх на власних воркшопах з реальними стейкхолдерами, які проводили в межах нашого інтенсиву». ____ А хто ви в дивовижному всесвіті Марії Примаченко? Скидайте в коментарі скриншот образу, який на 100% передає ваш стан цієї п’ятниці.

Як щодо розмов про дизайн за коктейлем? Наші друзі з VVMD запускають «Дизайн-бар» — серію офлайн-подій для спілкування між дизайнерами, артдиректорами та власниками дизайн-студій. Перша зустріч стартує 5 жовтня. За планом: неформальний нетворкінг і розбір ребрендингу вебстудії Nextpage на Obriy Design Büro від Мар’яни Бучкович — lead-дизайнерки бюро та кураторки на курсі Web Design Junior. А ще буде благодійний аукціон від БО «Фундація Взаємодопомога». 🔹Команда VVMD також передала вам 5 промокодів Projector0510 на знижку 10%, які діють до 23:59 цього вечора (28.09). Квитки на перший івент  — за посиланням.

Коли змінюєте вектор руху, буває беруть сумніви, а чи правильне це рішення. Та не спробувавши, дізнатися важко. Довіритися процесу, собі й діяти — підхід, який обрала Крістіна Фрімова, студентка курсів Web Design Beginning і Web Design Junior. Ділимося її історією.

Сервіс-дизайн, як кіновсесвіт Marvel — один рівень роботи над продуктом тісно пов’язаний з іншими. Адже сервіс  — це про велику кількість точок дотику користувачів з бізнесом — від сайту, застосунку, телефонного дзвінка, до виписки з рахунку, сповіщення про доставлення тощо. Тому, щоб бути «в курсі подій» та впливати на успіх застосунку, дизайнерам важливо працювати на мультирівнях і вміти перемикатися між загальною картиною та деталями й навпаки. Відповідно, вони повинні мати можливість брати участь у стратегічних обговореннях і плануванні, щоб сформувати ефективні умови для тачпоінтів клієнтів із послугою. • У матеріалі авторка розбирає основні рівні масштабування та підходи, застосовані на кожному з них — від юзабіліті та користувацького досвіду до стратегій самого сервісу та бізнесу загалом. Детальніше з поясненнями — тут.

Про таблиці та їх (ефективне) створення Комбо, щоб почитати й прокачатись: 🔹Cтаття про основні UX/UI-патерни в дизайні таблиць, аби розуміти, як візуалізувати дані, а як не варто. 🔹Воркшоп Data Tables in Figma, щоб вміти створювати таблиці у редакторі та застосовувати просунуті прийоми автолейаутів.

Рубрика «Тернистий шлях UX» — виходить за межі інтерфейсів Адже створювати речі, які наче йдуть назустріч потребам користувачів, але різко повертають на вулицю «Хто це взагалі вигадав?», було притаманно людям десятки років тому. Сьогодні розглядаємо та дивуємося з винаходів минулого століття. 🔹Творці сіамських туфель схоже мали дві мети: допомогти людям танцювати синхронно, а ще приколотись з них. Фото взуття опублікували в пародійному «Better Living Catalogue» як жартівливий спосіб допомогти парам підтримувати такт у танці. 🔹Є вірогідність, що винахідник занурювача для пончиків розв'язував проблему, якою мало хто переймався. Та відомо одне — занурити випічку у чашку кави, не намочивши пальців, стало реальністю. 🔹Ніяких makeup туторіалів на YouTube. У 1930-х винахідники запропонували аудиторії б’юті-мікрометр. Це пристрій, який дозволяв визначати, де потрібно наносити макіяж, щоб досягнути «ідеальних» пропорцій рис обличчя. 🔹Дінасфера — це не перша спроба людства спроєктувати моноколісний транспорт, на якому, окрім водійських прав, треба ще здобути фантастичний скіл балансу. І точно не остання. Концепція одноколісних засобів пересування перекочувала в сучасні електричні моноколеса, які ще й світяться в темряві. 🔹Радіокапелюх — тут уся суть в назві. Капелюх + антени, які ловлять станції в радіусі 32 км = бути в курсі подій або підтанцьовувати під улюблений трек дорогою на роботу. Що це, як не предок плеєра Walkman чи iPod? ❓Питання до вас: який з цих винаходів перемагає в рубриці? Ми думаємо, сіамські туфлі та б’юті-мікрометр — головні претенденти.

+1 інструмент для створення дизайн-елементів — Haikei Застосунок побудований навколо генераторів. Кожен з них має набір функцій, з якими можна кастомізувати візуали під ваше бачення та експортувати у форматі SVG або PNG. Протестувати.

UX-проблема рішення, від якого тіпається око Ось ви наводите курсор на пункт в меню, з якого відкривається ще один список і як тільки намагаєтеся навести курсор на це вкладене меню, все закривається. Як то кажуть, має бути кращий спосіб. В автора статті він є — «безпечні трикутники» (safe triangles). Це інтерактивна зона, яка дозволяє вкладеному меню залишатися відкритим. Хоча сама ідея не нова, у матеріалі автор розібрав сучасні приклади застосування цього підходу. А конвертувати проблеми на дизайн-рішення, підкріплені дослідженнями, навчитеся на курсі UX Design Medium. Відточувати нові скіли будемо на реальних проєктах з реальними запитами.

Зручний та водночас красивий інтерфейс — більше не вавилонська вежа для замовників і дизайнерів. Домовитись, усе поєднати та спроєктувати — реально. Для цього вам знадобиться відчуття балансу в дизайні, надивленість та вміння презентувати свою роботу. Якщо хочете навчитися працювати з цією трійцею, вам на дводенний Mobile UI Design Workshop. Ваш гід у цій подорожі — Вадим Грін, Lead Product Designer в Adjust. Разом із куратором ви: 🔹розберетеся з набором інструментів для створення UI та як і коли застосовувати кожен; 🔹зрозумієте, як розвивати естетичний смак, щоб генерувати ідеї; 🔹навчитесь ефективно презентувати власні UI-рішення; 🔹відточите свіженькі скіли на практиці й створите дизайн кількох екранів. • Деталі та реєстрація.

Трохи статистики: у світі є близько 350 мільйонів людей з дальтонізмом. Зустрічається він приблизно в 1 з 12 чоловіків і 1 з 200 жінок. • На зображеннях побачите, як люди з і без дальтонізму можуть сприймати календар для бронювання квитків на літак. Чи могла б ситуація бути іншою? Так. Змінити її — завдання дизайнерів, які розробляють інклюзивні інтерфейси. Так ви створюєте емпатичний користувацький досвід, що залучає і людей, які бачать світ по-іншому. У цьому випадку —  буквально. Зібрали ресурси, які допоможуть зрозуміти, як люди з порушенням сприйняття кольорів бачать дизайн і як зробити його доступним для них. 🔷 Гайд з дизайну для людей з дальтонізмом: як доносити візуальні сенси до кожного. Переглянути. 🔷 First-hand досвід: автор з дальтонізмом розповідає, як бачить світ та інтерфейси. Читати. 🔷 Інструменти-симулятори, з яким побачите, як виглядає зображення з певними типами дефіциту кольорового сприйняття. Інструмент 1. Інструмент 2. • Якщо хочете зануритися глибше в тему доступного дизайну загалом, вам на безоплатний курс Inclusive Web Design.