Дизайн интерфейсовКонцепт
Tally — Дашборд основателя
Кликабельный прототип дашборда — спокойные состояния, настоящие таблицы данных и сценарий, готовый к тестированию.
Изнутри
Утренний экран.
Четыре KPI, таблица с вкладками и спарклайны, которые показывают тренд, не крича о нём.
Обзор
Tally — концепт дашборда для основателя: тот самый экран, который вы открываете за первой утренней чашкой кофе, чтобы понять, здоров ли бизнес. Не стена графиков, а спокойная сводка.
Бриф
- Проблема
- Ранние дашборды отвечают на то, что легко запросить, а не на то, о чём спрашивает основатель.
- Ограничение
- Его нужно протестировать с пользователями ещё до первой строки кода.
- Решение
- Кликабельный прототип, построенный на четырёх утренних вопросах, где продумано каждое состояние.
Большинство дашбордов на ранней стадии собирают инженеры, отталкиваясь от того, что проще запросить из базы. Tally построен наоборот — от вопросов, которые основатель действительно задаёт в 8 утра: растём ли мы, теряем ли кого-то, что изменилось вчера, что требует моего внимания сегодня.
Сверху четыре KPI-карточки, у каждой — спарклайн и реальная динамика. Под ними — вкладки «Сегодня / Неделя / Месяц», которые не перезагружают страницу. Ниже — таблица: десять последних событий, с сортировкой и спокойным пустым состоянием, когда читать нечего.
Прототип кликабелен от начала до конца. Фильтры работают, вкладки меняют содержимое, пустые состояния продуманы, а не пропущены, а скелетоны загрузки совпадают с финальной вёрсткой — ничего не прыгает, когда всё встаёт на место.
Об этом концепте
Это концепт-проект для вымышленного клиента. Он показывает процесс и стандарт качества, с которыми мы подходим к клиентским проектам.
Подход
Спокойный, настоящий, проверяемый.
Вопросы, а не графики
Каждый блок отвечает на вопрос, который основатель задал вслух. Всё, что не отвечает, на экран не попадает.
Сначала пустые состояния
Пустые состояния, загрузку и ошибки мы спроектировали раньше идеального сценария. Скучные дни — это большинство дней.
Кликабельно, а не красиво
Прототип проводит через три реальных сценария от начала до конца. Стейкхолдеры кликают, а не щурятся на статичные макеты.
В составе
Готов к тестам с пользователями.
Цифры относятся к брифу концепта.
Экраны
18hi-fi экранов
Главная, детализация, настройки и три основных сценария — с точностью, готовой к передаче в разработку.
Сценарии
3кликабельных сценария
Новая регистрация, разбор оттока, еженедельная сводка. Каждый — реальный путь по прототипу.
Состояния
Пустое, загрузка, ошибка
Каждый блок, каждое состояние. Скелетоны повторяют финальную вёрстку, поэтому ничего не прыгает, когда приходят данные.
Передача
Токены и спецификации
Дизайн-токены, варианты компонентов и редлайны для каждого экрана — всё готово для разработки.
Инструменты
- Figma
- Variables
- Auto Layout
- Прототип
- Tokens Studio
Попробуйте сами
Рабочий продукт, а не картинка.
Откройте демо и пользуйтесь им так, как это делал бы гость или клиент. Работает каждое касание и каждая вкладка.