Кмітливий інтерфейс

Найбільш дотепна взаємодія, яку я бачив в інтерфейсах за останню вічність. Тап на відео-аватарку (!) користувача... показує її ближче через більшило. Жесть! (більшило це збільшувальне скло або лупа, але для чого нам вони, коли є більшило). #прикол

Блін, не в той канал запостив

Епл рухають іконку навушників ліворуч, під обкладинку, яка розкривається зліва направо. Так можна було не робити, але це створює природнє відчуття: більші відступи в великому віджеті «рухають» елементи всередині. #тончілово

Yet how you act when nobody’s looking, under stress, or during a crisis, is the ink over the outline of your behavior when things are good. 🔗 In a Crisis, You Must Overreact від професора з маркетингу в NYU Stern Скотта Гелловея.

Зробив окремий канал для цікавих матеріалів з мережі та посилань на власні дописи. Приходьте! 👇

При наведенні на кнопку Vercel показує, скільки та чого можна отримати при апгрейді на платну підписку. Одразу в контексті, коли дивишся на поточний usage. Просто, #наочно, та #кмітливо. Дизайнерам в B2B на олівчик ✏️

В Телеграмі, коли користувач змінює розташування тексту, поле з ним опиняється зверху. Красиве, економне та елегантне рішення: нуль доданих сутностей, а завдання вирішується. #кмітливо #наочно

Поки Bandcamp підвантажує нові дописи, нам показують чувачків, які танцюють верхній брейк: з поппінгом, локінгом та оцим всім. Час летить швидше, коли нудне роблять ненудним. #прикол Поділився Арс Фещенко 🐦

Вікна для встановлення застосунків на Mac — окреме поле для експериментів. У Raycast одна з найбільш креативних ідей, принаймні з того, що я бачив. Приємно, що рішення — в контексті: Raycast це така альтернатива нативному Spotlight-пошуку, і теж відкривається з клавіатури гарячими клавішами. #кайф

Діма Бойчук надіслав вже добре відомий, але кайфовий приклад роботи з динамічним островом. Фотографія красиво зливається з ним за допомогою фільтру goo (на честь якого називається gooey effect). Дуже контекстне та кмітливе рішення. Або, як сказав би ваш розробник, «+40 годин розробки або сторіпоінтів» 🤘

На сайті магазину канцелярії mishmash показують, як пишуть різні ручки. Дуже приємно, що показують папір не тільки з переднього, а й заднього боку. Проста, але робоча ідея — одразу уявляєш, як писатиме ручка.

Застосунок Dot, персональний ШІ-асистент (господи прости), збирає дату народження, мотивуючи подарунком-сюрпризом на день народження 🎁 Не найкраще, що я бачив, але точно краще, ніж просто питати чутливі дані без додаткових пояснень. #норм

Вечір понеділка. Провокую та дойобуюсь (з найкращих міркувань), про український дизайн: https://www.govorukhin.com/blog/ukrainian-design-is-about-the-future 🟦🟡

Усе геніальне — просте На macOS зʼявилась утиліта, яка спонукає очистити кошик, якщо в ньому давно лежить багато файлів Обожнюю

Знайшов класний дизайн в Арсенія з bird. І додати нічого, класний трюк 👇 (ні, це не реклама, Арсеній мій давній друг і він теж уважно підмічає прикольні штуки)

Написав про життєво-професійне кредо, від якого всім краще (так майже ніколи не буває): https://www.govorukhin.com/blog/dont-overthink-shit

Аня Ліщинська розповіла про досвід використання лікомату в АНЦ. Мені здалось, що його інтерфейс — не найсильніше місце. Вирішив докрутити його та подумати, як спростити отримання замовлення для відвідувачів аптеки, хоча куди вже простіше? Написав про це в блозі. З картинками та поясненнями. 🙂

Розкажу про одне кмітливе рішення, яке задизайнив для інтерфейсу тестера Зазвичай, на сторінках шрифтів можливо обрати розмір зі списку — це ледаче та нудно, але ок. Або ж можна ввести будь-яке значення — з маленьким кеглем нічого не видно, з дуже великим все ламається. Я не хотів забирати можливість вводити з клавіатури цифрами або стрілочками, і тому: • підібрав діапазон розміру, який нормально вміщується в екран • зробив його адаптивним: на телефоні 96 кегль все зламає, тому там він зменшується Якщо користувач вводить значення менше мінімального або більше максимального — поле не дає тобі цього зробити, киває головою та підставляє найближче доступне значення, з яким текст виглядає гарно. Така от дрібничка. 😉

Зібрав сторінку про Road UI на своєму сайті. Що там цікавого? • Великі красиві картинки з використанням шрифту, яких немає на GitHub • Всі доступні накреслення • 🔥Головне: тестер, в якому можна набрати свій текст, обрати розмір, накреслення та нахил Якщо ви взял Road UI собі в робочий проєкт — напишіть мені, коли запустите з ним щось, а я додам вас в почесний hall of fame на сторінці. 😉