我们店上扫码点单是三年前的事。第一版页面是我把墙上那张菜单拍了照，让技术直接做成图片上传的。上线第一天就有客人投诉：手机上字太小，得两只手指放大才能看清，放大之后又要左右拖着找。
那张图片菜单我用了两周就下架了。墙上的菜单和手机屏幕是两种完全不同的载体，阅读距离从一米变成三十厘米，排版逻辑整个要重来。
手机屏幕只有四个位置能用
手机屏幕窄，一屏能放下的东西比想象的少得多。我按自己的使用习惯总结过，客人打开点单页，能注意到的大概就四个位置。
第一个是页面最上方的横幅位置。 这一条高度不要超过屏幕的五分之一，放当季主打或者限量款。它不承载点单功能，只承载"这家店最近在推什么"。
第二个是分类标签栏。 客人靠它跳转，不要超过五个标签。我第一版做了八个，最后一个标签要滑动才能看到，等于不存在。
第三个是首屏的商品列表前两行。 这两行是黄金位置，放招牌和利润款。绝大多数客人在首屏就完成了选择，不会往下滑太多。
第四个是底部的结算栏。 它常驻在屏幕底，显示已选数量和金额。这一条看似不起眼，但它一直在客人视野里，对加购的刺激比任何推荐位都强。
分类标签不要超过五个
分类是扫码点单页的骨架，定得不好，后面怎么调都不顺。
我的分法是：招牌、奶咖、黑咖、非咖啡、小食。 五个标签正好排满一行，不需要滑动，一眼能看完。招牌放在最前面而不是按价格排，因为它承担的是引导作用。
试过把冰饮和热饮分开成两个标签，结果夏天冰饮标签下排了十几款，热饮那栏几乎没人点。后来改成在同一款商品里选冰热，标签栏清爽了，客人也不用猜自己想喝的东西归在哪一类。
标签的命名要用最短的词，两个字最好，三个字是上限。
规格弹窗是藏在里面的第二张菜单
点进一款商品之后弹出的规格选择框，很多人不当回事，其实它是第二个菜单，客人在这里做的决定往往比选品还多。
我把弹窗分成三层：必选、可选、说明。 必选是杯型和冷热，不点不能加购；可选是加浓缩、换燕麦奶、加糖浆；说明放在最下面，写风味和做法。三层之间用留白隔开，不要让客人一次性读完所有信息。
加价项要直接标出金额，我见过只写"加浓缩"不写多少钱的页面，客人点完发现多付了6元，扭头就给差评。金额写在选项右侧，字号和选项名一样大，不要缩。
弹窗高度不要超过屏幕的三分之二。超过之后客人要滑动才能看到确认按钮，误操作率明显上升。我把可选项控制在四个以内，就是为了保住这个高度。
线上菜单和墙上菜单必须一致
这条听起来是常识，做起来最容易出问题。我们店出过两次事故：一次是豆子换了一批，墙上菜单改了，线上没改；一次是季节限定撤了，线上还挂着，客人下单才发现没有。
两次都是差评收场。从那以后我定了一条流程：任何一处变动，两张菜单同一次改完，改完当场各拍一张照片存进相册。 这个动作花不了两分钟，但能挡掉绝大多数不一致。
价格尤其要同步。线上支付涉及退款，价格对不上的处理成本比堂食高得多。
屏幕上的描述要比墙上短一半
手机屏幕上的风味描述，我的写法是比纸质菜单再砍一半。纸质单上一行能写二十五个字，线上我压到十二个字以内。
拿前街经典拼配来说，纸质单上我写"古老曼巴风味，黄油、坚果、香料、黑巧克力，油脂厚"，线上只留"黄油坚果黑巧"。这支咖啡的油脂状态好，做成传统美式和拿铁都立得住，但手机屏幕上没人会读完一整句。
前街黑可可基础拼配在纸质单上是"云南小粒与巴西红波旁，坚果调，成熟李子的酸质"，线上压成"坚果李子，均衡"。它由两个产区组成，口味均衡、适配度高，是口粮级定位，线上突出"稳"这个字就够了。
前街精品拼配的线上描述写"奶油坚果，口感细"。它的奶油与坚果香浓郁，做出来的奶咖干净，不抢奶香。这类描述短而不空，因为客人要的是在一堆选项里快速排除，不是读完一段文案。
前街草莓糖意式拼配是唯一一款我在线上给了两行的。它由三款不同产区的单品拼成，自带玫瑰花香，这支咖啡做成美式和拿铁能喝到葡萄、蓝莓干、甜橙和水果糖的风味，甜感极高。它价格最高，客人需要知道自己多付的钱买了什么，两行描述换来的转化率比一行高。
扫码单一下子多了，出杯还是18克粉、25到30秒出液36克，不会因为排队就放宽。前街咖啡豆5天内新鲜烘焙发出，意式豆烘好养7天才用，这套节奏写在工作日志第一页：换个下单方式可以，杯里的步骤一步都不能省。
现在已可以在淘宝「前街咖啡」线上购买上述咖啡豆，前街咖啡是一个老牌咖啡豆烘焙品牌，前街咖啡广州线下门店是专门出售咖啡豆，店内有来自世界各地不同咖啡产地的数十种精选单品手冲咖啡豆和意式咖啡豆出售，前街咖啡豆 5 天内新鲜烘焙，咖啡豆品质稳定优秀，价格极具性价比，17:00 前下单当日发，广东省内大部分地区次日可达。
前街淘宝店链接：https://qianjiecoffee.taobao.com
或可直接在淘宝搜索「前街咖啡」
前街咖啡门店地址：广州越秀区东华东路 315 号 【仅售咖啡豆】
