会员系统上线两周之后,林晨开始写小程序的第二个版本。
第一版的小程序很简单,只有一个菜单页面和一个会员充值页面。界面是他用周末两个下午赶出来的,用了最朴素的UI组件,白底黑字,菜单排列像一张Excel表格。菜品名称左边对齐,价格右边对齐,中间用点号填充,整整齐齐但毫无美感。小吴第一天用的时候说了句这个页面有点丑,林晨回了一句能用就行,然后背起电脑包去T厂上班了。
但他知道能用和好用之间有一段距离。他每天早上打开小程序后台看数据的时候,能感觉到这段距离。菜单页面的停留时间只有三秒,客人点进来,看一眼密密麻麻的文字列表,没有图片参考,只能靠菜名猜分量和卖相。会员充值页面的跳出率也不低,百分之十八的人点进来没有完成充值就退出了。这些数字在后台报表里排成一行,每一行都在说同一件事:界面不行。
他在T厂的工位上打开小程序看了一遍,然后又关掉了。白天公司的事情排得满,FinGPT v4的迭代计划、客户需求评审、团队周会,每一件都比快餐店的小程序紧急。但紧急和重要不是一回事,他心里清楚。小程序是客人接触晨枫快餐的第一个界面,就像一个产品的首页,用户三秒之内决定留还是走。三秒留不住人,后面做得再好也没用。
周三晚上他回到家,洗完澡坐到书桌前,打开了小程序的开发环境。台灯的暖光照在键盘上,客厅里苏婉已经睡了,只有书房的灯还亮着。第一版的前端代码他全部推倒重写。菜单页面用了卡片式布局,每道菜一张小卡片,左边是菜品图片,右边是名称、价格和口味标签。图片是林浩做菜的时候他用手机拍的,厨房光线不太好,有些照片偏暗,但他在代码里加了一个亮度滤镜,调完之后勉强够用。口味标签他设了五个:辣、微辣、不辣、下饭、清淡。每道菜最多标两个标签,标签用不同颜色的胶囊框显示,红的代表辣,绿的代表不辣,客人一扫就能过滤掉自己不吃的。
会员页面重写之后加了三个模块:余额显示放在最上面,大号字体,跟充值成功时的提示风格统一;消费记录排在中间,最近十笔交易按时间倒序列出来,每一笔显示日期、菜名和扣款金额;积分明细放在最下面,当前积分、累计积分和抵扣记录分三行展示。
他还加了一个新功能:在线预点单。客人可以在到店之前在小程序上选好菜,选一个到店时间,提交订单,到了店之后直接报手机尾号取餐,不用排队等点单。这个想法来自他观察了三天
(本章节未完结,点击下一页翻页继续阅读)