дизайнгост лаборатория · 06.10.2026

/лаборатория · железо и интерфейсы

дизайнгост OS: карманный пейджер мастерской

Взяли компьютер размером с визитницу, дали ему экран 240×135, клавиатуру из 56 кнопок — и научили следить за заявками, играть радио и вовремя пищать. Рассказываем, как это устроено и почему маленький экран — самый строгий арт-директор.

M5 Cardputer ESP32-S3 10 минут чтения
включениедизайнгост OS
0× 135 точек — весь экран
0клавиш, и все при деле
0КБ памяти на всё про всё
0радиостанции в кармане
0секунды — и снова в сети
0сборок прошивки

01 · зачем

Чтобы заявки не тонули во вкладках

У мастерской три потока: финалисты присылают презентации и записываются на консультации, клиенты оставляют заявки на сайте, а в рабочем контуре появляются задачи. Всё это жило в браузере — то есть в двадцать восьмой вкладке.

Хотелось одну вещь на столе, которая молча лежит, пока всё спокойно, и аккуратно привлекает внимание, когда что-то пришло. Пейджер, только из двадцать первого века и с хорошей типографикой.

Экран «Заявки»: две новые заявки с оранжевыми точками и одна прочитанная

02 · как это работает

Сервер собирает, Cardputer показывает

Небольшой домашний сервис раз в полминуты сводит всё в один лёгкий ответ: заявки, расписание консультаций, здоровье сайта, нагрузку сервера и что играет в эфире. Cardputer забирает его по Wi‑Fi в фоне — интерфейс в это время не замирает ни на кадр. А когда вы читаете заявку, отметка «прочитано» уходит обратно, и с другой стороны её тоже видно.

Финалистыфайлы и записи Заявки с сайтаформа на сайте Задачирабочий контур Сервис данныхсводка раз в 30 с Cardputerэкран · сигнал · свет Wi‑Fi
Финалистыфайлы Сайтзаявки Задачиконтур Сервис данныхсводка раз в 30 с Cardputerэкран · сигнал · свет Wi‑Fi
данные: заявки, расписание, мониторингобратно: «прочитано»
Баннер новой заявки поверх домашнего экрана

03 · пейджер

Новая заявка? Цыплёнок пискнет

Мы не стали брать стандартный «бип». Сигнал синтезируется прямо на устройстве: три коротких «пи» с подъёмом и спадом тона, каждое чуть выше или ниже, с лёгкой дрожью голоса. Звучит поверх радио и не перебивает его. Заодно трижды вспыхивает светодиод, а на экране появляется баннер — Enter открывает именно эту заявку.

Если не прочитали — светодиод тихонько мигает раз в 15 секунд, а цыплёнок напоминает о себе с выбранным интервалом. Старые непрочитанные через трое суток сами перестают считаться новыми: пейджер про сейчас, а не про архив.

тот же алгоритм, что в прошивке

04 · интерфейс

240 × 135 — самый строгий арт-директор

Первая версия честно пыталась показать всё сразу: шесть вкладок, шесть строк, подсказки мелким серым. На таком экране это превращается в кашу. Вторую мы собрали по правилам, которые работают у пейджеров, часов и Playdate:

  1. Одна задача на экран.Домашний экран → список → карточка. Клавиша esc всегда делает шаг назад.
  2. Не больше трёх строк.Каждая — в две линии: кто и что случилось. Остальное — прокруткой.
  3. Два кегля.12 и 15 пикселей Golos UI со сглаживанием. Мелкий 10 — только для подписей клавиш.
  4. Ничего не обрезается.Длинное у выбранной строки бежит бегущей строкой, а полностью — в карточке.
  5. Внизу всегда подсказка.До трёх действий: какая клавиша что сделает прямо сейчас.
Домашний экран: шесть плиток — Заявки, Календарь, Встречи, Радио, Система, Код — с живым состоянием в каждой

05 · экраны

Что внутри

Карточка заявки с сайта
Карточка заявкиВсё целиком: откуда, когда, что хотят. U — пометить новой.
Расписание консультаций на день
РасписаниеДни переключаются [ ], под датой — точки: какой день из скольких.
Участники слота со статусами
Слот целикомКто придёт и насколько готов: зелёный, жёлтый, красный — и словом.
Очередь консультаций
ВстречиОчередь консультаций и «через сколько» — чтобы не смотреть на часы.
Мониторинг сайта: время ответа за полчаса
СистемаСайт и сервер: время ответа за полчаса, сбой — красным и словом.
Настройки звука: ползунки и переключатель
НастройкиДва шага: раздел, затем пункт. Ползунки и тумблеры — стрелками.
Экран подсказки по клавишам
КлавишиШпаргалка на одном экране — H из любого места.
Экран блокировки с большими часами
БлокировкаКнопка G0 сбоку: часы, замок, а радио и заявки работают дальше.

06 · радио

33 станции и NTS в прямом эфире

Раз уж в Cardputer есть динамик — грех не включить музыку. Лондонский NTS, джаз из Швейцарии, Радио Paradise и родное FM — в трёх группах. Список → Enter → плеер: станция крупно, что сейчас в эфире, живой уровень звука. Стрелками — соседняя станция, без возврата в меню.

NTS вещает только по защищённому протоколу, а маленькому процессору без лишней памяти это не по силам. Поэтому поток переупаковывает домашний сервис, а Cardputer получает его в привычном виде.

Плеер радио: станция NTS 2 в эфире, столбики уровня звука

07 · за кадром

Три инженерные истории

Самое интересное в маленьком железе — не то, что получилось сразу, а то, что сначала не получилось.

память

Радио молчало, потому что кончилась память

648байт свободно

Столько оставалось в худший момент. Холст экрана и буферы радио съедают больше половины, а при обновлении данных в памяти жили две копии ответа сервера. Теперь старая копия освобождается сразу, прошивка берёт из ответа только то, что рисует, а сам ответ похудел с 17,6 до 9,8 КБ.

куда уходят 320 КБ — сейчас

сеть

Роутер говорил «клиент уходит». Клиент никуда не уходил

Встроенное переподключение стучалось в сеть вслепую, и роутер отвечал кодом 36 — по 13 раз подряд. Теперь Cardputer сначала быстро ищет сеть, подключается к самой сильной точке с её каналом, а после обрыва возвращается прямо в неё.

после включения, было
25 с
после включения, стало
9 с
после обрыва, было
9 с
после обрыва, стало
3 с

батарея

Почему 50% батареи — это не половина напряжения

Контроллера питания у Cardputer нет — только напряжение. Библиотека переводила его в проценты по прямой, а литиевая батарея живёт по кривой: половина ёмкости — на плато 3,7–3,9 В. Подвигайте ползунок.

по прямой63%
дизайнгост OS52%

08 · что дальше

Маленький экран учит большому

Самый полезный побочный эффект — дисциплина. Когда на экран влезает три строки, приходится решать, что действительно важно. Эти же правила мы теперь проверяем и на больших интерфейсах: в кабинете консультаций, в рабочем контуре, на этом сайте.

Дальше — режим ожидания, который неделями живёт от батареи, и, может быть, игра. Клавиатура же есть.

Прошивку и сервис данных я писал в паре с нейросетью. Как так работать на своих задачах — рассказываю на курсе «Нейросети в работе».

← На главную

Список радиостанций группы NTS