日照一家做二手车检测的公司,2024年开发APP,老板觉得原型图没必要:"反正都是画图,直接画好看的不就行了?"结果开发到一半,老板发现"检测报告展示方式"设计不合理,要改。开发方报价:改代码加测试,2.8万,工期多10天。老板这才明白,如果当初先做原型图,这个改动在图纸上半小时就能改完,成本几乎为零。
原型图是啥:APP的"施工图纸"
原型图是APP的骨架图:用线框和文字把每个页面长什么样、信息怎么排、操作怎么走画出来,相当于盖楼前的施工图纸。它不关心颜色好不好看,只关心"这个页面放什么、点了去哪、流程通不通"。日照这家二手车检测公司,后来重做流程时先画了原型图,老板和业务员坐在电脑前,把每个页面过了一遍,改掉了7处流程问题,全是图纸阶段改的。
为什么必须做:三笔账算给你看
第一笔,改造成本账:图纸上改需求,一次几百块、半小时;代码里改需求,一次几千块、好几天。差了10倍以上。第二笔,沟通账:原型图是老板、业务、开发之间的"共同语言",没有它,老板说"我要高大上",开发理解成"要炫酷动效",另外做出来谁都不满意。第三笔,返工账:日照那家二手车公司复盘,原型图阶段发现的7个问题,如果拖到开发后改,至少多花8万。
原型图怎么做:三步走
第一步,梳理核心流程:用户进来先看到什么、要完成哪些任务(下单、预约、查询),画出流程图。第二步,逐页画线框:每个页面画线框,标注信息内容和操作按钮,用Axure、墨刀这类工具,熟练的设计师3-5天就能出整套原型。第三步,老板和业务过一遍:模拟用户走一遍完整流程,发现问题当场改。这一步一定让真正懂业务的人参加,别让设计自己拍板。
原型图阶段要确认的4件事
一,核心流程走得通吗(用户能顺利完成任务吗);二,每个页面的信息完整吗(该有的都有吗);三,权限设计对吗(用户、管理员、商家各能看到什么);四,异常情况想到了吗(断网、无库存、支付失败怎么提示)。四件事确认完,原型才算过关。
给日照老板的一句话
跟开发方签约时,把"原型图确认"写进流程:先出原型图,你确认签字,再进入视觉设计和开发。这一步流程,能帮你省下20%的无效开发成本。说白了,原型图就是APP的"后悔药",而且是越早吃越便宜的那种。