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

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

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

Скоріш за все, ви подумали про це

1. Закон близькості (Gestalt Law of Proximity)
Мозок автоматично групує близькі елементи як пов'язані. Це фундамент принципу — просторова близькість = смислова спорідненість.

2. Контекстуальне розміщення дій
Кнопки та контролі мають розташовуватись поруч з тим об'єктом, на який вони впливають. Наприклад, кнопка "Видалити картку" — безпосередньо на картці, а не у глобальному меню.

3. Мінімізація когнітивного навантаження
Користувач не має "шукати очима" пов'язані елементи. Що менша відстань між тригером і результатом — то менше зусиль потрібно для розуміння.

4. Inline-feedback
Помилки, підказки та підтвердження показуються одразу поруч з відповідним полем або дією — не у верхньому банері, не в окремому попапі.

5. Просторова ієрархія
Відстань між елементами кодує рівень зв'язку: дуже близько = сильний зв'язок, далі = слабший. Наприклад, label ближче до свого input, ніж до сусіднього.

6. Прогресивне розкриття в контексті
Додаткові опції з'являються саме там, де виникає потреба — не переносять користувача на іншу сторінку, а розгортаються поруч (dropdown, inline expansion).

7. Grouping через whitespace
Пробіл використовується як розділювач, а не лише як декор. Менший відступ всередині групи, більший — між групами. Це дає структуру без зайвих ліній і рамок.

Але я хочу дати більше сучасних прикладів застосування)

Ти коли-небудь замовляв піцу з самовивзом і не розумів — з якого ресторану замовити? Відкривав додаток, бачив список із п'яти локацій, і... йшов у Google Maps окремо перевіряти, яка з них ближча. Я — так. І це дивно. Бо додаток про доставку їжі не відповів на найпростіше питання: наскільки далеко ця локація від мене?

Більшість застосунків показують де щось знаходиться. Але не показують — наскільки це близько до твого реального життя. Є різниця між "2 кілометри" і "7 хвилин пішки". Людина думає не координатами — вона думає зусиллями. Часом. Зручністю.

Це і є Contextual Proximity. Не пін на карті — а контекст. "Відкрито зараз", "5 хвилин на машині", "є паркінг поруч". Інформація, яка відповідає не на питання де? — а на питання чи варто?

Повернімось до піци. Ти відкриваєш застосунок. Замість списку ресторанів із зірочками і цінами — уяви, що бачиш ось це:
"Domino's — 6 хвилин. Їжа буде гарячою."
"Local Pizza — 22 хвилини. Зараз годину пік."
Жодної карти. Жодного перемикання між додатками. Просто одна цифра, яка відповідає на реальне питання. І ти одразу знаєш що обрати.Більше того — такий застосунок міг би враховувати трафік у реальному часі, час приготування, навіть погоду. "Сьогодні дощ — рекомендуємо заздалегідь." Це вже не карта. Це — контекст твого моменту.

Це не тільки про піцу.
🏠 Нерухомість — замість "вулиця Городоцька" — "8 хвилин до твого офісу, 3 хвилини до парку, є кав'ярня навпроти."
🏥 Медицина — "Найближчий вільний лікар — 12 хвилин від тебе. Прийом через годину."
🛒 Рітейл і самовивіз — "Цей пункт видачі — по дорозі з роботи додому. Відкритий до 21:00."
🏋️ Фітнес — "Є вільне місце на йогу о 19:00, залу 9 хвилин від тебе."
У кожному з цих випадків — та сама ідея. Людина не запитує де. Вона запитує: чи вписується це в моє життя?

Наступна хвиля location-based продуктів — це не про точніші карти. Це про те, щоб зрозуміти людину: її маршрут, її час, її пріоритети. І дати відповідь не в кілометрах — а в зусиллях.
Питання до тебе: який застосунок, яким ти користуєшся щодня, найбільше програє саме через це?

Хочу вам розказати одну історію

Більшість людей, яких я знаю (і я сама інколи), живуть у цьому режимі: “ще не готово”. Ще трохи допиляти, ще трошки покращити — і тоді вже покажу. Але правда в тому, що цей момент “готово” майже ніколи не настає. Ми просто відкладаємо момент, коли нас реально оцінять.

Розкажу вам історію про Fireflies.ai — зараз це компанія на ~$1 млрд.
Але на старті не було ніякого AI. Вони продавали “ШІ, який робить нотатки на дзвінках” за $100/місяць… і просто самі підключались на ці дзвінки, мовчки сиділи і писали нотатки вручну. Без продукту, без коду — тільки дія і перевірка, чи люди взагалі готові за це платити.

І це після 6 провалених ідей. Різниця не в тому, що вони одразу зробили щось геніальне. Різниця в тому, що вони не чекали ідеалу. Вони робили мінімум, продавали, отримували фідбек і рухались далі. І лише коли побачили реальний попит — почали автоматизувати.

Тому питання, яке я зараз собі теж ставлю:
що ти зараз “допилюєш”…
замість того, щоб просто почати показувати людям і збирати первинні фітбеки? 👀

На днях я вам розказувала про інструмент прототипування Base44. А знаєте ви як він створювався? І що його створила лише одна людина?

Маор Шломо. Ізраїль. Кінець 2024 року. Він щойно повернувся зі служби в армії — і замість відпочинку почав просто тинькати з ідеєю. Без команди, без інвестицій і без чіткого плану куди це все веде.
Продукт постійно ламався, і Маор це чудово знав. Але замість того, щоб сидіти і чекати поки "буде готово" — він оновлював продукт по 13 разів на день. Рухався маленикими кроками, але швидко, і без жодного перфекціонізму.

За 6 місяців такої роботи — 300 000 користувачів і $3.5M ARR. А у червні 2025 Wix купив Base44 за $80 мільйонів готівкою. Один чоловік і ноутбук — без жодного ідеального моменту, тільки постійна дія і фідбек.

Як каже Іван Багряний в Тигроловах — сміливі завжди мають щастя. Але я б додала: сміливі — це не ті, хто не бояться. Це ті, хто запускають навіть тоді, коли страшно і криво.

А ось ще одна історія, яка мене надихає.
Бхану Теджа був звичайним розробником, який пропрацював на роботі лише 8 місяців — і зрозумів, що це не те, чим він хоче займатися все життя. Він звільнився, переїхав назад до батьків, щоб зекономити на житлі, і почав будувати продукти. Більшість з них не злетіли — але кожен навчив його чогось нового.

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

Бхану точно не чекав ідеального моменту, щоб почати. 👀

Ще одна історія, яка мені дуже відгукується — і вона наша, українська.

Є такий хлопець — Павло Пікулін. У 15 років він написав систему розпізнавання номерів і на повному серйозі пішов продавати її державі. Йому було 16 — і, очевидно, нічого не вийшло. Здавалося б, можна було сказати “окей, не моє”. Але він просто пішов далі: почав робити мобільні ігри і до 25 років заробив свій перший мільйон.

І потім такий: “а може, все ж роботи?”
У 2018 вкладає $1 млн власних грошей і запускає Deus Robotics. Перші прототипи - псували паркет 😄
Ринок будівництва, ще не зовсім готовий до таких змін. І от тут дуже показовий момент — він не впирався в ідею “до кінця”. Просто розвернувся в іншу нішу — складську логістику.

Першою повірила Нова пошта і вони почали співпрацю. Після повномаштабного вторгнення команда евакуює обладнання в Мукачево і продовжує працювати.
Сьогодні серед клієнтів Deus Robotics — британський логістичний гігант DPD. Оцінка компанії — $20 млн. Загальні інвестиції — $6.6 млн.

А ось — моя улюблена українська історія (остання на согодні).
Валентин Фречка виріс у селі Сокирниця на Закарпатті. У 16 років під час походу в Карпати він дивився на опале листя під ногами і думав: а що, якби це була сировина для паперу, а не відходи, які спалюють? Додому він прийшов і почав варити листя на кухні. Дробив у блендері. Розкочував вручну на тонкі листи. Сушив. І так — знову і знову, щовечора в шкільній лабораторії — поки не отримав папір, який реально працює.

У 17 років він повіз цей проєкт на міжнародну Олімпіаду геніїв у США — і виграв золото. На старті у справу йшли призові з конкурсів і донати. Про світ інвестицій він не знав нічого. Перші продажі — 1.5 тонни пакетів — розлетілись за два тижні.

Сьогодні Валентину 23. Його компанія Releaf Paper отримала грант від Єврокомісії на €2.5 млн, відкрила завод у Парижі, а серед клієнтів — L'Oréal, Samsung, Schneider Electric.
Він не чекав диплому. Не чекав потрібного віку. Не чекав офісу чи інвестора. Просто варив листя на кухні і дивився, що вийде. Тому, я так сильно люблю процес і експеременти.