整合营销服务商

电脑端+手机端+微信端=数据同步管理

免费咨询热线:

智慧食堂订餐管理系统功能上线

智慧食堂订餐管理系统功能上线

持电脑、微信小程序订餐

变革是这个时代永恒的主题,根据市场及用户的需求,2021年我们隆重推出VallTime人脸通—智慧食堂订餐管理系统,能灵活实现电脑网页订餐、手机端订餐、微信订餐,减少人力成本的同时提高食堂运营效率,为食堂订餐、智能结算等领域进行全方位管理。

全面助力传统食堂的数字化、智能化升级!

? 电脑网页订餐

员工通过电脑进入订餐界面,选择自己要订的餐,进行订餐,操作方便、快捷,订餐工作两不误;

VallTime人脸通—智慧食堂管理“订餐消费”-“菜品维护”界面


? 微信小程序订餐

为了员工能随时随地的订餐,推出更人性化更便捷化管理,用户只需直接用微信进入订餐模块,就可以随时随地进行订餐,退餐,实时查询等操作;

提升员工用餐体验,VallTime人脸通微信小程序界面


订餐管理系统功能介绍


? 电脑+手机+微信订餐

系统能灵活实现电脑网页订餐、手机端订餐、微信订餐;

? 操作方便、快捷

有电脑的员工可通过电脑订餐,无电脑的人员可通过手机端订餐或者代订餐;

? 可按早中晚宵夜或更多餐次订餐

人员可按早中晚宵夜或更多餐次订餐,员工可以预定一天、多天、一个月;

? 精准备餐、杜绝浪费

餐厅可根据员工订餐数量,精准准备食物,避免浪费;

? 食堂菜品管理

食堂菜品管理,多维度维护展现

? 系统随时可查看

食堂管理员可发布一周、当天、某一天的菜谱;其它干部职工进入系统后可查看;

? 准确、高效、智能

食堂管理人员在后台系统可按月按天查询订餐总数报表、已取餐和未取餐的总数报表,还包括扣费记录、充值记录报表等;

? 报表汇总详细

订餐报表功能:每个人的订餐明细和汇总表,预定菜谱明细表,代订餐明细和汇总表;

? 倡导节约、杜绝浪费

VallTime人脸通—智慧食堂订餐管理系统助力政企事业单位食堂从源头杜绝浪费情况;推动食堂餐饮走向“安全、健康、合理、绿色”的建设方向。

提前订餐,快捷方便,杜绝浪费

VallTime人脸通—智慧食堂订餐管理系统不仅能从源头上解决食堂餐饮浪费现象,更能从运营效率、消费者就餐体验等多方面提升食堂的经营管理水平,全面助力传统食堂的数字化、智能化升级!

线上订餐优点

? 订餐系统适用领域、行业

智慧食堂订餐管理系统适用于大型企业单位食堂、政府事业单位食堂、高校食堂、工业园区食堂、医院食堂、酒店食堂等;

适用场景

2021年注定不凡,VallTime人脸通管理系统也在不断提升用户体验,挖掘和释放系统软件更大的价值!

么是汉堡菜单?

要了解现在无处不在的 UI 设计汉堡菜单图标是如何在 Web 和应用程序设计行业上升到如此极端的饱和水平,我们需要从它的诞生地开始。

汉堡菜单 - 简史

早在 80 年代,汉堡包之父 Norm Cox 就设计了Xerox Star 个人工作站。他开发了一个四线图标来象征一个按钮打开一个项目列表。设计界后来将这个图标称为臭名昭著的“汉堡菜单”。后来它在设计界声名狼藉,就像舍伍德森林中的罗宾汉一样。

Norm 表示,当用户将鼠标悬停在一个元素上并右键单击以显示选项时,汉堡菜单最初的目的是许多弹出式菜单的目的。完全不同的鱼锅,对吧?然后几十年过去了,我们进入了智能手机在市场上爆炸式增长的 20 世纪中期。UI 设计师再次为这个图标注入了新的活力,并将其重新纳入设计词典。一切都以利用移动设备的屏幕空间为名。

由于平板电脑和手机等移动设备的分辨率较小,因此通常无法选择较长的顶部栏菜单。将其全部压扁并将其隐藏在三行之后很快开始成为响应式菜单设计的首选设计选项。

很棒,对吧?汉堡菜单的第二次机会。但它在设计世界的各个角落都不受欢迎。事实上,它面临着许多反对它的想法的敌人,称这是一个有争议的设计元素。他们竭尽全力希望汉堡菜单跳上时光机回到 80 年代并留在施乐那里。

拒绝汉堡菜单

为什么如此讨厌简陋的汉堡菜单?答案在于创建一个额外的步骤来查看菜单选项。任何需要用户执行额外步骤的事情在设计界通常被视为禁忌。

但为什么?这一切都归结为顺序访问与直接访问的争论。顺序访问涉及用户分阶段发现元素和内容,这通常需要代表他们进行一些输出。另一方面,如果我们允许用户直接访问,则意味着他们可以看到他们想立即点击的内容或链接。

汉堡菜单就是一个很好的例子,因为与传统的顶栏菜单不同,用户无法立即看到所有选项。这意味着他们必须先点击或单击才能查看选项。在传统菜单上,他们可以立即看到所有选项。

UI 设计元素的另一个例子是典型的轮播,它显示了几个不同的内容,通常是基于图像的。它需要用户点击、点击或滑动它们。因此,他们不会一次遇到所有内容。但为什么这么糟糕呢?因为许多设计师坚持认为它会降低“可发现性”,因此隐藏在汉堡菜单、轮播图或其他元素后面的某些功能可能根本找不到。

也许您有一个菜单选项,可以指向对您的用户来说非常重要的内容类别,并将带来最多的网站转换。如果您将其隐藏在汉堡包菜单后面或在其间添加额外步骤,则可能不会被发现。

汉堡菜单交互成本

当然,另一个显而易见的原因是引入额外的敲击、滑动、点击、敲击舞、咧嘴笑或其他任何东西——都会对用户产生影响,这种现象称为交互成本。是的,我们说过:由于这个额外的发现阶段,汉堡包菜单确实增加了交互成本。

但是,在设计任何事情时,我们都必须有一个开放的心态,尤其是在为用户设计时,所以不要被汉堡菜单所排斥!事实证明,在某些情况下,它也有它的好处。

汉堡菜单 - 一种已知的心理模型

汉堡包菜单最重要的事情之一是它在这一点上是一个广为接受的心理模型。用户已经非常习惯于看到汉堡包菜单并立即知道它的用途。

不要太匆忙放弃汉堡菜单的另一个原因是要意识到每个应用程序和网站都是不同的,对一个应用程序和网站不起作用的东西可能对另一个应用程序和网站都有效。什么时候可能是这种情况?

何时使用汉堡菜单

因此,您不会被负面影响所左右,并且您已经决定在下一个设计中可能会包含流行的汉堡菜单。但是,在使用原型工具创建一个之前,您应该首先了解 UX 点的潜在机会。

隐藏次要特征

想象一下,您的网站或应用程序的核心导航元素和功能已经可见,并且您有一些次要选项或子类别,这些选项或子类别对网站的转化目标并不那么重要。如果用户联系您或查看您的“关于”部分并不那么重要(这取决于网站的目标),那么您可以选择将它们隐藏在汉堡菜单后面以节省一些屏幕空间。

节省屏幕空间

另一方面,也许您在屏幕上确实有空间来展示这些次要功能,但您不希望屏幕太杂乱,因为过于杂乱的屏幕会增加用户的认知负担。

您可能会决定最好向他们展示最重要的选项(他们想首先看到的选项),然后将其他选项隐藏在汉堡菜单后面,以免信息淹没他们。毕竟,根据哥伦比亚大学的一项关于选择消极动机的研究,当面临较少的选择时,用户在电子商务网站上进行购买的可能性要高出数倍。

何时不使用汉堡菜单

何时隐藏核心功能

如果要隐藏的选项、设置或功能对用户体验很重要或至关重要,则不应使用汉堡式菜单。一般的经验法则是它们在顶部栏或固定标签栏上可见。这样做的原因是这些选项应该对直接发现开放,因此不应该被汉堡菜单隐藏或藏起来。

当您的网站互动量很大时

此外,想象一下用户已经必须进行相当多的点击,这些点击对用户体验或网站的目标至关重要。很自然地,您希望随时随地减少以单击或点击形式出现的额外步骤,以降低整体交互成本。

何时隐藏本机导航

您最不想做的事情是将汉堡菜单放在会干扰设备的区域,例如 iPhone 的本机导航元素。这将导致糟糕的可用性,因为大多数用户习惯于使用这些本机选项进行导航。

汉堡菜单实践

屏幕左边还是右边?

当设计师决定选择汉堡菜单路线时,经常出现的一个问题是他们面临将其放置在屏幕左侧或右侧的困境。有赞成双方的论据。

将其放在左侧的论点支持这样一个事实,即从左到右语言的母语人士倾向于从页面左侧的 F 形内容开始。由于这个事实,许多菜单被放置在左侧,这也意味着用户将倾向于习惯于左侧的菜单。事实上,Material Design指南将其称为“导航抽屉”,这表明您应该出于这个非常确切的原因这样做。

相反,我们也可以争辩说,既然汉堡包菜单现在是一个众所周知且被接受的菜单图标,将它包含在右侧并不一定代表在查找菜单内容方面存在太多问题。我们也可以争辩说,如果汉堡包菜单隐藏了次要的导航选项、菜单和功能,情况尤其如此。那么,更重要的内容应该专用于屏幕左侧是有道理的。

然而,将汉堡菜单放在右侧的另一个论据是简单的物理物流。对于屏幕似乎每年都在变大的智能手机设备,用户将拇指抬到屏幕左上角更加费力,导致他们不得不改变握持方式。将它放在右边会稍微减少这种物理工作量。然而,即便如此,如果手机非常大,用户无论如何都可能不得不改变他们的握持方式。

浮动汉堡菜单

一个很好的解决方案是有一个浮动的汉堡菜单按钮,当用户滚动时,它在屏幕右下角附近有一个固定位置,只需用拇指轻点一下,就可以轻松访问。这个动态的汉堡菜单还会向用户发送消息,告诉用户随着他们在整个应用程序中的进展,用户需要访问一些选项。它还可以帮助您在移动设备上节省大量屏幕空间,并有助于创造更加身临其境的体验。

但是,如果您计划包含“返回顶部”按钮,则应避免这种情况,否则您只需在两者之间做出决定。您不希望您的用户在他们打算按另一个时不小心按了一个。

缩小时使用

如果您确实认为汉堡包是最好的选择,那么一般的经验法则是,您仅在网站规模缩小时才部署它。

例如,假设您正在设计一个响应式网站,并且可能无法以较小的分辨率显示主菜单,因此您将为平板电脑和手机带宽部署一个汉堡菜单。这个想法是,一旦分辨率下降到平板电脑布局的分辨率,就将所有内容都压缩到一个汉堡包菜单中。

如何与普通菜单结合使用

另一种解决方案可能是保留一个顶栏菜单并保留最基本的导航功能,然后在同一栏上放置一个汉堡菜单图标,以表明还有更多的“溢出”菜单选项可用。这是节省屏幕空间同时保持核心导航选项易于发现并立即可供用户使用的好方法。

专业移动应用汉堡菜单示例

我们已经建立了我们可以用汉堡包菜单取悦和取悦用户的方式。现在让我们看看市场上一些最流行的应用程序的例子,它们为我们提供了汉堡包!

1.亚马逊

电子商务巨头亚马逊的应用程序是使用汉堡包菜单的流行电子商务的一个很好的例子。亚马逊的设计师已经完成了他们的研究,并在用户打开应用程序后立即了解用户正在寻找什么。

用户首先看到的元素之一是用于查找他们想要的产品的搜索栏,或者他们可以继续向下滚动应用程序,根据他们之前的购买或愿望清单项目浏览为他们推荐的产品。通常,更新付款详细信息、检查愿望清单或订单跟踪是次要的,但在基本的汉堡菜单下似乎仍然有些直观。

2. 电报

作为市场上最快的消息传递应用程序,Telegram还设法充分利用了汉堡菜单。

除了用户打开应用程序时的即时消息界面外,其他所有内容都存储在屏幕左上角的汉堡菜单下。新群组、秘密聊天、新频道、通话和保存的消息等选项都可以在这里找到。

有一些关于以最少的干扰到达消息界面的即时性,这似乎是如此身临其境。与亚马逊一样,其他地方没有菜单选项这一事实使得导航到大多数任务的汉堡菜单变得直观。

3.Discord

玩家消息平台Discord对汉堡菜单有一个有趣的看法。在聊天或群组内时,用户会在左上角看到一个汉堡菜单,允许他们退出聊天或群组并返回查看其他可用选项,这些选项往往是其他聊天和群组。

虽然这些本身不是“选项”,但它们也不是设置,通常与齿轮图标相关联。它们实际上是用户在应用程序中拥有的最接近导航选项的东西。使用汉堡菜单而不是后退按钮离开聊天是一个非常精明的决定。

4.亚马逊Alexa

亚马逊 Alexa 的应用程序汉堡菜单具有独特的形状,但可以立即识别为带有额外或次要选项的汉堡菜单,用户可以在屏幕左上角找到这些选项。

在汉堡按钮下列出他们的次要选项是一个明智的选择,因为核心导航选项已经直接可见,例如可用设备和房间组。

5. 谷歌支付

Google Pay是另一个很好地利用汉堡包菜单的例子。当然,该应用程序的主要功能是显示用户可以支付的卡。所有其他选项都隐藏在汉堡菜单按钮下的主 UI 中。

为什么?因为一旦用户打开 Google Pay,他们通常会处于忙碌的状态,在商店的结账处,准备支付现金。他们最不需要的就是很多次要选项的干扰。

6.Just Eat

外卖应用 Just Eat在汉堡菜单方面也做得很好。就像使用 Google Pay 一样,当饥肠辘辘的用户打开应用程序时,订单历史记录、设置和帮助可能不是他们想到的第一个导航选项。

相反,像这样的选项隐藏在汉堡菜单后面(图标不是真正的汉堡菜单!),并且用户会立即被邀请在文本字段中输入他们的地址以提示与他们接近的当地人列表,或浏览列表的食物类型。

7. 领英

LinkedIn 的应用程序对汉堡菜单也采用了一种相当独特的方法。他们没有将图标与文本“菜单”相结合,而是将菜单放在典型的左上角,但将其与用户的圆形 LinkedIn 个人资料图片相结合。

这立即向用户展示了在菜单下有与用户的帐户和配置文件直接相关的选项。

8. 保管箱

在Dropbox的应用程序的核心导航选项从他们的应用程序一开始就非常明确:一旦用户打开了应用程序的主部分,他们看到他们的所有文件的列表。他们还可以直接在每个文件旁边的 kebab 菜单下找到与这些文件相关的所有选项。

但是,在 Android 版本上,所有其他选项都安排在您猜到的后面:简洁的汉堡菜单。在点击汉堡菜单时,用户可以看到进一步的导航选项列表来过滤他们的文件,例如文件、纸张、照片和离线文件。

9. 谷歌云端硬盘

就像 Dropbox 一样,Google Drive 应用程序优先向用户显示他们最近的所有文件。无论它们是使用 Google Docs 还是 Google Sheets 创建的,很明显它们都会向用户展示他们可能首先要查找的内容。

其余的辅助导航选项隐藏在汉堡菜单后面,例如“最近”、“离线”、“垃圾箱”、“通知”、“备份”和其他类似选项,例如“设置”。

10. 优步

在优步应用中,整个屏幕都致力于帮助用户一打开应用就找到汽车。用户可能希望看到的所有次要选项都隐藏在视图之外,直到他们希望通过单击左上角的汉堡包图标来查看它。

毕竟,设置和历史等选项不太可能成为用户每次打开应用程序时的直接目标,也不太可能在每次打开应用程序时使用。

响应式网站汉堡菜单示例

现在是时候看看网页设计中的一些知名人士如何解决汉堡包菜单的问题了。

1.Shopify

当将他们的网站缩小到更小的分辨率时,Shopify很聪明地选择将大部分导航选项隐藏在他们放置在屏幕右上角的汉堡菜单后面。

这是因为用户最有可能在设置电子商务网站之前查看 Shopify 的网站版本,即使在使用移动设备浏览时也是如此。汉堡菜单位于屏幕右侧意味着它不会遮住左侧的徽标,而是让用户完成一项主要任务:注册并开始免费试用!

2.Github

Github是最受欢迎的软件开发平台,它很好地缩小了他们的网站,并且还使用汉堡式菜单将仪表板、拉取请求问题和市场排除在外。为什么?

他们主页的主要功能也倾向于作为核心导航:“探索 GitHub”、“阅读指南”、“启动项目”和“创建存储库”都是为了让用户享受主要功能的号召性用语的网站。

3. NBC 新闻

我们将NBC 新闻包括在此列表中,因为他们似乎采用了不太正统的方法,即在网站的桌面版本上包含汉堡菜单。当网站缩小到更小的分辨率时,您会看到它们保留了相同的汉堡菜单。但这并不是我们选择这个例子的唯一原因。

NBC 从用户体验与新闻的独特角度来介绍汉堡包菜单。在菜单顶部栏上,它们包含用户阅读最多的故事类别,然后将不太重要的类别捆绑到汉堡菜单中。

这些故事的明确偏好顺序从左到右开始。随着网站压缩到更小的分辨率,这种偏好变得更加明显,汉堡菜单后面隐藏着一两个选项,只留下三个最重要的类别。

4. CSS 技巧

CSS Tricks展示了顺序访问与直接访问的丰富知识。在桌面版上,用户可以自由地发现和浏览顶部栏菜单上的不同类别,例如文章、视频、年鉴、时事通讯等。这些类别的右侧是一个搜索栏,用户可以查找他们感兴趣的任何主题,结果中会显示不同的媒体。

在移动版本上,所有这些类别都被压缩成一个汉堡菜单,只留下搜索栏。这表明 CSS Tricks 了解移动设备用户通常需要的即时性 (NNG) 和紧迫感。当他们直接访问网站时,通常是专门搜索某些内容,而不是浏览。

5. 星巴克

星巴克在将其网站缩小到移动设备方面做得很干净。在他们网站的桌面版上,我们可以看到奖励、礼品卡、查找商店和登录等菜单选项。

然而在移动设备上,所有这些都被整理成一份汉堡菜单。并且不会对可能即将进入星巴克商店的用户造成任何明显损害。与其想查看奖励、礼品卡或登录他们的帐户,他们更有可能想查看当天提供的内容,这是他们在简洁的移动版本上看到的主要内容。

最后的想法 - 汉堡菜单

那么您应该在下一个设计中使用汉堡包菜单吗?与设计中的大多数事物一样,答案取决于两个因素:网站或应用程序的类型以及您的用户。

你的汉堡菜单应该放在屏幕的左边还是右边?同样,答案通常是主观的。为了采用真正客观的方法,我们必须在使用应用程序时挖掘用户的想法并了解他们的需求。

蕞后,重要的是:这一切都归结为直接访问。是否在主菜单或汉堡包菜单中包含菜单选项或功能将取决于其对用户的优先级。

有门店的餐饮商家来说,只要味道能说的过去,能够满足时间、空间需求,那么订餐就会很平常,对中型或酒店等单位更是趋于平常,同时还有订桌、菜品预约、咨询等需求,那么对餐饮商家来说,基于餐品展示订餐小程序能够实现什么效果呢?

通过雨科网小程序平台制作餐品预约小程序,可以将所有菜品多规格展示到线上,用户可以填写信息预约或咨询,商家后台响应整理订单操作,文章/视频/音频/图文等形式满足多种信息承载。

制作餐饮小程序覆盖微信、百度、头条、抖音、快手、支付宝平台,让商家在线上平台可以高效获客及经营,案例、环境、服务、价格等信息统统透明可查,便于商家分享也利于用户搜索、直接触达。

基于订餐订座小程序服务/餐品分类式呈现,用户可快速找到所需服务,现成的餐饮小程序模板,替换修改内容快速完成制作,访客信息查看及表单、留言、投票、优惠券、新人有礼等功能持续提升服务效率、促进客户预约及线上发展。

现在就通过雨科网平台制作餐饮订餐订座预约小程序吧。


原文:https://www.zcdly.com/cydcdzxcx.html

公众号:雨科网