今儿个跟大伙唠唠这个原型设计的事儿,可算把我折腾明白了。说真的,以前我可看不上画原型图,觉得那是花架子,纯浪费时间。
没画原型踩大坑
上个月接了个小活儿,客户让我搞个简单的活动报名页面。我心说,就几个输入框加个提交按钮的事儿,闭着眼都能敲出来,画啥原型?于是撸起袖子直接开干。
啪啪打脸来得贼快:
- 想着给用户选参与人数,手一滑就敲了个下拉菜单代码。
 - 写一半,突然觉着用加减按钮更直观,得,删了重写。
 - 按钮位置改来改去挪了四五次,客户微信里喊“怎么上传头像没地方?”——靠!我压根忘了这功能!
 
页面显示效果更是灾难:电脑看着挺顺眼,手机上一刷新,表格直接顶破屏幕飞出去了!客户发个截图,配了个捂脸表情包,臊得我老脸通红。通宵改到凌晨三点,代码删了写写了删,越改越像打补丁的破棉袄。
被现实抽醒开始折腾
栽完跟头,我蹲阳台抽了半包烟,终于想明白:原型就是打仗前的沙盘,不堆明白了准得吃枪子儿! 掏出吃灰数年的破笔记本,照着教程开干:
- 抓张破纸乱涂:先把客户要求里所有功能点扔在纸上,报名表、支付、分享按钮...画得跟鬼画符似的。
 - 白板上排兵布阵:把鬼画符剪下来贴白板,来回挪了二十多遍。报名信息放顶部?不行,用户得先看活动规则!支付按钮塞角落?客户骂我黑心!
 - 破软件试水:下了个免费画图工具(名字不说了省得被说打广告),把纸片内容拖进去排版。左边放活动海报图,中间塞表单,底部垫上公司LOGO,检查一遍:手机竖着能看全不?按钮够不够大?重要信息扎眼不?
 
真香时刻来得太快
拿着这套丑图给客户看,人家居然一拍大腿:“支付确认弹窗写大点字!我老娘眼神不” 当场用红圈标出来改了。等真正敲代码时,奇迹发生了:
- 照着图怼组件,位置不用反复调
 - 功能模块写得飞快,因为早拆解明白了
 - 交付测试时客户笑得见牙不见眼:“老哥这回稳!”
 
省出来的时间?够我写完代码还能摸鱼打两把斗地主!最绝的是上周客户又加新需求,我翻出旧原型图,三笔两画改了块地方递过去,他秒懂:“行!就这样!” 换以前?怕是又得重开三次腾讯会议扯皮。
现在谁再跟我说“原型不重要”,我只想把当初通宵改bug的监控录像糊他脸上。血泪教训就一句:开工前不画图,等于睁眼跳悬崖! 前端小王昨天还笑我搞“形式主义”,结果今早看他蹲厕所挠头改布局——呵,又一个掉坑的。





