interfaces.prjctr | pasichnyk week

У кого там обіцянка у новому році оформити портфоліо? Надихаємо перейти до справи роботою студенток Web Design Portfolio Camp. Одним дизайном вони закрили дві потреби: • створили сайт нетворкінг-спільноти Навзаєм, який метчиться з масштабом її розвитку; • поповнили портфоліо реальним проєктом та оформили його в кейс на Behance. Куратор Ігор Артюхов каже:

Дизайнерки обрали для оформлення кейсу Behance, де цінується візуальна складова — великі зображення, красиві мокапи. Та що важливо, вони поєднали їх з елементами сторітелінгу: додали опис проєкту, кроки, з яких складався процес, артефакти, створені під час роботи. Так людина, яка клацне на кейс, одразу зрозуміє, куди потрапила, і що зараз буде дивитись.

Розгледіти проєкт ближче, підтримати дизайнерок вподобайкою та коментом можете тут. А щоб навчитися також оформляти портфоліо й поповнити його реальним кейсом, гоу за цим посиланням. Авторки: Анастасія Фурманська, Аліна Пилипенко, Людмила Гайдук, Ольга Рябченко.

UX-дослідження в Headway Що та як розказує Олексій Шпенков, UX research-менеджер компанії, у випуску R9 Podcast. Послухаєте, про це, а також підходи до роботи з фреймворком Jobs-To-Be-Done, зв’язки нейробіології з UX-дослідженнями та ефективну співпрацю у кросфункціональній команді. • Apple • Spotify • Youtube #подкаст_рекомендація

Дизайн онбордингу під кутом психології Розбираємося, як використовувати сприйняття, щоб проєктувати флоу першої взаємодії, яке підвищить шанси утримати користувача та збільшити retention. Допомагає — Стас Говорухін. • Закон Хіка — чим менша кількість та складність вибору, тим менше часу потрібно людині, щоб прийняти рішення Зосереджуйте увагу користувачів на виконанні ключових дій завдяки контекстуальним підказкам. Так ви допоможете юзерам і цінність від вашого продукту отримати, і досягти заповітного aha-moment. • Поетапне відкриття — користувачі відчувають менше навантаження, якщо поступово знайомляться зі складнішими функціями Наш мозок не втомлюється шукати способи мінімізувати когнітивні зусилля під час виконання завдань. Тому онбординг має під таку рису підлаштовуватись — показуйте основні фічі продукту, а в міру ознайомлення користувачів з інтерфейсом, відкривайте нові параметри. • Ефект володіння — люди бачать більшу цінність у речах, які вони мають або кастомізували під себе Персоналізація допоможе підсилити цей ефект в онбордингу. Дозволити юзерам налаштувати лейаут чи запитати користувачів про їхні вподобання, цілі, потреби, дасть їм відчути ownership і дозволить залучити їх у досвід продукту. • Ефект градієнта цілі — користувачі більш вмотивовані завершувати завдання, коли наближаються до мети Мотивуйте юзерів виконати ключові дії на перших етапах онбордингу. Користувачі зможуть отримати цінність від продукту, а ви — утримувати увагу юзерів і занурити їх в досвід застосунку. Win-win? Win-win. • Ефект Зейгарнік — люди краще запам’ятовують незавершені завдання Використайте схильність людей тримати у пам’яті таски без ментального прапорця у формі сповіщень, нагадувань чи пропозицій. Так ви підвищуєте шанси, що користувачі повернуться до незавершених дій у продукті. • Більше, глибинніше, практичніше про дизайн онбордингу — на воркшопі User Onboarding Design.

Не такі вже й прості, як може здатися — опитування. Ділимося ресурсами, які допоможуть працювати з ними: • Базовий гайд, як будувати ефективні запитання для опитування. • Стаття про те, як обирати правильний вид шкали відповідей. • Калькулятор, щоб вирахувати кількість респондентів, необхідних для опитування.

У світі ШІ несеться. Принесли дві новини, які зараз гудуть серед техногіків: 🔹OpenAI запустила магазин кастомізованих чатботів — GPT Store. З моменту оголошення про створення маркетплейсу минуло два місяці й за цей час користувачі побудували понад 3 мільйони власних версій ChatGPT. До дванадцятки найпопулярніших чатботів увійшов DesignerGPT для створення сайтів. GPT Store доступний для юзерів ChatGPT Plus, Team і Enterprise. 🔹У світ вийшов гаджет Rabbit R1. Це універсальний ШІ-контролер, в якому 4 ГБ пам’яті, 128 ГБ сховища та батарея, що тримає заряд весь день. Пристрій побудували на основі нового типу ШІ-моделі — Large Action Model, яка розуміє людські наміри на комп’ютерах. Rabbit R1 може керувати музикою, замовляти авто, купувати продукти, надсилати повідомлення тощо. І все це в межах єдиного інтерфейсу. За 24 години після запуску гаджету rabbit inc. продала за передзамовленням 10,000 одиниць.

Статистичне: 98% сайтів, які дослідили Baymard Institute, не використовують повідомлення про помилки, які вказують на конкретну проблему. При тому, що на сервері відомо про неї. Такий підхід має наслідки — користувачі не розуміють, що не так і як це можна виправити. Вони намагаються сяк-так побороти помилку, стресують і, зрештою, кидають все та йдуть зі сайту. Команда Baymard Institute протестувала флоу сторінок оформлення замовлення та проаналізувала повідомлення про помилки на них. У матеріалі прочитаєте про дослідження та поради, як і чому краще використовувати адаптивні повідомлення про помилки.

Сильна команда створюється сильними лідерами. А саме тими, хто: знаходить точки розвитку дизайн-функції в компанії чи продукті, вміє ставити цілі команді, будує та впроваджує дизайн-стратегію. Навчитеся приводити в гармонію командні процеси та прокачаєте менеджерську компетенцію на курсі Design Management. Також у вас будуть: індивідуальні зустрічі з кураторами, домашки та проєкти на основі реальних завдань у вашій компанії, гостьові лекції з кейсами бізнесів різних напрямків. Куратори: • Іван Роговченко — Chief Design Officer у Techiia holding, WePlay Esports; • Володимир Сафонов — Head of Design у PandaDoc. Старт — 15 січня. Детальна програма та реєстрація.

Налаштування на робочий режим: loading… Збираємо до купи концентрацію після вихідних і стартуємо цей тиждень. А щоб працювалося продуктивно й збалансовано, Євген Олексюк, куратор UX Design Medium, передав вам свій плейлист. Гоу слухати. ___ Підгледіли ідеального котика тут.

Не про дизайн, для дизайнерів. Ловіть літературну добірку про все від емоційного інтелекту та системного мислення до фомування звичок й роботи з продуктом. • Звичка до творчості У книзі знайдете 32 практичні вправи, які допоможуть вам знаходити ідеї, будувати структуру роботи та вийти з креативного блоку на продуктивні рейки. • Повний гайд до пріоритезації продукту Безоплатна електронна книга-гайд. Дізнайтеся, як правильно пріоритезувати завдання, рухатися послідовно за допомогою якісних і кількісних фреймворків. • Сила звички. Чому ми робимо те, що робимо, і як це змінити Автор пояснює, чому деякі люди та компанії змінюються ледь не за одну ніч, а інші ні. Дізнаєтеся, як формуються звички та як можете на них впливати. • Емоції на роботі. Як вони сприяють нашій успішності Книга розвінчує міф про те, що професіонали — це ті, хто придушують власні почуття. Прочитаєте, як підтримувати емоційний баланс та керувати емоціями. • Мистецтво мислити системно Авторка виводить системне мислення зі світу комп’ютерів і рівнянь у матеріальний. Прочитаєте про те, як підходити до розв'язання завдання глобально, дивитися на проблему й бачити у ній можливості. • Код творчості: Як штучний інтелект вчиться писати, малювати, думати Разом з автором досліджуватимете потенціал ШІ, шукатимете відповідь на запитання, чи можуть машини створювати шедеври мистецтва й чи реально буде відрізнити їх від творів людини. #книжкова_рекомендація

Що буде, коли бренд-стратегія дружить з UX-дизайном? Гляньмо на прикладах. 🤝 Duolingo комунікує про силу вивчення мов, можливість знайомитися з новими культурами та людьми. І все це має бути цікавим та доступним для всіх. В UX-дизайні ж така стратегія відображається гейміфікацією. Апка використовує значки, челенджі, рейтинги лідерів, щоб утримувати увагу користувачів і мотивувати їх далі навчатися. Що маємо у підсумку? Duolingo — один з найпопулярніших застосунків для вивчення мов з понад 300 мільйонами юзерів. 🤝 Бренд Airbnb — це про приналежність та автентичність, що заохочує аудиторію відчувати себе частиною глобальної спільноти мандрівників. Ці цінності глибоко вкорінені в дизайн платформи. Компанія тримає фокус на профілях користувачів і описах житла, які підсвічують історії хостів і помешкань. Завдяки сторітелінгу гості будують емоційний зв’язок з людьми та місцями, які вони відвідують. А це, своєю чергою, створює персоналізований користувацький досвід, підвищує довіру до бренду та показники задоволення юзерів. 🤝 Як підсилювати UX-дизайн продукту через бренд-стратегію та використовувати взаємозв'язок обох на максимум, читайте у повному матеріалі.

Кажемо освітнім обіцянкам «пора». Можливості їх прокачати вже цього місяця незмінно тут: 🔹Курси • Web Design Beginning 15 січня • Product Design 15 січня • UX Design Beginning 18 січня • Web Design Junior 22 cічня • Mobile Apps Design 22 cічня • UX Design Medium 30 січня 🔹Інтенсиви • User Onboarding Design 20 січня • Web Design Portfolio Camp 27 січня 🔹Відеокурси • Figma • Webflow

Продуктові метрики під одним діджитал-дахом. Тут є і пояснення, і формули. Забираю собі.

В останній день року підбиваємо підсумки та згадуємо, яким він був. Ми жили, працювали й творили завдяки нашим захисникам. І щиро вдячні їм за це. Побачимося у 2024-му💙

Заскочили поділитися з вами проєктом, від якого так і віддає теплом 💙 Студія snig.digital зібрала вебколекцію вінтажних різдвяних і новорічних листівок українських митців. Тут можна не лише зависнути, розглядаючи прекрасні поштівки, а й надіслати їх найближчим людям.

Цим дописом маніфестуємо на наступний рік good design vibes only. Приєднуйтесь і діліться, яку афірмацію точно берете у 2024-й.

Одна добірка плагінів добре, а дві — помножують користь у роботі. Поки ви не розбіглися на різдвяні вихідні, ловіть сиквел від наших кураторів. 🔹Ольга Алтухова, кураторка курсу Web Design Junior • Find and Replace — на раз-два змінює тексти в усьому макеті. • html.to.design — допомагає швидко перенести макети з вебу у леєри. • Figma to HTML with Framer — підходить тим, хто користується Framer. Плагін переносить макети в цей редактор. 🔹Стас Говорухін, куратор курсу Mobile Interfaces Advanced і воркшопу User Onboarding Design • Similayer — дозволяє знаходити та обирати леєри зі спільними параметрами. • Fix San Francisco — автоматично застосовує правильний варіант шрифту для обраних текстів, використовуючи типографію San Francisco. • Stark — знаходить та розв’язує проблеми з доступністю дизайн-елементів на сайтах і застосунках. 🔹Наталя Шевченко, кураторка курсу Mobile Apps Design • EightShapes Specs — створює дизайн-документацію у Figma. • Design Lint — допомагає систематизувати стилі у дизайн-системи й знаходить помилки. • UX Writing Assistant — виручає з текстами для інтерфейсів. Можна задавати tone of voice та бажаний розмір контенту. 🔹Першу добірку знаходьте тут.

Для всіх, хто працює чи планує працювати з інфографікою — галерея прикладів візуалізації даних з поясненнями та юзкейсами.

Сьогодні #гостьова_середа не проста, а та, з якою розіграли карту реверсу з Uno. Цього разу гостями є ви. Давайте поговоримо про те, що хочете вміти та знати у наступному році. Гоу в коментарі складати вішліст скілів на 2024-й. Нехай здійснюється. Усі збіги з New Year’s resolutions — випадкові 🤭

У Дії стався перший редизайн. Що нового? У застосунку з'явиться персоналізований розділ — стрічка з оновленнями та послугами, сканером QR-коду для перевірки документів. Також змінили меню документа й зробили його з динамічним фоном та збільшеним фото.