interfaces.prjctr | pasichnyk week

А ось ще одна історія, яка мене надихає. Бхану Теджа був звичайним розробником, який пропрацював на роботі лише 8 місяців — і зрозумів, що це не те, чим він хоче займатися все життя. Він звільнився, переїхав назад до батьків, щоб зекономити на житлі, і почав будувати продукти. Більшість з них не злетіли — але кожен навчив його чогось нового. На початку 2023 року він помітив, що його стрічка в Twitter заповнена розмовами про ШІ. Замість того, щоб просто спостерігати — він вирішив витратити один вікенд і побудувати щось корисне, щоб розібратись як це працює. Без великих планів, без інвесторів, без команди. Так з'явився SiteGPT — чат-бот, навчений на контенті вашого сайту. Від ідеї до запуску — два тижні. Він написав пост на Hacker News, і той потрапив на головну сторінку. Наступного дня запустився на Product Hunt і став продуктом дня. За перший місяць — $10 000 щомісячного доходу. Бхану точно не чекав ідеального моменту, щоб почати. 👀

На днях я вам розказувала про інструмент прототипування Base44. А знаєте ви як він створювався? І що його створила лише одна людина? Маор Шломо. Ізраїль. Кінець 2024 року. Він щойно повернувся зі служби в армії — і замість відпочинку почав просто тинькати з ідеєю. Без команди, без інвестицій і без чіткого плану куди це все веде. Продукт постійно ламався, і Маор це чудово знав. Але замість того, щоб сидіти і чекати поки "буде готово" — він оновлював продукт по 13 разів на день. Рухався маленикими кроками, але швидко, і без жодного перфекціонізму. За 6 місяців такої роботи — 300 000 користувачів і $3.5M ARR. А у червні 2025 Wix купив Base44 за $80 мільйонів готівкою. Один чоловік і ноутбук — без жодного ідеального моменту, тільки постійна дія і фідбек. Як каже Іван Багряний в Тигроловах — сміливі завжди мають щастя. Але я б додала: сміливі — це не ті, хто не бояться. Це ті, хто запускають навіть тоді, коли страшно і криво.

Хочу бам розказати одну історію Більшість людей, яких я знаю (і я сама інколи), живуть у цьому режимі: “ще не готово”. Ще трохи допиляти, ще трошки покращити — і тоді вже покажу. Але правда в тому, що цей момент “готово” майже ніколи не настає. Ми просто відкладаємо момент, коли нас реально оцінять. Розкажу вам історію про Fireflies.ai — зараз це компанія на ~$1 млрд. Але на старті не було ніякого AI. Вони продавали “ШІ, який робить нотатки на дзвінках” за $100/місяць… і просто самі підключались на ці дзвінки, мовчки сиділи і писали нотатки вручну. Без продукту, без коду — тільки дія і перевірка, чи люди взагалі готові платити. І це після 6 провалених ідей. Різниця не в тому, що вони одразу зробили щось геніальне. Різниця в тому, що вони не чекали ідеалу. Вони робили мінімум, продавали, отримували фідбек і рухались далі. І лише коли побачили реальний попит — почали автоматизувати. Тому питання, яке я зараз собі теж ставлю: що ти зараз “допилюєш”… замість того, щоб просто показати людям? 👀

Ти коли-небудь замовляв піцу і не розумів — з якого ресторану замовити? Відкривав додаток, бачив список із п'яти локацій, і... йшов у Google Maps окремо перевіряти, яка з них ближча. Я — так. І це дивно. Бо додаток про доставку їжі не відповів на найпростіше питання: скільки мені чекати? Більшість застосунків показують де щось знаходиться. Але не показують — наскільки це близько до твого реального життя. Є різниця між "2 кілометри" і "7 хвилин пішки". Людина думає не координатами — вона думає зусиллями. Часом. Зручністю. Це і є Contextual Proximity. Не пін на карті — а контекст. "Відкрито зараз", "5 хвилин на машині", "є паркінг поруч". Інформація, яка відповідає не на питання де? — а на питання чи варто? Повернімось до піци. Ти відкриваєш застосунок. Замість списку ресторанів із зірочками і цінами — уяви, що бачиш ось це: "Domino's — 6 хвилин. Їжа буде гарячою." "Local Pizza — 22 хвилини. Зараз годину пік." Жодної карти. Жодного перемикання між додатками. Просто одна цифра, яка відповідає на реальне питання. І ти одразу знаєш що обрати.Більше того — такий застосунок міг би враховувати трафік у реальному часі, час приготування, навіть погоду. "Сьогодні дощ — рекомендуємо заздалегідь." Це вже не карта. Це — контекст твого моменту. Це не тільки про піцу. 🏠 Нерухомість — замість "вулиця Городоцька" — "8 хвилин до твого офісу, 3 хвилини до парку, є кав'ярня навпроти." 🏥 Медицина — "Найближчий вільний лікар — 12 хвилин від тебе. Прийом через годину." 🛒 Рітейл і самовивіз — "Цей пункт видачі — по дорозі з роботи додому. Відкритий до 21:00." 🏋️ Фітнес — "Є вільне місце на йогу о 19:00, залу 9 хвилин від тебе." У кожному з цих випадків — та сама ідея. Людина не запитує де. Вона запитує: чи вписується це в моє життя? Наступна хвиля location-based продуктів — це не про точніші карти. Це про те, щоб зрозуміти людину: її маршрут, її час, її пріоритети. І дати відповідь не в кілометрах — а в зусиллях. Питання до тебе: який застосунок, яким ти користуєшся щодня, найбільше програє саме через це?

А ви чули про Contextual Proximity UX?

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

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

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

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

І ще маю що вам дати переглянути) Найкращі проєкти року від 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 плагін для аналізу дизайнів

Шрифти: 10 must-have шрифтів на 2025 https://ilovetypography.com/2025/01/06/must-have-fonts-for-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/ Building AI-driven workflows powered by Claude Code and other tools https://uxdesign.cc/designing-with-claude-code-and-codex-cli-building-ai-driven-workflows-powered-by-code-connect-ui-f10c136ec11f Got some research themed resources for you 🤓 Workshopping UX Research with Stakeholders https://www.nngroup.com/articles/ux-research-workshops/ What Makes a Good UX Research Moderator? https://measuringu.com/what-makes-a-good-ux-research-moderator/ Accelerating insights: My dive into AI-moderated user interviews https://medium.com/athenahealth-design/accelerating-insights-my-dive-into-ai-moderated-user-interviews-17ccc6fbc81b Qualitative Inquiry Can Make Quantitative Work More Meaningful: But Which Comes First? https://quantuxblog.com/qualitative-inquiry-can-make-quantitative-work-more-meaningful-but-which-comes-first For those who is interested to learn more about Lottie animations (state machine) Yaamin shared this playlist: https://www.youtube.com/watch?v=4aUkC0lSbyg&list=PL5YboiW_RwK5VS1L7taE4qrO_BzORoFqH UI and motion resources Found this Navbar Design Inspiration Websites https://www.navbar.gallery/ Animation inspo https://loadmo.re/ (btw don’t forget to register for our masterclass on motion design with Lottie: https://luma.com/98v3hx0n) Animation tips - very good for basic interactions! https://emilkowal.ski/ui/7-practical-animation-tips A guide to creating accessible PDFs using free tools https://piccalil.li/blog/a-guide-to-creating-accessible-pdfs-using-free-tools/ Accessible Writing Techniques for Web Content https://www.a11y-collective.com/blog/accessible-writing/ Writing alt text with AI https://jaredcunha.com/blog/writing-alt-text-with-ai How to make transitions and hyperlapses in Freepik Ai Spaces Live https://www.youtube.com/live/eWk7jpoggX0 A quick roundup of fresh insights on design systems 👇 1. Nathan Curtis explores how Figma component properties can be simplified with the introduction of slots. Shows practical examples where components become much easier to use. https://nathanacurtis.substack.com/p/configuration-collapse 2. Nathan Curtis breaks down how slots in Figma components can fix common workarounds especially when components include conditional child elements (like lists or tabs). Slots allow you to add exactly the number of elements needed for each case. https://medium.com/@nathanacurtis/figma-slots-for-repeating-items-64b28e35f56a 3. Ben Callahan reflects on design system integrity. Why it matters, when it’s valuable, and when it can actually start harming a product ecosystem. https://bencallahan.com/how-design-systems-offer-creative-safety-for-product-teams 4. PJ Onori discusses the distributed model of maintaining a design system where teams across the company can contribute. Based on experience, this tends to work best in smaller teams. https://pjonori.blog/posts/design-system-contributions/ 5. IBM shows how designers can generate prototypes using AI while leveraging the Carbon design system. https://medium.com/design-ibm/the-prompt-is-the-prototype-how-structured-ai-prompting-is-reshaping-enterprise-design-b0c284549d76 6. Tool UI - A collection of design system components for AI interfaces built with shadcn/ui, Tailwind, and Radix. https://www.tool-ui.com/ 7.PixelPerfect lecture on Design Systems with our community member, Matteo, who will walk through the real process behind building and restructuring a huge design system: discovery, system audits, token structure, accessibility, and how components are documented for teams to actually use. https://luma.com/0ojzopav Some fresh resources on UI patterns & best practices 👇 1. Baymard Institute A Figma plugin powered by their AI-driven UX analyser, UX-Ray.

It compares your designs against patterns and best practices from their extensive research database. https://www.figma.com/community/plugin/1608088797036191266/ux-ray-by-baymard 2. Lazyweb A tool that helps you quickly analyse mobile app screens and user flows within a specific industry. It combines a classic pattern library with flexible AI-powered search. https://www.lazyweb.com/ 3. Victor Ayomipo A practical guide on the psychology and UX design behind streak-based motivation systems for users. https://www.smashingmagazine.com/2026/02/designing-streak-system-ux-psychology/ 4. NN/g A guide on designing useful notifications for smart home devices. These can be reactive, proactive, or optimisation-driven. https://www.nngroup.com/articles/smart-home-notifications/ 5. NN/g A collection of simple UI patterns used in AI chatbots that help users interact more effectively. For example, checkboxes and predefined options (like in Google and Claude). They may seem basic, but are very effective in the right context. https://www.nngroup.com/articles/genui-buttons-and-checkboxes/ розділи на кілька підбірок

Маю цікаву підбірку для вас) Трохи метрик по перформансу сайтів від 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