Tally试用演示
作品细节
晨间视图。
四项 KPI、一张分标签的表格，以及不动声色却能呈现趋势的迷你走势图。
概述
Tally 是一款面向创始人的仪表盘概念：早上第一杯咖啡时打开的那一屏，用来判断业务是否健康。它不是满墙的图表，而是一目了然、从容不迫的阅读。
项目需求
- 问题
- 早期仪表盘回答的是容易查询的问题，而不是创始人真正关心的问题。
- 限制
- 在写下任何代码之前，就必须能拿给用户测试。
- 方案
- 围绕四个晨间问题搭建的可点击原型，每一种状态都经过设计。
大多数早期仪表盘由工程师搭建，解决的是“什么容易查询”。Tally 反其道而行：从创始人早上八点真正会问的问题出发——我们在增长吗？有没有人在流失？昨天发生了什么变化？今天有什么需要我处理？
顶部横排四张 KPI 卡片，每张都配有迷你走势图和真实的变化值。下方是一条标签栏——今天 / 本周 / 本月——切换时页面无需重新加载。再往下是一张表格：最近十条事件，可排序；没有数据时，会呈现一个从容的空状态。
原型可以从头到尾完整点击。筛选器可用，标签能切换内容，空状态经过专门设计而非被略过，加载骨架屏与最终布局完全一致——数据就位时不会跳动。
关于此概念项目
这是为虚构客户打造的概念项目，用以展示我们在客户合作中遵循的流程与标准。
方法
从容、真实、可测试。
问题先于图表
每个界面都回答一个创始人真正问出口的问题。回答不了问题的，就不放上屏幕。
先设计空状态
在理想路径之前，先设计好空状态、加载状态和错误状态。平淡无奇的日子，才是大多数日子。
能点击，胜过好看
原型完整走通三条真实流程。相关方直接动手点击，而不是眯着眼看一帧帧静态画面。
包含内容
已为用户测试准备就绪。
数据以概念项目需求为准。
界面
18个高保真界面
首页、下钻页、设置页以及三条主要流程——全部按可交付开发的保真度设计。
流程
3条可点击流程
新用户注册、流失排查、每周摘要。每一条都是贯穿原型的真实路径。
状态
空状态、加载与错误
每个界面、每种状态。骨架屏与最终布局一致，数据到达时不会跳动。
交付
设计令牌与规格说明
设计令牌、组件变体和逐屏标注，可直接交给工程团队。
工具
- Figma
- Variables
- Auto Layout
- 原型
- Tokens Studio