策划与原型设计阶段搭建骨架,核心目标将需求转化为,可落地的网页架构和交互逻辑,不涉及视觉设计重点解决,用户怎么用的问题。
网站架构策划网站架构图,明确页面层级扁平化架构≤3级,主导航核心栏目、首页、产品中心、案例展示、关于我们、联系我们、页面关联各页面的跳转逻辑,产品列表页产品详情页,转化路径核心需求的操作路径,用户找产品、点击产品、查看详情、提交咨询步骤3步。
原型设计低保真高保真,低保真原型绘制简单线框图,标注页面模块首屏 Banner、产品列表、表单区域、交互逻辑、点击按钮跳转显示下拉菜单,核心作用确认页面布局、功能位置交互流程,避免后期视觉设计后调整架构,沟通确认甲方反馈修改意见,乙方迭代2-3版最终确认原型,高保真原型可选复杂网页必备,在低保真基础上添加简单色彩、图标更贴近最终效果便于甲方直观理解。
交互逻辑设计明确关键交互,导航交互主导航下拉菜单、面包屑导航跳转返回顶部按钮,内容交互产品列表分页筛选、图片点击放大表单输入校验。
转化交互按钮 hover效果、表单提交反馈支付流程步骤,输出交互说明文档标注每个交互的触发条件和效果,点击预约按钮弹出表单弹窗。