7viow 界面设计

从用户想完成的事开始,安排页面上需要的信息、操作顺序和反馈。做新产品时比较合适的做法;改已有产品时,沿用已经确定的方向和设计规范。

已开源安装与使用
绘制界面草图与操作流程的插画

单独使用:想加一个功能,还没想清楚页面怎么做

申请、筛选、设置,都需要让用户知道从哪开始、怎么完成、出错后怎么办。“界面设计”帮助你把一次使用过程做完整。

开始前准备

用户、任务、业务规则、现有页面和设计规范。说明哪些不能改,最后需要流程、设计稿,还是可以交给开发的说明。

希望拿到什么

清楚的流程、页面内容和关键操作。加载中、没有内容、出错、成功、返回等相关状态也要交代,方便继续实现和试用。

可以这样说

请基于现有产品设计这个功能。说明从哪里进入、需要提供什么、怎样完成和返回,再补齐相关状态与文案。保留现有导航和设计规范,沿已经选定的方向细化。

开放情况

已开源。安装说明、完整文档和下载文件见 GitHub。

设计明确后,交给编码 Agent 实现;再用“体验检查”查看实际页面和操作。