常用工具:
1、纸笔
2、axure、sketch、墨刀
好的原型有什么特点?
1、整体感受:
• 页面结构清晰
• 跳转关系明确
• 与业务流程一致
• 完整表达用户需求
2、独立页面:
• 功能元素明确有序
• 位置关系清晰
• 不同状态变化清晰
3、交互设计
• 清晰地交互逻辑
• 一致的交互方式
• 界面统一
如何设计原型?
手绘 → 低保真 (axure)→ 高保真 → UI设计 → 上线
产品需求没想明白/流程没理清楚/没有手绘草图/没有和boss过草图 ,不要画低保真原型
1、明确本次需求的用户与场景
2、认真研究需求的业务流程图
3、完成页面流程与目录
4、确定页面框架
5、确定交互细节、串联
6、讨论迭代细节修正
培养习惯:
1、先手绘再软件
2、用真实比例,真实的文案
3、绘制时只用黑白灰,不要上颜色
4、目录树清晰,阅读流畅
5、有修改记录,关键修改重新保存文件
6、紧扣需求主体,不横生枝节