Шрифтове: ресурси, щоб почитати, потестити та застосовувати в роботі
🔷 Ідентифікація шрифтів за зображеннями
https://www.myfonts.com/pages/whatthefont
🔷 Бібліотека гайдів про типографію від Google
https://fonts.google.com/knowledge
🔷 ШІ-інструмент для генерування комбінацій шрифтів
https://fontjoy.com/
Якщо користуєтеся іншими ресурсами для роботи зі шрифтами, діліться рекомендаціями в коментарях.
Зображення — WhatTheFont.
🔷 Ідентифікація шрифтів за зображеннями
https://www.myfonts.com/pages/whatthefont
🔷 Бібліотека гайдів про типографію від Google
https://fonts.google.com/knowledge
🔷 ШІ-інструмент для генерування комбінацій шрифтів
https://fontjoy.com/
Якщо користуєтеся іншими ресурсами для роботи зі шрифтами, діліться рекомендаціями в коментарях.
Зображення — WhatTheFont.
❤25👎4🥰1
Раптом ви пропустили: KyivUX та R9 Research випустили благодійну збірку статей про UX-дослідження.
Книга складається із 14 матеріалів на теми входу у професію, методологій та процесу досліджень. Авторами статей стали українські експерти. Зокрема серед них є Юрій Грановський, куратор воркшопів Ideation. Co-Creation Sessions і Test. Solutions Analysis.
Увесь прибуток з продажів збірки спрямують на допомогу ЗСУ. Більше про проєкт та де можна придбати книгу — тут.
Зображення — UX Kyiv.
Книга складається із 14 матеріалів на теми входу у професію, методологій та процесу досліджень. Авторами статей стали українські експерти. Зокрема серед них є Юрій Грановський, куратор воркшопів Ideation. Co-Creation Sessions і Test. Solutions Analysis.
Увесь прибуток з продажів збірки спрямують на допомогу ЗСУ. Більше про проєкт та де можна придбати книгу — тут.
Зображення — UX Kyiv.
🔥49👎5👍3
Усі ідеї вже вигадали?
Щойно була коротка перевірка на майбутніх винахідників. Якщо ви теж тригернулися чи/та забажали виправити речення, читайте далі.
Ми запустили курс, де будете знаходити можливості, що здавалися іншим неможливими — AI for Product Creation.
Якщо коротко, ваші таски на цей період — приміряти на себе роль винахідників, довіритися ШІ та створити у цій синергії щось, що все змінить.
Якщо детальніше, куратор курсу — Денис Суділковський — розробив програму так, що за 2 місяці навчання ви вмітимете:
• формувати стратегії створення перших версій продуктів або фіч;
• досліджувати ринок та користувачів із ШІ;
• формувати план запуску фічі (від MVP до Roadmap);
• розробляти функціональні прототипи з ШІ для proof-of-concept;
• тестувати прототипи на реальному ринку, обробляти результати тестів;
• розуміти процеси впровадження ШІ у власних командах.
Готові? Дізнатися деталі.
Щойно була коротка перевірка на майбутніх винахідників. Якщо ви теж тригернулися чи/та забажали виправити речення, читайте далі.
Ми запустили курс, де будете знаходити можливості, що здавалися іншим неможливими — AI for Product Creation.
Якщо коротко, ваші таски на цей період — приміряти на себе роль винахідників, довіритися ШІ та створити у цій синергії щось, що все змінить.
Якщо детальніше, куратор курсу — Денис Суділковський — розробив програму так, що за 2 місяці навчання ви вмітимете:
• формувати стратегії створення перших версій продуктів або фіч;
• досліджувати ринок та користувачів із ШІ;
• формувати план запуску фічі (від MVP до Roadmap);
• розробляти функціональні прототипи з ШІ для proof-of-concept;
• тестувати прототипи на реальному ринку, обробляти результати тестів;
• розуміти процеси впровадження ШІ у власних командах.
Готові? Дізнатися деталі.
❤14👍4👎3
Чому юзери користуються dark mode? Чи справді темна тема заощаджує заряд батареї, зменшує навантаження на зір та підсилює доступність?
Ці запитання поставили собі автори матеріалу для NN/g. Щоб вийти на відповідь, вони зібрали дані вже з наявних досліджень, а ще провели власні — опитування користувачів та юзабіліті тестування мобільних продуктів.
Загалом один з найпопулярніших аргументів про те, що dark mode покращує UX зводиться до причин:
• нижче навантаження для очей;
• економія заряду батареї;
• візуальна привабливість;
• доступність для людей з порушеннями зору (наприклад, катарактою).
🔷 У статті дізнаєтеся, наскільки ці причини валідні, які очікування у юзерів від dark mode та чого варто уникати в дизайні темної теми.
Ці запитання поставили собі автори матеріалу для NN/g. Щоб вийти на відповідь, вони зібрали дані вже з наявних досліджень, а ще провели власні — опитування користувачів та юзабіліті тестування мобільних продуктів.
Загалом один з найпопулярніших аргументів про те, що dark mode покращує UX зводиться до причин:
• нижче навантаження для очей;
• економія заряду батареї;
• візуальна привабливість;
• доступність для людей з порушеннями зору (наприклад, катарактою).
🔷 У статті дізнаєтеся, наскільки ці причини валідні, які очікування у юзерів від dark mode та чого варто уникати в дизайні темної теми.
❤47👎4
Ситуація: обрати KPI для продукту, щоб драйвити результати
Чіткий зв’язок між роботою дизайн-команди та бізнес-цілями компанії — вкрай рідкісна історія. Але дизайн — це ж не лише про те, щоб було красиво, а й ефективно. Відстежувати останнє можна й треба за допомогою KPI, які тісно пов’язані з бізнес-цілями.
Як це робити з фокусом на результати, ділиться
Віталій Фрідман, куратор Design KPIs Workshop.
Думайте про те, як швидше спонукати користувачів до малих та великих успіхів у продукті й допомогти їм відновитися після можливих помилок. У такому разі показниками, на які варто звертати увагу є:
• відсоток виконання завдань (task completion rates);
• час виконання завдання (task completion times);
• частота помилок (error frequency);
• ефективність відновлення від помилок (error recovery rate).
Відстежуйте також фактори, які сприяють успіху бізнесу й формуйте KPI дизайну навколо них. Щоб робити це ефективніше, використовуйте критерії якості метрик, закріплені до цього допису, як загальний дороговказ.
🔷 Розбиратися на практиці, як формувати KPI дизайну, що дружать з бізнес-цілями, будемо на воркшопі разом з Віталієм. Долучайтеся.
Чіткий зв’язок між роботою дизайн-команди та бізнес-цілями компанії — вкрай рідкісна історія. Але дизайн — це ж не лише про те, щоб було красиво, а й ефективно. Відстежувати останнє можна й треба за допомогою KPI, які тісно пов’язані з бізнес-цілями.
Як це робити з фокусом на результати, ділиться
Віталій Фрідман, куратор Design KPIs Workshop.
Думайте про те, як швидше спонукати користувачів до малих та великих успіхів у продукті й допомогти їм відновитися після можливих помилок. У такому разі показниками, на які варто звертати увагу є:
• відсоток виконання завдань (task completion rates);
• час виконання завдання (task completion times);
• частота помилок (error frequency);
• ефективність відновлення від помилок (error recovery rate).
Відстежуйте також фактори, які сприяють успіху бізнесу й формуйте KPI дизайну навколо них. Щоб робити це ефективніше, використовуйте критерії якості метрик, закріплені до цього допису, як загальний дороговказ.
🔷 Розбиратися на практиці, як формувати KPI дизайну, що дружать з бізнес-цілями, будемо на воркшопі разом з Віталієм. Долучайтеся.
🔥13❤5👎4
Якщо працюєте з UX для e-commerce продуктів — цей матеріал для вас
Команда Baymard Institute дослідила 100+ вебсайтів електронної комерції, проаналізувала понад 13 000 UX-елементів на домашніх сторінках та навігації за категоріями. І запакувала ключові висновки із дослідження у статтю зі статистикою та прикладами.
Команда Baymard Institute дослідила 100+ вебсайтів електронної комерції, проаналізувала понад 13 000 UX-елементів на домашніх сторінках та навігації за категоріями. І запакувала ключові висновки із дослідження у статтю зі статистикою та прикладами.
❤41👎4
UX-ресурси, з якими і скіли прокачаєте, і дизайн-процес підсилите
• Короткі підказки та cheatsheets з продуктового дизайну на всі випадки життя.
https://uxhints.com/
• Посібник для універсального дизайну з інклюзивними методами для воркшопів та порадами, як залучати учасників із різними фізичними та ментальними можливостями.
https://universaldesignguide.com/
• Колекція best practices та законів психології, які допоможуть проєктувати користувацькі досвіди.
https://lawsofux.com/info/
• Короткі підказки та cheatsheets з продуктового дизайну на всі випадки життя.
https://uxhints.com/
• Посібник для універсального дизайну з інклюзивними методами для воркшопів та порадами, як залучати учасників із різними фізичними та ментальними можливостями.
https://universaldesignguide.com/
• Колекція best practices та законів психології, які допоможуть проєктувати користувацькі досвіди.
https://lawsofux.com/info/
❤47👍6👎4🔥1
Музей інтерфейсів повертається
Запрошуємо вас на диджитал-екскурсію продуктами, відомими на весь світ. Розглядайте, придивляйтесь, а в коментарях діліться, який інтерфейс особливо вразив.
Першу виставку дизайнів переглядайте тут.
Запрошуємо вас на диджитал-екскурсію продуктами, відомими на весь світ. Розглядайте, придивляйтесь, а в коментарях діліться, який інтерфейс особливо вразив.
Першу виставку дизайнів переглядайте тут.
❤68👍3👎1😁1🤯1
Adaptive & responsive web design — на перший оманливий погляд, одне й теж. Але відмінність полягає у підході та періодах виникнення обох. Та й взагалі перший проклав шлях останньому.
У статті Вова Віндар, незалежний UI-дизайнер і куратор курсу Web Design Beginning, розклав по поличках суть адаптивного та чутливого (responsive) дизайнів. А ще поділився, як створювати чутливі дизайни, що йдуть на зустріч потребам користувачів.
Читати.
У статті Вова Віндар, незалежний UI-дизайнер і куратор курсу Web Design Beginning, розклав по поличках суть адаптивного та чутливого (responsive) дизайнів. А ще поділився, як створювати чутливі дизайни, що йдуть на зустріч потребам користувачів.
Читати.
🔥20❤5👍3👎1
Заглядаємо за технічні лаштунки 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, а ще й повертати їх та оновлювати сайт даними з іншого місця.
🔷 Якщо вам цікаво піти далі сайтів із формою — вирушайте на воркшоп Стаса.
На її прикладі ділимося, як зібрати 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, а ще й повертати їх та оновлювати сайт даними з іншого місця.
🔷 Якщо вам цікаво піти далі сайтів із формою — вирушайте на воркшоп Стаса.
👍14🔥5❤3👎1
This media is not supported in your browser
VIEW IN TELEGRAM
До вашого набору дизайн-інструментів — Durves, генератор патернів.
Можна:
• створювати візерунки з кривими й властивостями, які самі визначаєте;
• експортувати у SVG та PNG форматах;
• проєктувати текстурні дизайни.
Взяти, протестити, користуватися.
Можна:
• створювати візерунки з кривими й властивостями, які самі визначаєте;
• експортувати у SVG та PNG форматах;
• проєктувати текстурні дизайни.
Взяти, протестити, користуватися.
🔥58👍6❤1👎1