小程序开发

日料菜单小程序制作:推荐料理、寿司分类与评选模块怎么整理


日料菜单小程序制作,首先要解决的是顾客能否看懂菜品、分类和计价方式,而不只是把纸质菜单截图搬上屏幕。英纵云的日料模板419328在首页提供菜单、在线订餐、优惠活动和关于我们入口,菜单页进一步展示推荐料理、刺身、寿司及评选模块。本文聚焦菜单展示,不将预览中出现订餐入口等同于下单支付流程已经验证。

一、推荐料理先展示少量重点菜品

菜单页开头是横向排列的推荐料理卡片,能看到三文鱼腩刺身、整条鳗鱼盖饭和溏心叉烧拉面等示例,卡片由图片、名称与价格组成。其后才是新鲜刺身分类,层次上将推荐内容与完整分类分开。

准备素材时,为每道推荐菜选一张能辨认主体的实拍图,统一主体大小和拍摄背景,再逐一对应菜名。不要让同一张菜图代表多个不同品种;横向卡片在手机上可能只露出下一项的一部分,发布前要检查浏览动作与菜名是否容易理解。截图中的价格属于模板示例,应全部换成门店核实后的信息。

日料菜单页顶部的推荐料理卡片与新鲜刺身分类
图1:推荐料理与分类菜单分层展示,画面价格仅为模板示例。

二、分类名称、双语菜名和计价单位一起核对

模板的新鲜刺身和手作寿司分区使用独立标题;寿司列表采用左侧中英文菜名、右侧价格的形式,并出现“/客”单位。顾客不应靠猜测判断一个价格对应一件、一份还是一组,因此单位与金额同样重要。

建议先整理一份菜品表,逐项列出分类、中文名、英文名、规格、计价单位与售价,再填入页面。英文翻译应与中文菜品一致,较长的名字需要在手机预览中检查换行,避免挤压右侧价格。若规格说明无法在列表中清楚表达,应补充明确说明,而不是用不明缩写代替。

手作寿司分类中的中英文菜名、右侧价格和每客计价单位
图2:菜名与价格分列时,要同时检查长名称换行和计价单位。

三、料理评选先检查有效期,不要照搬旧活动

菜单下方有优秀料理评选模块,展示两个菜品选项、票数和投票按钮。本次预览明确提示投票已结束,截止时间为2019年8月26日。这个状态说明模板保留了旧活动示例,并不能据此宣传顾客现在可以参与。

若门店要开展新评选,应重新确定活动起止时间、参与规则和候选菜品,在正式环境验证参与限制及结果展示;没有活动计划时,不应保留一个引导点击的过期活动。截图中的票数不是本门店投票结果,也不代表菜品销量或真实顾客偏好。

料理评选模块的两个菜品选项、票数及投票已结束提示
图3:预览保留了过期评选,正式上线前应更新活动或移除无效引导。

四、发布前用顾客视角逐项检查

从首页打开菜单,确认推荐菜能够对应下方分类,图片没有错配,全部售价和计价单位经过门店确认。检查中英文名称、售卖状态和活动期限;长菜单要在手机上连续滚动,确认分类标题清楚且没有文字遮挡。

在线订餐属于另一个入口,若准备启用,需另外实测选菜、订单、付款及通知等完整流程,不能用这篇展示教程代替交易验收。可以从英纵云小程序模板找到日料模板,并对照日料菜单小程序预览准备菜品素材。