用途:该技能围绕产品界面从构想到验证的过程,覆盖线框图、原型、用户流程、站点地图和设计交付,帮助团队在产品早期明确结构、交互与页面层级。
主要能力:资料列出线框图工具(Figma、Sketch、Adobe XD、Balsamiq、Axure RP、Framer),并按低保真、中保真、高保真、灰盒、纸面原型、数字线框区分做法;给出聚焦结构、使用占位内容、保持简单、加注解、迭代、尽早测试等建议。原型部分区分低保真(快速探索,小时级,成本低)与高保真(接近最终效果,含交互与动画,天到周级,成本高),并说明按阶段、时间与受众选择保真度。用户流程涵盖起点终点、决策点、动作、屏幕状态与连接线,以及理想路径、替代路径、错误路径、边缘情况与跨设备流程。站点地图涵盖层级、页面、关系、导航与深度,并提供层级、组织、顺序、矩阵等类型。交互原型涉及屏幕转场、微交互、滚动效果、悬停、点击、表单反馈,以及动画的有目的、流畅、性能、可访问、一致、克制原则。
使用方式:资料建议先画结构再逐步增加还原度;用标准符号和清晰标签绘制用户流程与站点地图,限制层级深度并保留扩展空间;原型阶段按需加入交互;交付时提供设计文件、规格、素材、样式指南、组件库与注解,并可用 Figma Dev Mode、Zeplin、Abstract、Avocode、Storybook 等工具协作。
适用场景:产品早期构思与概念验证、内部评审、干系人确认、用户测试以及向开发者交接。
限制:资料未提供具体产品价格、平台限制、安装命令、代码实现、效果保证或对上述工具的评估结论,这些内容暂未提供。