Знаєте, я давно мріяла попасти на Config - щорічна Конференція від Figma, і минулого року таки попала) Але не в Сан-Франциско, а в Лондон)
🔥47❤3
Маю цікаву підбірку для вас)
Трохи метрик по перформансу сайтів від Webflow
https://webflow.com/resources/report/2025-state-of-the-website
Стан user research у 2025
https://www.userinterviews.com/state-of-user-research-report
Візуальні дизайн-тренди, які визначать 2026 від Canva
https://www.canva.com/newsroom/news/design-trends-2026/
Тренди email-дизайну на 2026
https://designmodo.com/email-design-trends/
Топ трендів вебдизайну на 2026
https://designmodo.com/web-design-trends/
Дуже цікаві культурні тренди від Pinterest на 2026
https://newsroom.pinterest.com/en-gb/news/pinterest-predicts-nonconformity-self-preservation-and-escapism-drive-21-trends-for-2026/
Тренди вебдизайну від VistaPrint (я прям дуже погоджуюсь з їх підбіркою!)
https://www.vistaprint.com/hub/web-design-trends
AI Index Report 2025 від Stanford University
https://hai.stanford.edu/ai-index/2025-ai-index-report
Трохи метрик по перформансу сайтів від Webflow
https://webflow.com/resources/report/2025-state-of-the-website
Стан user research у 2025
https://www.userinterviews.com/state-of-user-research-report
Візуальні дизайн-тренди, які визначать 2026 від Canva
https://www.canva.com/newsroom/news/design-trends-2026/
Тренди email-дизайну на 2026
https://designmodo.com/email-design-trends/
Топ трендів вебдизайну на 2026
https://designmodo.com/web-design-trends/
Дуже цікаві культурні тренди від Pinterest на 2026
https://newsroom.pinterest.com/en-gb/news/pinterest-predicts-nonconformity-self-preservation-and-escapism-drive-21-trends-for-2026/
Тренди вебдизайну від VistaPrint (я прям дуже погоджуюсь з їх підбіркою!)
https://www.vistaprint.com/hub/web-design-trends
AI Index Report 2025 від Stanford University
https://hai.stanford.edu/ai-index/2025-ai-index-report
Webflow
The 2025 State of the Website report | Webflow
Unlock insights from our report on the state of websites. Discover why marketers struggle with web execution and the opportunities leaders can take in 2025.
🔥11❤4
І ще маю що вам дати переглянути)
Найкращі проєкти року від Behance
https://www.behance.net/moodboard/222464861/Best-of-Behance-2025
Топ 25 графічного дизайну від It’s Nice That
https://www.itsnicethat.com/features/review-of-the-year-2025-top-25-graphic-design-151225
Найпопулярніші Pens 2025 на CodePen
https://codepen.io/2025/popular/pens/
10 must-have шрифтів на 2025
https://ilovetypography.com/2025/01/06/must-have-fonts-for-2025/
AI-driven workflows з Claude
https://uxdesign.cc/designing-with-claude-code-and-codex-cli-building-ai-driven-workflows-powered-by-code-connect-ui-f10c136ec11f
Baymard Institute — UX-Ray плагін для аналізу дизайнів
Найкращі проєкти року від Behance
https://www.behance.net/moodboard/222464861/Best-of-Behance-2025
Топ 25 графічного дизайну від It’s Nice That
https://www.itsnicethat.com/features/review-of-the-year-2025-top-25-graphic-design-151225
Найпопулярніші Pens 2025 на CodePen
https://codepen.io/2025/popular/pens/
10 must-have шрифтів на 2025
https://ilovetypography.com/2025/01/06/must-have-fonts-for-2025/
AI-driven workflows з Claude
https://uxdesign.cc/designing-with-claude-code-and-codex-cli-building-ai-driven-workflows-powered-by-code-connect-ui-f10c136ec11f
Baymard Institute — UX-Ray плагін для аналізу дизайнів
www.behance.net
Best of Behance 2025
A moodboard by Behance Team on Behance
❤10
UX Research
Воркшопи з досліджень від Nielsen Norman Group
https://www.nngroup.com/articles/ux-research-workshops/
Що робить хорошого UX Research модератора
https://measuringu.com/what-makes-a-good-ux-research-moderator/
AI-модеровані інтерв’ю
https://medium.com/athenahealth-design/accelerating-insights-my-dive-into-ai-moderated-user-interviews-17ccc6fbc81b
Qual vs Quant
https://quantuxblog.com/qualitative-inquiry-can-make-quantitative-work-more-meaningful-but-which-comes-first
Воркшопи з досліджень від Nielsen Norman Group
https://www.nngroup.com/articles/ux-research-workshops/
Що робить хорошого UX Research модератора
https://measuringu.com/what-makes-a-good-ux-research-moderator/
AI-модеровані інтерв’ю
https://medium.com/athenahealth-design/accelerating-insights-my-dive-into-ai-moderated-user-interviews-17ccc6fbc81b
Qual vs Quant
https://quantuxblog.com/qualitative-inquiry-can-make-quantitative-work-more-meaningful-but-which-comes-first
Nielsen Norman Group
Workshopping UX Research with Stakeholders
Three types of UX-research workshops help teams understand UX research, build empathy for users, and apply insights to design concepts.
👍6❤1
Motion & UI inspiration
Navbar інспо
https://www.navbar.gallery/
Анімаційне інспо
https://loadmo.re/
Практичні поради по анімації
https://emilkowal.ski/ui/7-practical-animation-tips
Lottie (state machine) плейлист
https://www.youtube.com/watch?v=4aUkC0lSbyg&list=PL5YboiW_RwK5VS1L7taE4qrO_BzORoFqH
Transitions & hyperlapse в AI
https://www.youtube.com/live/eWk7jpoggX0
Navbar інспо
https://www.navbar.gallery/
Анімаційне інспо
https://loadmo.re/
Практичні поради по анімації
https://emilkowal.ski/ui/7-practical-animation-tips
Lottie (state machine) плейлист
https://www.youtube.com/watch?v=4aUkC0lSbyg&list=PL5YboiW_RwK5VS1L7taE4qrO_BzORoFqH
Transitions & hyperlapse в AI
https://www.youtube.com/live/eWk7jpoggX0
www.navbar.gallery
Navbar Gallery – Navigation Design Inspiration
Navbar Gallery is a collection of the best website navbar inspiration designs on the web. Find the ideal navigation example for your design from our collection.
👍3
Accessibility & content
Гайд по доступним PDF
https://piccalil.li/blog/a-guide-to-creating-accessible-pdfs-using-free-tools/
Accessible writing
https://www.a11y-collective.com/blog/accessible-writing/
Alt text з AI
https://jaredcunha.com/blog/writing-alt-text-with-ai
Гайд по доступним PDF
https://piccalil.li/blog/a-guide-to-creating-accessible-pdfs-using-free-tools/
Accessible writing
https://www.a11y-collective.com/blog/accessible-writing/
Alt text з AI
https://jaredcunha.com/blog/writing-alt-text-with-ai
Piccalilli
A guide to creating accessible PDFs using free tools
If you really do (seriously, really do) need to create a PDF, Steve has your back to help you make sure you make that PDF accessible without having to fork out for Adobe Acrobat Pro.
Design systems
Nathan Curtis про slots у Figma
https://nathanacurtis.substack.com/p/configuration-collapse
Slots для repeating items
https://medium.com/@nathanacurtis/figma-slots-for-repeating-items-64b28e35f56a
Integrity дизайн-систем
https://bencallahan.com/how-design-systems-offer-creative-safety-for-product-teams
Distributed model
https://pjonori.blog/posts/design-system-contributions/
AI + Carbon від IBM
https://medium.com/design-ibm/the-prompt-is-the-prototype-how-structured-ai-prompting-is-reshaping-enterprise-design-b0c284549d76
Tool UI (компоненти для AI інтерфейсів)
https://www.tool-ui.com/
Лекція про дизайн-системи
https://luma.com/0ojzopav
Nathan Curtis про slots у Figma
https://nathanacurtis.substack.com/p/configuration-collapse
Slots для repeating items
https://medium.com/@nathanacurtis/figma-slots-for-repeating-items-64b28e35f56a
Integrity дизайн-систем
https://bencallahan.com/how-design-systems-offer-creative-safety-for-product-teams
Distributed model
https://pjonori.blog/posts/design-system-contributions/
AI + Carbon від IBM
https://medium.com/design-ibm/the-prompt-is-the-prototype-how-structured-ai-prompting-is-reshaping-enterprise-design-b0c284549d76
Tool UI (компоненти для AI інтерфейсів)
https://www.tool-ui.com/
Лекція про дизайн-системи
https://luma.com/0ojzopav
Substack
Configuration Collapse
As Figma Slots Push Composability, Be Ready to Drop Props
🔥11
А ви чули про Contextual Proximity UX?
Скоріш за все, ви подумали про це
1. Закон близькості (Gestalt Law of Proximity)
Мозок автоматично групує близькі елементи як пов'язані. Це фундамент принципу — просторова близькість = смислова спорідненість.
2. Контекстуальне розміщення дій
Кнопки та контролі мають розташовуватись поруч з тим об'єктом, на який вони впливають. Наприклад, кнопка "Видалити картку" — безпосередньо на картці, а не у глобальному меню.
3. Мінімізація когнітивного навантаження
Користувач не має "шукати очима" пов'язані елементи. Що менша відстань між тригером і результатом — то менше зусиль потрібно для розуміння.
4. Inline-feedback
Помилки, підказки та підтвердження показуються одразу поруч з відповідним полем або дією — не у верхньому банері, не в окремому попапі.
5. Просторова ієрархія
Відстань між елементами кодує рівень зв'язку: дуже близько = сильний зв'язок, далі = слабший. Наприклад, label ближче до свого input, ніж до сусіднього.
6. Прогресивне розкриття в контексті
Додаткові опції з'являються саме там, де виникає потреба — не переносять користувача на іншу сторінку, а розгортаються поруч (dropdown, inline expansion).
7. Grouping через whitespace
Пробіл використовується як розділювач, а не лише як декор. Менший відступ всередині групи, більший — між групами. Це дає структуру без зайвих ліній і рамок.
Але я хочу дати більше сучасних прикладів застосування)
Скоріш за все, ви подумали про це
1. Закон близькості (Gestalt Law of Proximity)
Мозок автоматично групує близькі елементи як пов'язані. Це фундамент принципу — просторова близькість = смислова спорідненість.
2. Контекстуальне розміщення дій
Кнопки та контролі мають розташовуватись поруч з тим об'єктом, на який вони впливають. Наприклад, кнопка "Видалити картку" — безпосередньо на картці, а не у глобальному меню.
3. Мінімізація когнітивного навантаження
Користувач не має "шукати очима" пов'язані елементи. Що менша відстань між тригером і результатом — то менше зусиль потрібно для розуміння.
4. Inline-feedback
Помилки, підказки та підтвердження показуються одразу поруч з відповідним полем або дією — не у верхньому банері, не в окремому попапі.
5. Просторова ієрархія
Відстань між елементами кодує рівень зв'язку: дуже близько = сильний зв'язок, далі = слабший. Наприклад, label ближче до свого input, ніж до сусіднього.
6. Прогресивне розкриття в контексті
Додаткові опції з'являються саме там, де виникає потреба — не переносять користувача на іншу сторінку, а розгортаються поруч (dropdown, inline expansion).
7. Grouping через whitespace
Пробіл використовується як розділювач, а не лише як декор. Менший відступ всередині групи, більший — між групами. Це дає структуру без зайвих ліній і рамок.
Але я хочу дати більше сучасних прикладів застосування)
❤6
Ти коли-небудь замовляв піцу з самовивзом і не розумів — з якого ресторану замовити? Відкривав додаток, бачив список із п'яти локацій, і... йшов у Google Maps окремо перевіряти, яка з них ближча. Я — так. І це дивно. Бо додаток про доставку їжі не відповів на найпростіше питання: наскільки далеко ця локація від мене?
Більшість застосунків показують де щось знаходиться. Але не показують — наскільки це близько до твого реального життя. Є різниця між "2 кілометри" і "7 хвилин пішки". Людина думає не координатами — вона думає зусиллями. Часом. Зручністю.
Це і є Contextual Proximity. Не пін на карті — а контекст. "Відкрито зараз", "5 хвилин на машині", "є паркінг поруч". Інформація, яка відповідає не на питання де? — а на питання чи варто?
Повернімось до піци. Ти відкриваєш застосунок. Замість списку ресторанів із зірочками і цінами — уяви, що бачиш ось це:
"Domino's — 6 хвилин. Їжа буде гарячою."
"Local Pizza — 22 хвилини. Зараз годину пік."
Жодної карти. Жодного перемикання між додатками. Просто одна цифра, яка відповідає на реальне питання. І ти одразу знаєш що обрати.Більше того — такий застосунок міг би враховувати трафік у реальному часі, час приготування, навіть погоду. "Сьогодні дощ — рекомендуємо заздалегідь." Це вже не карта. Це — контекст твого моменту.
Це не тільки про піцу.
🏠 Нерухомість — замість "вулиця Городоцька" — "8 хвилин до твого офісу, 3 хвилини до парку, є кав'ярня навпроти."
🏥 Медицина — "Найближчий вільний лікар — 12 хвилин від тебе. Прийом через годину."
🛒 Рітейл і самовивіз — "Цей пункт видачі — по дорозі з роботи додому. Відкритий до 21:00."
🏋️ Фітнес — "Є вільне місце на йогу о 19:00, залу 9 хвилин від тебе."
У кожному з цих випадків — та сама ідея. Людина не запитує де. Вона запитує: чи вписується це в моє життя?
Наступна хвиля location-based продуктів — це не про точніші карти. Це про те, щоб зрозуміти людину: її маршрут, її час, її пріоритети. І дати відповідь не в кілометрах — а в зусиллях.
Питання до тебе: який застосунок, яким ти користуєшся щодня, найбільше програє саме через це?
Більшість застосунків показують де щось знаходиться. Але не показують — наскільки це близько до твого реального життя. Є різниця між "2 кілометри" і "7 хвилин пішки". Людина думає не координатами — вона думає зусиллями. Часом. Зручністю.
Це і є Contextual Proximity. Не пін на карті — а контекст. "Відкрито зараз", "5 хвилин на машині", "є паркінг поруч". Інформація, яка відповідає не на питання де? — а на питання чи варто?
Повернімось до піци. Ти відкриваєш застосунок. Замість списку ресторанів із зірочками і цінами — уяви, що бачиш ось це:
"Domino's — 6 хвилин. Їжа буде гарячою."
"Local Pizza — 22 хвилини. Зараз годину пік."
Жодної карти. Жодного перемикання між додатками. Просто одна цифра, яка відповідає на реальне питання. І ти одразу знаєш що обрати.Більше того — такий застосунок міг би враховувати трафік у реальному часі, час приготування, навіть погоду. "Сьогодні дощ — рекомендуємо заздалегідь." Це вже не карта. Це — контекст твого моменту.
Це не тільки про піцу.
🏠 Нерухомість — замість "вулиця Городоцька" — "8 хвилин до твого офісу, 3 хвилини до парку, є кав'ярня навпроти."
🏥 Медицина — "Найближчий вільний лікар — 12 хвилин від тебе. Прийом через годину."
🛒 Рітейл і самовивіз — "Цей пункт видачі — по дорозі з роботи додому. Відкритий до 21:00."
🏋️ Фітнес — "Є вільне місце на йогу о 19:00, залу 9 хвилин від тебе."
У кожному з цих випадків — та сама ідея. Людина не запитує де. Вона запитує: чи вписується це в моє життя?
Наступна хвиля location-based продуктів — це не про точніші карти. Це про те, щоб зрозуміти людину: її маршрут, її час, її пріоритети. І дати відповідь не в кілометрах — а в зусиллях.
Питання до тебе: який застосунок, яким ти користуєшся щодня, найбільше програє саме через це?
❤22
Хочу вам розказати одну історію
Більшість людей, яких я знаю (і я сама інколи), живуть у цьому режимі: “ще не готово”. Ще трохи допиляти, ще трошки покращити — і тоді вже покажу. Але правда в тому, що цей момент “готово” майже ніколи не настає. Ми просто відкладаємо момент, коли нас реально оцінять.
Розкажу вам історію про Fireflies.ai — зараз це компанія на ~$1 млрд.
Але на старті не було ніякого AI. Вони продавали “ШІ, який робить нотатки на дзвінках” за $100/місяць… і просто самі підключались на ці дзвінки, мовчки сиділи і писали нотатки вручну. Без продукту, без коду — тільки дія і перевірка, чи люди взагалі готові за це платити.
І це після 6 провалених ідей. Різниця не в тому, що вони одразу зробили щось геніальне. Різниця в тому, що вони не чекали ідеалу. Вони робили мінімум, продавали, отримували фідбек і рухались далі. І лише коли побачили реальний попит — почали автоматизувати.
Тому питання, яке я зараз собі теж ставлю:
що ти зараз “допилюєш”…
замість того, щоб просто почати показувати людям і збирати первинні фітбеки? 👀
Більшість людей, яких я знаю (і я сама інколи), живуть у цьому режимі: “ще не готово”. Ще трохи допиляти, ще трошки покращити — і тоді вже покажу. Але правда в тому, що цей момент “готово” майже ніколи не настає. Ми просто відкладаємо момент, коли нас реально оцінять.
Розкажу вам історію про Fireflies.ai — зараз це компанія на ~$1 млрд.
Але на старті не було ніякого AI. Вони продавали “ШІ, який робить нотатки на дзвінках” за $100/місяць… і просто самі підключались на ці дзвінки, мовчки сиділи і писали нотатки вручну. Без продукту, без коду — тільки дія і перевірка, чи люди взагалі готові за це платити.
І це після 6 провалених ідей. Різниця не в тому, що вони одразу зробили щось геніальне. Різниця в тому, що вони не чекали ідеалу. Вони робили мінімум, продавали, отримували фідбек і рухались далі. І лише коли побачили реальний попит — почали автоматизувати.
Тому питання, яке я зараз собі теж ставлю:
що ти зараз “допилюєш”…
замість того, щоб просто почати показувати людям і збирати первинні фітбеки? 👀
❤19🔥5
На днях я вам розказувала про інструмент прототипування Base44. А знаєте ви як він створювався? І що його створила лише одна людина?
Маор Шломо. Ізраїль. Кінець 2024 року. Він щойно повернувся зі служби в армії — і замість відпочинку почав просто тинькати з ідеєю. Без команди, без інвестицій і без чіткого плану куди це все веде.
Продукт постійно ламався, і Маор це чудово знав. Але замість того, щоб сидіти і чекати поки "буде готово" — він оновлював продукт по 13 разів на день. Рухався маленикими кроками, але швидко, і без жодного перфекціонізму.
За 6 місяців такої роботи — 300 000 користувачів і $3.5M ARR. А у червні 2025 Wix купив Base44 за $80 мільйонів готівкою. Один чоловік і ноутбук — без жодного ідеального моменту, тільки постійна дія і фідбек.
Як каже Іван Багряний в Тигроловах — сміливі завжди мають щастя. Але я б додала: сміливі — це не ті, хто не бояться. Це ті, хто запускають навіть тоді, коли страшно і криво.
Маор Шломо. Ізраїль. Кінець 2024 року. Він щойно повернувся зі служби в армії — і замість відпочинку почав просто тинькати з ідеєю. Без команди, без інвестицій і без чіткого плану куди це все веде.
Продукт постійно ламався, і Маор це чудово знав. Але замість того, щоб сидіти і чекати поки "буде готово" — він оновлював продукт по 13 разів на день. Рухався маленикими кроками, але швидко, і без жодного перфекціонізму.
За 6 місяців такої роботи — 300 000 користувачів і $3.5M ARR. А у червні 2025 Wix купив Base44 за $80 мільйонів готівкою. Один чоловік і ноутбук — без жодного ідеального моменту, тільки постійна дія і фідбек.
Як каже Іван Багряний в Тигроловах — сміливі завжди мають щастя. Але я б додала: сміливі — це не ті, хто не бояться. Це ті, хто запускають навіть тоді, коли страшно і криво.
🔥18
А ось ще одна історія, яка мене надихає.
Бхану Теджа був звичайним розробником, який пропрацював на роботі лише 8 місяців — і зрозумів, що це не те, чим він хоче займатися все життя. Він звільнився, переїхав назад до батьків, щоб зекономити на житлі, і почав будувати продукти. Більшість з них не злетіли — але кожен навчив його чогось нового.
На початку 2023 року він помітив, що його стрічка в Twitter заповнена розмовами про ШІ. Замість того, щоб просто спостерігати — він вирішив витратити один вікенд і побудувати щось корисне, щоб розібратись як це працює. Без великих планів, без інвесторів, без команди.
Так з'явився SiteGPT — чат-бот, навчений на контенті вашого сайту. Від ідеї до запуску — два тижні. Він написав пост на Hacker News, і той потрапив на головну сторінку. Наступного дня запустився на Product Hunt і став продуктом дня. За перший місяць — $10 000 щомісячного доходу.
Бхану точно не чекав ідеального моменту, щоб почати. 👀
Бхану Теджа був звичайним розробником, який пропрацював на роботі лише 8 місяців — і зрозумів, що це не те, чим він хоче займатися все життя. Він звільнився, переїхав назад до батьків, щоб зекономити на житлі, і почав будувати продукти. Більшість з них не злетіли — але кожен навчив його чогось нового.
На початку 2023 року він помітив, що його стрічка в Twitter заповнена розмовами про ШІ. Замість того, щоб просто спостерігати — він вирішив витратити один вікенд і побудувати щось корисне, щоб розібратись як це працює. Без великих планів, без інвесторів, без команди.
Так з'явився SiteGPT — чат-бот, навчений на контенті вашого сайту. Від ідеї до запуску — два тижні. Він написав пост на Hacker News, і той потрапив на головну сторінку. Наступного дня запустився на Product Hunt і став продуктом дня. За перший місяць — $10 000 щомісячного доходу.
Бхану точно не чекав ідеального моменту, щоб почати. 👀
❤10