各位懂设计的老哥进来帮个忙——手机端首页三选一

发布于

上周在这发过一次 [链接](https://v2ex.com/t/1228101),叫 octo,一个开源的 AI Agent(Go 写的,单二进制,自己接 API key,模型随便换)。这次不聊功能,想请大家帮个具体的忙——选个设计。

octo 这名字来自 octopus(章鱼),开始做的时候就想好了:八条腿 = 八个接入界面,同一个 octo serve 起来,所有界面连的都是同一个跑在你真机上的 agent 本体:

- 终端(CLI/TUI)
- SDK
- Web
- IM(TG、飞书这些)
- 桌面
- VS Code
- Obsidian

前七条腿都长齐了,现在收官最后一条:手机端。

做手机端之前我自己最大的纠结是:一个跑在真机上的 agent,手机到底算不算一个正经入口?

想清楚之后的答案是——手机不该是“把终端塞进小屏幕”,而该是一个遥控器:agent 还是跑在你桌面/服务器那台有真实环境的机器上,手机只是随时接管、审批、追进度。中间走 Noise XX 端到端加密隧道,relay 只经手密文。Android 端到端跑通了 demo(扫码配对 → 握手 → 手机上直接操作真机的 agent),iOS 也在做。两个平台都卡在设计上,还没到打磨实现的阶段。

首页怎么设计我卡住了,用 AI 出了三个方向,风格完全不一样,想听听大家的直觉:

- **A 任务清单**:最保守,像收件箱,一个大“新建会话”+ 任务列表
- **B 工作台仪表盘**:后台密度感,待审批的任务直接带“批准/拒绝”按钮顶在最前
- **C 对话流**:像微信/Slack,首页是会话流,“待你回复”置顶,强调多端接力

三版并排放这了(手机上打开也能滑):

[设计链接](https://leihb.github.io/x-0e928cab/e00602174668eadd261dcc3382f544fccb3454e2/)

想帮忙的话,直接回复 A / B / C 就行,能顺带说一句为什么就更好了。混搭意见也欢迎,比如“A 的清单 + C 的对话流”。

(项目开源地址放在一楼评论,不想让主帖太像广告)

---

原文链接:[点击查看](https://www.v2ex.com/t/1229328)

评论(5)

我觉得 A 方案不错,但可以把 B 的审批功能放在 A 的详情里,避免 B 显示的部分占用过多空间,导致界面拥挤。

· 0 个赞

回复

考虑使用小组件的形式,每个组件可以设置固定大小,用户可以选择几种默认样式来自定义布局。

· 0 个赞

我建议设置自定义首页,用户可以选择 A/B/C。这种灵活性会更好。

· 0 个赞

回复

挺喜欢你的想法,确实有这个需求。我们先投票选一个方向做 MVP,然后后期可以考虑让用户自己在几种布局间切换,感谢你的建议!

· 0 个赞

我觉得选 B 吧,作为老客户端工程师的直觉。可以考虑把「运行中、待审批、今日完成」这三个状态合并到下面的 Tab 栏中,而不是做成按钮形式。

· 0 个赞