interfaces.prjctr

Відрізнити ефективну діаграму від неефективної можна з першого погляду. І для цього не обов’язково бути профі. А от щоб візуалізувати дані, які без проблем передають суть ідей, статистики, знахідок — професійні скіли варто підсилити. Ця #книжкова_рекомендація допоможе крок за кроком розібратися, як створювати діаграми та графіки так, аби було зрозуміло, переконливо та ефективно. У посібнику дізнаєтеся про контроль кольору, створення чіткої візуальної комунікації, вибір типів діаграм тощо.

До вашого набору дизайн-інструментів — Durves, генератор патернів. Можна: • створювати візерунки з кривими й властивостями, які самі визначаєте; • експортувати у SVG та PNG форматах; • проєктувати текстурні дизайни. Взяти, протестити, користуватися.

Заглядаємо за технічні лаштунки Projector Mentorship Platform На її прикладі ділимося, як зібрати no-code сайт на Webflow, який інтегрується з іншими сервісами. Експерт у темі, автор ідеї платформи та розробки, а ще куратор Advanced Webflow Development Workshop — Стас Говорухін. Передаємо йому слово. Окрім інтерфейсу менті, у платформи є важливі компоненти: • бронювання сесії; • створення запису в Google Calendar і дзвінка в Google Meet; • запис інформації в табличку (для команди проєкту) тощо. Щоб все це магічно працювало, ми залучили сервіси для інтеграцій. Один з них — Make.com. Дані ж ми отримуємо не із самого сайту, а з віджета бронювання, який працює через український сервіс Wlaunch. Далі створюємо акаунт у Make й починаємо створювати багатокроковий сценарій: • беремо дані з Wlaunch: вони надсилаються вебхуком. Якби це була форма у Webflow, ми б поклали інтеграцію з нею на початок; • працюємо з отриманими даними: вони не дуже чисті, не завжди правильні, тому їх треба налаштувати, щоб Google Meet створив зустріч. Бонус — він автоматично створює зустріч в календарі. Те саме ми робимо й з записом у Google Sheets. І це — вершина айсберга. Використовуючи Webflow Logic, API та зовсім трошки кастомного JS (який вам люб’язно напише ChatGPT, наприклад), ми можемо робити складніші штуки. Наприклад, не лише забирати дані з сайту на Webflow, а ще й повертати їх та оновлювати сайт даними з іншого місця. 🔷 Якщо вам цікаво піти далі сайтів із формою — вирушайте на воркшоп Стаса.

Adaptive & responsive web design — на перший оманливий погляд, одне й теж. Але відмінність полягає у підході та періодах виникнення обох. Та й взагалі перший проклав шлях останньому. Вова Віндар, незалежний UI-дизайнер і куратор курсу Web Design Beginning, розклав по поличках суть адаптивного та чутливого (responsive) дизайнів. А ще поділився, як створювати чутливі дизайни, що йдуть на зустріч потребам користувачів. Читати.

Музей інтерфейсів повертається Запрошуємо вас на диджитал-екскурсію продуктами, відомими на весь світ. Розглядайте, придивляйтесь, а в коментарях діліться, який інтерфейс особливо вразив. Першу виставку дизайнів переглядайте тут.

UX-ресурси, з якими і скіли прокачаєте, і дизайн-процес підсилите • Короткі підказки та cheatsheets з продуктового дизайну на всі випадки життя. https://uxhints.com/ • Посібник для універсального дизайну з інклюзивними методами для воркшопів та порадами, як залучати учасників із різними фізичними та ментальними можливостями. https://universaldesignguide.com/ • Колекція best practices та законів психології, які допоможуть проєктувати користувацькі досвіди. https://lawsofux.com/info/

Якщо працюєте з UX для e-commerce продуктів — цей матеріал для вас Команда Baymard Institute дослідила 100+ вебсайтів електронної комерції, проаналізувала понад 13 000 UX-елементів на домашніх сторінках та навігації за категоріями. І запакувала ключові висновки із дослідження у статтю зі статистикою та прикладами.

Ситуація: обрати KPI для продукту, щоб драйвити результати Чіткий зв’язок між роботою дизайн-команди та бізнес-цілями компанії — вкрай рідкісна історія. Але дизайн — це ж не лише про те, щоб було красиво, а й ефективно. Відстежувати останнє можна й треба за допомогою KPI, які тісно пов’язані з бізнес-цілями. Як це робити з фокусом на результати, ділиться Віталій Фрідман, куратор Design KPIs Workshop. Думайте про те, як швидше спонукати користувачів до малих та великих успіхів у продукті й допомогти їм відновитися після можливих помилок. У такому разі показниками, на які варто звертати увагу є: • відсоток виконання завдань (task completion rates); • час виконання завдання (task completion times); • частота помилок (error frequency); • ефективність відновлення від помилок (error recovery rate). Відстежуйте також фактори, які сприяють успіху бізнесу й формуйте KPI дизайну навколо них. Щоб робити це ефективніше, використовуйте метрики й критерії якості закріплені до цього допису як загальний дороговказ. 🔷 Розбиратися на практиці, як формувати KPI дизайну, що дружать з бізнес-цілями, будемо на воркшопі разом з Віталієм. Долучайтеся.

Чому юзери користуються dark mode? Чи справді темна тема заощаджує заряд батареї, зменшує навантаження на зір та підсилює доступність? Ці запитання поставили собі автори матеріалу для NN/g. Щоб вийти на відповідь, вони зібрали дані вже з наявних досліджень, а ще провели власні — опитування користувачів та юзабіліті тестування мобільних продуктів. Загалом один з найпопулярніших аргументів про те, що dark mode покращує UX зводиться до причин: • нижче навантаження для очей; • економія заряду батареї; • візуальна привабливість; • доступність для людей з вадами зору (наприклад, катарактою). 🔷 У статті дізнаєтеся, наскільки ці причини валідні, які очікування у юзерів від dark mode та чого варто уникати в дизайні темної теми.

Усі ідеї вже вигадали? Щойно була коротка перевірка на майбутніх винахідників. Якщо ви теж тригернулися чи/та забажали виправити речення, читайте далі. Ми запустили курс, де будете знаходити можливості, що здавалися іншим неможливими — AI for Product Creation. Якщо коротко, ваші таски на цей період — приміряти на себе роль винахідників, довіритися ШІ та створити у цій синергії щось, що все змінить. Якщо детальніше, куратор курсу — Денис Суділковський — розробив програму так, що за 2 місяці навчання ви вмітимете: • формувати стратегії створення перших версій продуктів або фіч; • досліджувати ринок та користувачів із ШІ; • формувати план запуску фічі (від MVP до Roadmap); • розробляти функціональні прототипи з ШІ для proof-of-concept; • тестувати прототипи на реальному ринку, обробляти результати тестів; • розуміти процеси впровадження ШІ у власних командах. Готові? Дізнатися деталі.

Раптом ви пропустили: KyivUX та R9 Research випустили благодійну збірку статей про UX-дослідження. Книга складається із 14 матеріалів на теми входу у професію, методологій та процесу досліджень. Авторами статей стали українські експерти. Зокрема серед них є Юрій Грановський, куратор воркшопів Ideation. Co-Creation Sessions і Test. Solutions Analysis. Увесь прибуток з продажів збірки спрямують на допомогу ЗСУ. Більше про проєкт та де можна придбати книгу — тут. Зображення — UX Kyiv.

Шрифтове: ресурси, щоб почитати, потестити та застосовувати в роботі 🔷 Ідентифікація шрифтів за зображеннями https://www.myfonts.com/pages/whatthefont 🔷 Бібліотека гайдів про типографію від Google https://fonts.google.com/knowledge 🔷 ШІ-інструмент для генерування комбінацій шрифтів https://fontjoy.com/ Якщо користуєтеся іншими ресурсами для роботи зі шрифтами, діліться рекомендаціями в коментарях. Зображення — WhatTheFont.

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

Потенційно-залипальне. Якщо це те, що вам в цей момент потрібно, тоді ось три вебсайти, які з цим впораються. https://www.fallingfalling.com/ https://puginarug.com/ https://cat-bounce.com/ P.S. Наш фаворит — сайт з котиками, що стрибають 🤫

Старт місяця + кінець тижня = освітні можливості від Проджа Здобувати нові навички, йти на зустріч викликам і отримувати підтримку кураторів зможете вже з понеділка. За планом у нас: 🔷 Курси • Web Design Beginning, 4 вересня • Web Design Junior, 4 вересня • Mobile Apps Design, 11 вересня • UX Design Beginning, 13 вересня • UX Writing, 22 вересня • Product Design, 25 вересня • AI for Product Creation, 26 вересня 🔷 Відеокурси • Figma • Webflow

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

Усім потрібні куратори. Тим, хто ще навчається, хто вже когось навчає, дітям та дорослим, студентам і керівникам. Нам усім потрібні ті, хто вкажуть напрямок та стануть провідниками в майбутнє. Старт навчального сезону — найкращий час, аби висловити вдячність тим, хто веде нас до світла науки й життя: вчителям, викладачам, менторам, які в різний час та за різних обставин супроводжували, вчили й робили нас тими, ким є сьогодні. Своїх кураторів Projector уже знайшов — 400 небайдужих наставників для тих, хто прагне змін. І ми дякуємо їм за те, що стали кимось більшим для наших студентів. Друзі, дякуймо своїм наставникам — сьогодні, завтра, будь-коли. Бо, безперечно, маємо за що. #усім_потрібні_куратори

Рекомендація, що подивитися ввечері Розмова з Євгеном Кудрявченко, засновником Vintage Web Production та співзасновником Ukrainian Digital Community. Про стан вебіндустрії, роботу із закордонними ринками та ефективне просування. Для інсайтів та натхнення переходьте за посиланням. Зображення — подкаст «Прийшли правки»

Як щодо ще японського дизайну? Раніше ми ділилися статею про те, як і що сформувало підхід до дизайну в цій країні. Тепер шеримо галереї, де можете походити японськими інтрефейсами для натхнення та просто поглянути, а що там. 🔷 Choooodoii 🔷 Web Design Clip 🔷 Muuuuu