Від інтерфейсів до власного пристрою: навіщо я створюю Clutch
Я UI/UX-дизайнер із Києва. Із Codex створюю фізичний продукт, який хочу продавати готовим і відкрити для самостійного складання. Перша історія Clutch.DIY.
Привіт, я Саша, UI/UX-дизайнер із Києва. Я створюю Clutch.DIY — невеликий настільний пристрій для важливих сповіщень і щоденної інформації. Через цей проєкт хочу пройти весь шлях продуктового дизайну: від потреби людини до речі, яку можна взяти в руки, налаштувати й використовувати щодня.
Чому я взявся за власний пристрій
У роботі над інтерфейсами я звик думати про сценарії, зрозумілість і деталі взаємодії. Із Clutch ці питання стали фізичними. Де пристрій стоятиме? Чи видно екран одним поглядом? Як він приверне увагу, коли людина зайнята? Чи не заважатиме світло вночі? Що відчуваєш, коли торкаєшся регулятора яскравості?
Моя мета має три складові. Вирости як дизайнер, відповідаючи за продукт цілком. Створити корисний пристрій, який згодом можна буде продавати зібраним. І підготувати відкриті матеріали для тих, хто захоче скласти власний Clutch.
Користь під час тривоги й у звичайний день
Для людей в Україні інформація про повітряні тривоги — частина повсякденного життя. Я хочу дати їй окреме, зрозуміле місце вдома або на робочому столі. Клатч показує стан на екрані, а разом із сумісними лампами Philips Hue та голосовими повідомленнями на Mac може залучати ще світло і звук.
Тут багато продуктових рішень: які сигнали дозволити, як налаштувати їх під людину, як повернути лампи до попереднього стану після сповіщення. У поточному прототипі спільні сценарії екрана, голосу на Mac і п’яти ламп Hue вже пройшли контрольовані перевірки. Тривалішу роботу й надійність продовжую перевіряти.
Коли тривоги немає, пристрій залишається корисним. На ньому є годинник, погода, нагадування та віджети: наприклад, показники кімнати з Netatmo, стан зарядної станції EcoFlow або статистика використання Codex. Набір залежить від підключених сервісів; для частини інтеграцій і голосу потрібен увімкнений Mac.
Клатч доповнює офіційні сповіщення про тривоги. Отримання мережевих даних залежить від джерел і з’єднання; я враховую ці обмеження в роботі над продуктом.
Як у цьому допомагає Codex
Clutch об’єднав корпус, електроніку, прошивку, нативний застосунок для Mac і сайт. Codex допомагає мені реалізовувати рішення, розбирати помилки та готувати перевірки в різних частинах цієї системи. Я визначаю сценарії, дизайн і бажану поведінку, перевіряю пристрій руками та вирішую, чи результат відповідає задуму.
Наш робочий цикл простий: описати потрібну поведінку, зробити зміну з Codex, перевірити її, повернутися з конкретним спостереженням. У фізичному продукті між успішною збіркою коду та зручним результатом часто є ще кілька ітерацій.
Один маленький регулятор
Наприклад, регулятор яскравості вже виглядав правильно, але під пальцем значення змінювалося занадто різко. Мені хотілося зберегти швидку реакцію й водночас отримати більше контролю. Разом із Codex ми зменшили чутливість на чверть, перевірили рух в обидва боки, крайні значення та відсутність стрибка при дотику. Після встановлення я перевірив відчуття на справжньому пристрої.
Для мене це хороший приклад продуктового дизайну: сформулювати відчуття, перетворити його на поведінку й повернутися до фізичної перевірки.
Купити готовий або скласти власний
Я хочу, щоб у Clutch було два шляхи. Людина зможе купити зібраний пристрій. А той, кому цікаво зробити його самостійно, зможе придбати відповідні компоненти, надрукувати корпус на своєму 3D-принтері та скористатися моїми матеріалами.
Основа нинішнього прототипу — плата з AMOLED-дисплеєм LilyGO T4-S3, акумуляторне живлення, модуль вимірювання струму й енергії та власний корпус. Для DIY-версії планую опублікувати перевірений список компонентів, схему підключення, файли корпусу, код та покрокову інструкцію зі складання й налаштування.
Це напрямок роботи: готовий комплект відкритих матеріалів ще не опублікований. Спочатку потрібно узгодити компоненти, перевірити відтворюваність складання та підготувати матеріали з чіткими умовами використання. Хочу, щоб інша людина могла пройти цей шлях і зрозуміти, що саме вона збирає.
Де проєкт зараз
У мене вже є фізичний прототип із надрукованим корпусом, прошивка, Mac-застосунок і цей сайт. Далі — перевірки тривалої роботи, живлення, підключення та підготовка продукту до використання іншими людьми. Серійні продажі й публічний DIY-комплект ще попереду.
Цим дописом починаю відкритий щоденник Clutch. Тут будуть конкретні рішення, невдалі спроби, перевірки та результати. Короткі історії й прогрес планую показувати в особистому Instagram @mr.cnnbs, а докладні розбори залишатиму в цьому блозі.
Мені хочеться, щоб цей досвід допоміг іншим дизайнерам і людям із власними ідеями почати будувати з Codex та навчитися перевіряти результат. Наступним розбором планую показати шлях одного сповіщення: від стану на екрані до світла, голосу й повернення у звичайний режим.
Познайомитися з Clutch та його інтерактивною демонстрацією →