interfaces.prjctr | pasichnyk week

Погляньте на сайти Apple, Amazon, McDonald's, Netflix. Що у них спільного? Правильна відповідь: вони не продають вам усе й одразу. 🔹 Коли новий юзер переходить на Netflix, йому пропонують клацнути лише на Trending Now. 🔹 Apple має десятки моделей iPhone та AirPods, але «зустрічає» нас новинками. І це стосується не лише стартових сторінок. 🔹 Згадайте свій останній обід у McDonald's: замість того, щоб змушувати клієнта обирати кожну позицію окремо, вони об'єднали популярні замовлення у «ідеальні метчі». Це не лише спрощує процес ухвалення рішень, але й збільшує продажі. Не вірите, що все так просто? Тоді час читати про парадокс вибору на слайдах. Там же — багато ефективних підходів.

Навчитися вчитися — те ще завдання. Як це зробити, розбираємо в каруселі. Спойлер: запрошуємо на затишний slow learning до Бібліотеки Проджа. Даємо доступ до 700+ відбірних освітніх лекцій від топів creative&tech тусовки. Ще й welcome пак надсилаємо, щоб перетворити навчання на надприємний ритуал. Посилання — ось тут 💙

Тут наші куратори Іван Роговченко та Володимир Сафонов діляться, як individual contributor розвивати навички після переходу на роль менеджера. Спойлер: на інтуїції та софт скілах далеко не заїдеш, треба вчитися. Спойлер 2.0: найкраще вчитися на своїх щоденних задачах. Як? Слухайте у новому випуску подкасту «Менеджмент дизайну, і як качатись як менеджер» 🔹 YouTube 🔹 Apple 🔹Spotify А якщо хочете прокачати себе з Іваном та Вовою, приходьте на курс Design Management. Стартуємо у січні, плануємо буст кар'єри вже сьогодні. #подкаст_рекомендація

Вдалі приклади використання АІ в інтерфейсах — добірка від Віталія Фрідмана, співзасновника та креативного ліда у Smasing Media. 🔹Scispace — використання АІ у пошуку 🔹Perplexity — використання АІ у пошуку 🔹Scopus AI — confidence levels 🔹Dream Machine — inline action 🔹v7 Labs — AI автозаповнення 🔹Miro — AI пресети 🔹NotebookLM — scoping 🔹Claude — URL для спільного доступу 🔹Gemini — refinement • Якщо хочете власноруч будувати АІ інтерфейси, які стануть вдалими прикладами для добірок і улюбленцями юзерів, приходьте на чотириденний інтенсив Віталія Фрідмана Design Patterns For AI Interfaces — буде багато практики, фідбеку та особистих інстайтів куратора. Cтарт — уже завтра, 16 жовтня Програма — за посиланням

Круті приклади сучасного вебдизайну українською мовою. • Джерело — Рідне: канал Анатолія Шовкового та нашого куратора Андрія Курочкіна, які 526 днів поспіль збирають гарні україномовні дизайни.

Прокинься. Мета Хата 3.0 чекає на тебе. Вирушай у метавсесвіт і перезавантажуй свою кар’єру. Тут ти знайдеш: 🔹3000+ своїх колег, creative&tech спеціалістів; 🔹25+ топових компаній, які шукають таланти; 🔹гарячі вакансії; 🔹метаметчі, які можуть перетворитися на реальну кар’єру; 🔹лекції та панельні дискусії, що допоможуть вчасно підрости в компанії чи наважитись на перехід в іншу, навчать управляти командами та приймати рішення в умовах кризи. ще буде класний хедлайнер, але поки – секрет; 🔹стейдж від LEZO, яка навчить шукати роботу з ШІ; 🔹нетворкінг, нетворкінг, нетворкінг. тут можна зустріти своїх майбутніх співробітників чи «другого пілота», з яким одного дня ви релізнете власний продукт. бо Мета Хата об’єднує. Зустрічаємось 23 листопада о 10:30. Участь безоплатна, головне – встигнути зареєструватись за посиланням в біо та підготувати резюме. Створи свого аватара, туси з професіоналами, отримуй кар’єрні інсайти та просто кайфуй у метаверсі. Тут все можливо. Застрибуй 🐰

Сучасні проблеми потребують сучасних рішень. Наше рішення in question: інтенсив Віталія Фрідмана Design Patterns For AI Interfaces. Розберемося як створити кращий АІ досвід і допомогти користувачам точніше визначати свої наміри й отримувати від згенерованого результату все. Старт — 16 жовтня Деталі — за посиланням Хай у світі, переповненому АІ, весь АІ буде реалізовано через якісні АІ інтерфейси, щоб користувачам не було ай-ай 🤞

Добірка висловлювань для дизайн лідерів і тих, хто хоче ними стати. Надихайтеся, мотивуйтеся або використовуйте як нагадування того, що давно знали. А якщо ви хочете, щоб згодом дизайнери цитували вас — реєструйтеся на курс Design Leadership. Там збиратимемо інсайти та вбиратимемо скіли від дизайн лідерів з Meta, Apple, Zalando, Philips, Cisco, Deliveroo, Get your guide та інших. Програма та деталі за посиланням 💙

AI Design Patterns і UX Toolkits з практичними гайдлайнами, кращими практиками, шаблонами та корисними ресурсами — все, щоб створювати круті AI досвіди. Добірка від Віталія Фрідмана, співзасновника та креативного ліда у Smasing Media. 🔹Ефективний АІ • AI Interaction Design Patterns від Emily Campbell • AI × Design Toolkit від Nadia Piet • People × AI Guidebook and Design Patterns від Google • Design For AI Guidelines від IBM • Human-AI Interaction Guidelines від Microsoft • AI × Design Toolkit. Miro board від Corinne Schillizzi і Tangity • AI Design Process Toolkit від Futurice • AI Design System and Guidelines від Figma Community • Design Guidelines for Human-AI Interaction від Dora Cee • AI Design and Practices Guidelines Hub від Jennifer Aue • Designing for AI Knowledge Hub від Marielle Lexow 🔹Відповідальний та етичний АІ • Responsible AI Practices and Patterns від Google • Responsible and Ethical AI Practices від Microsoft • Responsible AI Toolkit від PwC • Design Human Data: Personal Data Canvas and Privacy Model від Thomas Otto • Everyday Ethics for Artificial Intelligence від IBM • Designing AI For Children Toolkit від World Economic Forum • AI Governance Principles від Future of Life 🏄‍♂️ Використовувати ці правила та створювати АІ інтерфейси, що приносять користувачам максимум користі, приходьте на інтенсив Віталія Фрідмана Design Patterns For AI Interfaces — буде 4 дні практики, фідбеку та особистих інстайтів куратора.

Бонусні 404 — інтерактив Figma та сумна анімація від Lush Credit: @goingbackto404

Добірка цікавих сторінок 404 — надихнутися, поаналізувати чи просто посміхнутися: 🔹Pixar 🔹WWF 🔹Lego 🔹Djinni 🔹Heinz 🔹Чумак Голосуйте за улюблену в коментарях 💙 • Джерело — моноканал з добірками цікавих сторінок помилки @goingbackto404

Кейс: як пофіксили невдалу палітру кольорів Skyscanner Ділиться Адам Вілсон, що обіймав посаду Senior Product Designer у Skyscanner. Проблема: «Навіть через кілька місяців я все ще не міг зрозуміти, які кольори де використовуються. Посилання були різних кольорів. Основні кнопки були зеленого кольору. Але якщо вони призначалися для конкретного типу бронювання — синього. Заплуталися? Я теж…» Завдання: зробити так, щоб бренд і продакт команди послуговувалися однаковими правилами використання кольорів. Одна палітра має бути простою та легкою у використанні, а інша — сміливою та виразною. При цьому всі комбінації треба було зробити інклюзивними. Основні рішення: систематизувати та спрощувати. • Ми визначили більш сфокусовану палітру з основними та розширеними комбінаціями. Темне стало темнішим, а світле — яскравішим. У якості брендових ми змішали нові додаткові кольори. • Потім ми подивилися на назви: поетичні назви мали піти. Вони просто не працювали. «Калькутта» → «той оранжуватий колір» «Ерфаунд» → «той жовтуватий колір» • Для інклюзивності необхідно дотримуватися стандартів контрастності. 25% комбінацій кольорів на iOS і 17% на Android були недоступні. Ми вже використовували 31 колір у нескінченних комбінаціях, тож ми прийняли просте рішення це прининити. Текст став чорним або білим, що обмежило кількість доступних комбінацій і дозволило залишити інклюзивні. • Всередині продукту ми презюмували, що вже отримали певну увагу користувача. Тож не треба кричати усіма кольорами, як на креативах. Продуктова палітра має бути протиотрутою від тривоги — створювати відчуття спокою. Less is more. • Ми написали правила і зберегли все це разом у Figma. Розділили палітри на бібліотеки Brand і Product. Екрани ретельно вивчалися, правила ставилися під сумнів, а комбінації досліджувалися. Але у нас був основний набір кольорів і принципів як бачення. • Джерело — стаття Адама на Medium. У ній про імплементацію нових підходів у код і кольори, відправлені на цвинтар.

Чим підсилюємо імунітет у жовтні? Гарячими напоями, стильними шарфами, сварками в твіттері та курсами Проджа. З останніх пропонуємо такі: 🔹Інтенсив Design Patterns for AI Interfaces Старт: 16 жовтня Ваш куратор: Віталій Фрідман, співзасновник і креативний лід у Smashing Media 🔹Web Design Beginning Старт: 7 жовтня Ваш куратор: Андрій Курочкін, Lead Designer у Hexagon Agency 🔹Web Design Junior Старт: 21 жовтня Ваш куратор: Андрій Курочкін, Lead Designer у Hexagon Agency 🔹Mobile Apps Design Старт: 23 жовтня Ваш куратор: Ксенія Бутиріна, ex. Lead UX/UI Designer у Trinetix, ex. Lead Product Designer у Livingston Research 🔹UX Design Beginning Старт: 23 жовтня Ваш куратор: Сергій Ревва, Lead Product Designer в airSlate 🔹Інтенсив Web Design Portfolio Camp Старт: осінь 2024 Ваш куратор: Ігор Артюхов, дизайнер продукту у fintech-компанії, ex. Lead UX/UI Designer у NIX

Сьогодні чудова нагода вчергове віддячити та вшанувати справу українських військовослужбовців та військовослужбовиць. Ми почнемо з того, що подякуємо хлопцям з команди Projector, які доєднались до Сил Оборони. Ми безмежно пишаємось вами та надихаємося вашою сміливістю та рішучістю. А продовжимо думкою, що дякувати за службу кожен з нас може не лише словами, а і вчинками. Спитаймо у себе: «Що я можу зробити, щоб підтримати людей, від яких зараз залежить моє майбутнє?». Приклади таких справ ми зібрали у каруселі. Пам'ятаймо дякувати захисникам думками, словами і діями. Сьогодні і кожного дня.

Якщо ви шукали знак, щоб взяти на себе ще більше роботи — це він. Як кажуть наші друзі Lezo: пам’ятайте, 3в1 — це кава, а не ваша посада 💙

Ознака крутого інтерфейсу: виконує роботу за користувачів — робить так, щоб не треба було самотужки рахувати, тримати в голові купу деталей, складати порівняльні таблиці, тощо. Приклад крутого інтерфейсу: туристичне агентство Hopper, яке знаходить проблеми користувачів при виборі авіаквитків і вирішує їх своїм сайтом. Отакий кейс для вашої надивленості принесли сьогодні. • Більше інтефрейсних кейсів у повній лекції Стаса Говорухіна «Зручність у деталях: як покращити інтерфейси» в Projector Library. 🏄‍♂️ З 1 жовтня ціна річної підписки на Library cтане 2500 грн. Тож, якщо задумувалися про підписку, встигайте оплатити за старою ціною — 950 грн до початку жовтня.

Як створити поганий дизайн? Займатися чим завгодно, крім вирішення проблем користувачів. Як з цим впоратися розібрали в каруселі. Переглядайте, не шкодуйте лайків і пам’ятайте — гарний дизайн вирішує проблеми, а не створює нові. • А як зробити гарний продукт, вчимо на курсі UX Design Medium. Старт — 1 жовтня. Куратор: Микола Анікєєнко, Lead Designer в EPAM. Зустрінемось 🫐

Вебформи змушують користувачів страждати занадто часто… Хочете перестати бути причиною побиття екранів гаджетів і сліз юзерів? Залітайте на воркшоп до Віталія Фрідмана Design Patterns For Complex Web Forms — кажіть ні бісячим вебформам.

Дизайнерам присісти. Або одразу побігти клікати по СТА цього поста. Запускаємо курс Design Leadership 🏄‍♂️ Навчіться створювати віжен game-changing продуктів, розвивати членів команди до senior level, вирішувати значущі бізнес проблеми, використовувати AI для топрезультатів та ставайте скіловим лідером. Інсайти та фідбек отримуватимете від: 🔹Джона Вієйри — Product Design Lead у Meta Reality Labs, має понад 20 років у продуктовому дизайні 🔹Ганса фон Сіхарта — розробляв інноваційні стратегії та дизайн для Apple, Cisco, Frog, GE та Philips 🔹Альбіни Чолак — Staff Product Designer у Deliveroo, має понад 12 років у дизайні продуктів та послуг 🔹Луани Моури — Design Leader & Strategist у GetYourGuide, ex. Zalando, Fjord, Motorola, має понад 20 років досвіду 🔹Бенса Чернака — засновника Bencium AI Consultants, стратегічного консультанта з АІ, що керував розробкою продуктів для Nortal, Natwest, EY, HSBC Програма та деталі на сайті. Приєднуйтеся — розкривайте в собі сильних дизайн лідерів 💙