7viow 界面设计

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

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

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

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

开始前准备

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

希望拿到什么

清楚的信息结构、页面方案和可判断的操作结果。按任务补齐分类、导航、查找、状态与文案;修改已有界面时,保留已确认内容和方向,回到维护源修复并验证实际结果。

可以这样说

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

开放情况

当前版本 0.4.0。两个 Skill 可分别安装,也可一起完成设计、评审与修正。安装说明、完整文档和下载文件见 GitHub。

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