Почта без инбокса

NoMail — мобильный AI-ассистент для почты. Цель продукта не «удобнее открывать Gmail», а не открывать почтовое приложение вообще: входящие суммаризируются, важное всплывает первым, действие занимает один жест.

Фриланс, сжатый срок. Нужен был цельный MVP: не набор красивых экранов, а опыт, который можно провести руками и показать инвесторам. Визуальный язык спокойный и минимальный, с легкой игривостью — ближе к Arc, Linear и Notion, чем к классическим почтовым клиентам.

Рамка первой версии

• Нет традиционного инбокса и нет экрана написания письма
• Одно непрочитанное письмо — одна карточка, как Slack Catch Up
• AI расставляет порядок и ярлыки, в карточке — короткое саммари
• Ответ с помощью AI (Decide Response) — в бэклоге, не в этой поставке

Если оставить список писем «на всякий случай», продукт снова становится почтовым клиентом. Вся ставка — на стопку и жест.

До вайрфреймов собрал карту разделов. Иначе карточки рисуются в пустоту: непонятно, куда уходит свайп, где живет полное письмо и что остается за пределами главной стопки.

Узлы

1. Card stack — главный экран, непрочитанные по одному
2. Полное письмо — участники, тело, AI-саммари
3. Ответы — задел под AI-ответ, в V1 почти пустой
4. Профиль и настройки — аккаунт, уведомления, данные, тема, язык

От стопки расходятся жесты и тап. Настройки нужны, чтобы продукт выглядел законченным, но они не несут гипотезу — в разборе их не разворачиваю.

Карта архитектуры: карточки, письмо, ответы, профиль и настройки

Карта сразу показала дыру в брифе: «отписаться» свайпом вверх звучит как жест, но упирается в веб-подтверждение рассылок. Это ограничение зафиксировал до визуала.

На low-fi разложил переходы стрелками: первый запуск → стопка → свайп / тап / отмена / пустое состояние. Задача была не «нарисовать экраны», а проверить, что из каждого состояния есть понятный выход.

Этот слой согласовали с заказчиком до визуала. Спорить о цвете карточки, пока не ясно, что делает свайп влево, бессмысленно.

Вайрфреймы ключевых сценариев со связями между экранами

Главный экран — стопка непрочитанных. Сверху счетчик оставшихся, после действия — snackbar с отменой. Когда стопка кончается, empty state: вы разобрали почту.

На карточке: отправитель, время, тема, короткое превью и легкий ярлык вроде Newsletter или Important. Ярлыки не кликабельны — это подсказка AI, не фильтр.

	Действие
Свайп вправо	Прочитано / в архив
Свайп влево	Оставить непрочитанным / отложить
Тап по карточке	Полное письмо

Полное письмо — прокрутка: участники, тело, AI-саммари. В первой версии только чтение. Кнопка ответа с AI была в макете как задел, без рабочего сценария.

Карточная стопка: свайп вправо и влево

Полное письмо с участниками, текстом и AI-саммари

Почему не «отписаться» свайпом вверх

В брифе жест вверх обещал отписку. У большинства рассылок это страница в браузере, часто еще и логин. Жест тогда врет: человек думает, что письмо больше не придет, а система максимум открыла ссылку.

Эффектный жест бесполезен, если почтовый сервис его не подтверждает. Вверх оставил запасным — открыть письмо, а не притворяться отпиской.

После вайрфреймов собрал несколько концептов и зафиксировал направление: светлая нейтральная поверхность, крупная карточка на весь экран, минимум хрома. Знакомые iOS-паттерны — не эстетика ради эстетики, а ограничение для разработки: кастомные контролы на iOS часто стоят дороже, чем дают.

• Типографика и отступы — токены, не разовые кегли на экране
• Карточка, ярлык, snackbar, кнопки действий — один набор на стопку и на список
• Ховер и сложные жесты не имитировал на кадрах: это работа прототипа

Концепты и выбранное направление

Система появилась сразу после концепта, а не «потом наведем порядок». Иначе стопка, список и тред разъедутся за одну итерацию.

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

• Онбординг: что делает свайп вправо и влево, что можно отменить
• Стопка и пустое состояние
• Полное письмо с саммари
• Настройки аккаунта одним экраном — уведомления, данные, тема, язык

Онбординг и ключевые экраны

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

• Список писем и переключение категорий
• Индикатор стопки на карточке: синий, если это тред
• В списке — точки непрочитанных, как в Apple Mail
• Внутри треда: саммари сверху, оценка 👍 / 👎, вход с самого старого непрочитанного

Иконку стопки не делал отдельной кнопкой: она слишком мелкая. Вся карточка открывает тред, иконка только сигналит, что писем несколько.

Список по категориям и раскрытый тред

Показывать в карточке самое старое непрочитанное, а не последнее. Иначе человек отвечает на хвост переписки и теряет начало — так же устроены Slack Catch Up, Gmail и Apple Mail.

Собрал два прототипа с разными задачами. Figma — согласовать сценарии и передать в разработку. Play — провести продукт в руках, как настоящее приложение: жесты на телефоне в Figma ведут себя непредсказуемо.

Play позже закрылся. Живой артефакт — Figma: макеты, UI-kit и интерактивный прототип.

Сценарий в интерактивном прототипе

Что передали

• Карта разделов и вайрфреймы сценариев
• Визуальное направление, токены и компоненты
• Экраны MVP: онбординг, стопка, письмо, список, треды, настройки
• Интерактивный прототип для показа и разработки

После передачи попросили еще три экрана до логина, lock-screen notification и иконку переключения список / стопка. Это следующий заход, не дырка в том, что уже собрано. Метрик нет: гипотезу проверяли показом, не запуском.

1. Сначала карта и сценарии, потом визуал. Иначе стопка рисуется красиво и некуда свайпать.
2. Продукт — одно письмо и жест, а не еще один инбокс. Список появился позже и только как возврат, не как главный экран.
3. Эффектный жест бесполезен, если сервис его не подтверждает: отписка свайпом вверх обещала то, чего у рассылок нет.
4. Native-паттерны и два прототипа с разными задачами: согласовать в Figma и показать вживую. Второй сервис закрылся — поэтому основной артефакт должен жить в том, что не зависит от чужого приложения.