Витринная подача канона V3-минимализма. Источник текста — v3-minimalism-guide.md; при расхождении правит канон.
Вычитаем шум (рамки, тени, разделители, повторы, декор-иконки), не смысл. Критерий: «без элемента понятность сохраняется/растёт?» — если падает, остаётся.
Размером, насыщенностью, положением, воздухом; не линиями и плашками.
Негативное пространство группирует и направляет; служит контенту, не «чистоте».
Мало ступеней размера, выверенные интервалы; типографика заменяет декор.
Одна задача, один очевидный следующий шаг; вторичное тише, но доступно.
Нейтральная база, бирюза точечно (действие/состояние/точка); «акцентно всё» = «не акцентно ничто».
Сначала суть, детали по запросу; свёрнутый слой понятен сам по себе.
Объясняет переходы, быстрая, функциональная; не украшение.
Финальный фильтр: стало понятнее/лучше — или просто меньше?
Причина отклонения первой попытки V3 — криптоплитки: «навык / регулярность / путь / норма».
«Поймёт ли пользователь смысл КАЖДОГО элемента без объяснения, и стало ли понятнее, чем было?»
Настоящий минимализм: меньше элементов, столько же или больше понятности.
Следовать дословно.
| МОЖНО убирать (шум) | НЕЛЬЗЯ (смысл) |
|---|---|
| Обрамление (рамки / тени / разделители / плашки) | Суть вопроса / действия |
| Дубли | Понятность каждого элемента |
| Длинноты → короче (не криптично) | Контекст, снимающий неоднозначность |
| Декор-иконки | Безопасность / Tier-1 (показывать явно) |
| Редкие опции → в раскрытие / позже | Аффорданс |
| Глубину (обоснования / тренды) → за тап | Видимый следующий шаг |
Один фокус (плеер) + крупный заголовок-обещание + одна кнопка; под видео одна строка сути.
Вопрос = крупный заголовок; варианты — сдержанные карточки с подписью, тап ≥44; выбранное — бирюза; подписи концов шкалы словами, не иконками.
Формулировка словами что включается; вкл/выкл явно (цвет+позиция); Tier-1 явно, не прятать.
Одно доминирующее (результат крупно), вторичное тише; каждый факт — фразой, не плиткой; детали за тап.
Одна мысль крупно + один воздух + одна кнопка; тёплая фраза Sona; мягкий переход.
.screen-anchor размером --fs-h2 — умеренный заголовок-ориентир «где я нахожусь», а не доминанта экрана.--fs-display зарезервирован за «главной мыслью» экрана — единственный смысловой пик (вопрос опросника, результат, ключевой тезис моста). Служебное имя экрана его не занимает.--fs-display: имя экрана и главная мысль не конкурируют размером.Меньше шума, та же/большая понятность, один фокус, бирюза только как акцент-смысл, каждый элемент проходит тест «понятен без объяснения». Любой «нет» — фикс до показа DK.
Конкретика к Частям A–B: реальные экраны лидеров healthtech/wellness, примеры «хорошо/плохо» по нашим типам экранов и worked-разбор переделки «На что настроиться».
| Приложение | Экран / паттерн | Что на экране | Почему стильный минимализм | Источник |
|---|---|---|---|---|
| Oura | Today-таб | 3 крупных числа (Sleep/Readiness/Activity) сверху + одна карточка-инсайт «daily highlight» + Timeline | Голой цифры нет: под числом baseline + «top contributors» за разворотом | ouraring.com/blog/new-oura-app-experience |
| Oura | Vitals-таб | Список метрик, у каждой baseline + разворот деталей по стрелке | Один экран = одна функция; глубина под тапом | liveworksleep.com/oura-app-features |
| WHOOP | Recovery | Тёмная панель; главный сигнал — цвет Recovery (зел/жёлт/красн) | «Тихий» минимализм: нет нагов/анимаций, pull-модель | vertu.com/guides/whoop-vs-oura |
| Apple Watch | Кольца Activity | 3 кольца Move/Exercise/Stand | Анти-референс: чисто, но давит (награды, толкает) — контраст pull-модели | medium.com/design-bootcamp |
| Headspace | Онбординг | Минимум текста, щедрый воздух, крупная иллюстрация-персонаж | «Каждый цвет/форма намеренны»; −38% отвала через снятие трения | raw.studio/blog/how-headspace-designs-for-mindfulness |
| Headspace | Урок-экраны | Округлые персонажи, сплошные цвета, метафоры (пар/звёзды) | Тепло через форму, не декор | uiland.design/screens/headspace |
| Balance | Home + плеер | Одна следующая сессия крупно; в плеере контролы исчезают | Одна сущность/экран + воздух + цветокод типов | onno.studio/Balance-Meditation-App-Design |
| Levels | Zone Review | Один Zone Score 1–10 крупно как вердикт | Сложная биометрия свёрнута в одну оценку | support.levels.com/article/32-zone-scores |
| Flo | Дизайн-система | 14 типо-стилей, мало тинтов, семантические токены | Минимализм системный — дисциплина палитры | medium.com/flo-health/flo-design-system-part-1 |
| Noom | Опросник-слайдеры | Слайдер между двумя словесными якорями, тонкий сдвиг фона | Шкала без чисел: 2 якоря + визуальная обратная связь | revenuecat.com — Noom teardown |
| Noom | Экран-итог | Дата цели крупно + «We've helped 3,627,436» + график траектории | Одна доминанта + число-доверие + график-переформулировка | revenuecat.com — Noom teardown |
| Noom | Интерстициал | «Calculating your plan» = пауза + обучающий факт; «That's an important first step» | Переходный экран несёт смысл, не спиннер | revenuecat.com — Noom teardown |
Один фокус-плеер: крупный заголовок-обещание (≈1.7× body) → плеер во всю ширину → одна строка сути тише → одна кнопка «Дальше» бирюзой.
Под видео список «что узнаете» + таймкоды + соц-доказательство (фокус размыт).
Вопрос = крупный заголовок; шкала со словесными якорями («Совсем не беспокоит» … «Невыносимо»), размечать больше точек (не только концы), выбранное — бирюза, «Вопрос 4 из 10», под чувствительным — строка-причина.
Голая 0–10 только с краями + 3 вопроса на экране + регистрация до прохождения.
Строка-смысл словами («Напоминания о практике вечером») + тоггл, вкл = бирюза+позиция; Tier-1 явно; вся карточка тап ≥44px.
Однословные ярлыки-тогглы («Звук»/«Путь»/«Норма») + плоский серый тоггл (flat-ловушка).
Одна доминирующая метрика 2–3× крупнее (правило 40-30-20-10: 40% — главное крупно, 30% — 2-3 вторичных, 20% — тренд, 10% — навигация); плотность 3:1 (глаз тянется туда, где плотно); каждый факт фразой, детали за тап (как Oura).
4–6 равновеликих плиток-метрик в сетке без доминанты.
Одна мысль крупно + воздух + одна кнопка + тёплая фраза Sona; при расчёте — пауза + обучающий факт (Noom).
Голый спиннер ИЛИ плотный абзац в три мысли на «переходном» экране.
4 факта схлопнули в криптоплитки — ребус, смысл утрачен, каждый элемент непонятен без объяснения (провал теста Части A).
Это путь, а не кнопка.Облегчение приходит как навык — от практики, не от одного сеанса.
Главная мысль — ≈1.8–2.0× body, верхний якорь, ~40% высоты + воздух. Факты — живыми фразами, вертикальный stack, 1.0–1.1× body, macro-воздух 24–28px между ними, без рамок/разделителей, бирюзовый маркер-точка слева (единственный акцент). Внизу — одна кнопка «Я готов начать» бирюзой.
Только главная мысль крупно + строка-ссылка «Что меня ждёт →», за тапом — те же 4 факта (раскрытие глубины, не сути; свёрнутый слой понятен сам по себе).
Элементов меньше (ушли рамки/плашки/декор), понятность та же/выше — каждый факт читается без расшифровки; иерархия размером и воздухом, не линиями (как Oura Today); «голого ярлыка не бывает», как «голой цифры не бывает» у Oura/Levels; бирюза только акцентом. Это «less but better»: убрали шум подачи, сохранили все 4 смысла.