作者都是各自领域经过审查的专家,并撰写他们有经验的主题. 我们所有的内容都经过同行评审,并由同一领域的Toptal专家验证.
Pili Fernandez Davila的头像

Pili Fernandez Davila

Pili是一名UX、UI和产品设计师,曾领导Clearco和Compass Digital Labs的团队. 在Compass工作期间,她开发了Thrive应用程序,这款应用可以帮助人们从办公大楼的咖啡馆订餐. 她是墨西哥Huixquilucan的universsidad Anáhuac的品牌设计副教授.

Previously At

Clearco

Featured Experts

特色专家头像
Jonathan Lau
乔纳森是一名电子商务专家,在百事可乐(PepsiCo)等公司工作了10多年, Instacart, 和Loblaw Digital.
特色专家头像
Simone Theeboom
Simone为Stanley Black创建了数字客户旅程 & 德克尔、沃尔玛电子商务和Longo 's的Grocery Gateway.
特色专家头像
Diego Valencia
Diego曾为PayPal、current和Kitchen United担任设计师. 他是策略设计方面的专家, experiences, 以及网络应用的界面, SaaS, 以及多个行业的移动应用.
Share

当COVID-19大流行引发全球封锁时, 允许人们订购食品杂货的应用程序, lunches, cocktails, 零食——你能想到的——成了我的生命线, 让人们和企业都能维持下去. According to a study 根据杂货电子商务公司Mercatus的数据,美国的在线杂货销售额预计将占到21%.到2025年占所有食品杂货销售额的5%,比大流行前的估计增长60%. The market for restaurant delivery ballooned as well; in 2020 in the UK, for example, it rose by 128%.

但随着需求的增加,订餐应用之间的竞争也日趋激烈. 新公司不断涌现,而客户对任何一家公司几乎没有忠诚度. 随着竞争的日益激烈, 在线订餐和杂货公司正求助于设计专家来区分他们的产品,并帮助吸引和留住客户.

最大化极简主义:留白的力量

Of course, 食品应用程序需要高质量的照片,让产品看起来很开胃, but the space in between is just as important; if the app is messy, 你可能认为你的食物也会如此.

在设计杂货应用程序时,创建一个干净的UI说起来容易做起来难. Grocers operate on razor-thin margins因此,在网上,他们依靠广告和横幅来产生收入. “你想要一个网站,特别是在杂货店,看起来新鲜和干净,”他说 Simone Theeboom, 杂货门户的数字产品管理主管, Longo 's的在线订购部门, a Toronto-based, 家族连锁超市. “但你可能会放弃展示更多产品的机会.” Still, she considers it a fair price to pay; white space not only helps achieve a sparer look, 它使用户更容易扫描页面并掌握其视觉层次结构. “我总是在挑战UX团队:我们在哪里可以创造更多的空白?” she says.

专家表示,干净的设计和大量的空白空间向用户传达了他们的食物将是高质量和新鲜的信号.

专注于美食App界面的搜索

用户必须能够准确地找到他们想要的,并迅速找到. 这听起来很简单,但杂货店通常会提供 数以万计的库存单位 并定期更换库存. “有大量的信息在你的系统中流动,并且一直在变化,” says Jonathan Lau, 谁曾为Instacart和Loblaw Digital做过项目, 是加拿大最大的食品零售商的一部分. “对于家具和服装,你可能会有下一个季度或下一年的相同商品目录, but with groceries, 事情每天都在变化.”

如果顾客找不到他们想要的东西,他们就会离开. UserZoom, 一家领先的经验洞察管理公司,其平台被, among others, Google, PayPal, and Salesforce, 今年4月,该公司从投资者那里筹集了1亿美元, 最近研究了美国和英国的在线杂货购物者. 调查发现,近四分之一的英国消费者在网上购物时,把方便搜索作为他们想要的主要功能. 该研究还发现,整合搜索和添加到购物车功能非常成功. 英国超市阿斯达和冰岛在这方面取得了巨大成功, UserZoom副总裁兼研究合伙人Dana Bishop 他告诉Toptal:“人们已经习惯了预测性搜索. 在本例中,每个结果都有您想要的所有信息,并带有缩略图. 它有描述. 它有多少克,价格,是否打折,以及添加到购物车的功能.“整整三分之一的顾客利用了这一点, 毕晓普表示,这些杂货店在英国排名最高并非巧合.

在英国连锁超市Asda, 用户可以直接从搜索栏向购物车中添加商品, 节省访问产品登录页面的时间.

标出最短的旅程

虽然完成任务的速度对任何网站都很重要, 这对送餐应用来说尤其重要, 因为人们在时间紧迫的时候会求助于他们. When Andrijana Mrkela 在重新设计《欧博体育app下载》吗.com, 这是一款服务于瑞士意大利语区的送餐应用, 尽快选择和结账是最重要的. “人们点餐是因为他们没有足够的时间做饭,或者根本没有足够的时间去餐馆. 整个点餐过程必须非常简单和快速,” Mrkela says, 他补充说,这应该不超过四五个步骤.

最小化步骤在杂货店购物中也很重要:“推动杂货店业务的将是让你进入网站或应用程序并尽快结账的体验,” says Theeboom. In the UserZoom 竞争性用户体验研究基准报告, 排名最高的服务也是那些限制用户在购物车中添加内容之前看到的页面数量的服务. In one example, Walmart users completed a task with just three page views; the same task took Amazon Fresh users 10 page views. 在用户体验方面,沃尔玛一直在美国杂货店中排名第一.

设计师还建议向人们展示他们在注册和结账体验中的位置, 尤其是当他们有特定的目标时, 比如免运费. August Kreowski,创意总监 Y Media Labs (YML),它被命名为 AdAge 作为行业最高荣誉之一的2021年杰出广告公司榜单建议设计一个可以在屏幕顶部运行的台阶. Kreowski,他领导了这个团队 重新设计登陆页面和入职渠道 在线天然食品创业公司Thrive Market(与Compass产品无关), tells Toptal, “Within checkout, 对于客户来说,在他们有资格获得第一次免费送货之前,了解他们有多少步骤是非常重要的.”

Thrive Market页面顶部的一个步骤向客户显示他们在购物车构建和结帐过程中的位置.

个性化体验

Designing for speed means not simply minimizing the number of steps to complete a transaction; it also means personalizing the experience to show users the items they want while muting the rest. “决策过程很繁琐,”他说 Diego Valencia, 谁在Kitchen United的用户体验团队工作, 这款应用允许用户在同一个标签上从多家餐厅点餐,并让所有的东西同时送到. 他建议设计师允许用户设置更多的偏好, 因此限制了选择:“我想吃点东西. 我想吃好吃的素食. 我四个人一组. 我告诉你,应用程序,我想要什么,你负责.”

个性化对于会员制的Thrive Market来说至关重要. Kreowski说,当他在YML的团队开始这个项目时, 他们的任务是为“千禧一代的妈妈”设计,她们除了洗衣服和打扫房间外,还有不到一个半小时的时间去杂货店. “对我们来说,问题是‘我们如何创造一种体验,让人们可以在5到10分钟内完成一周或几周的所有杂货购物?’” he says. “时间是一个很大的因素. 我们讨论了很多关于造车速度的问题.”

Thrive Market的用户可以参加一个关于饮食偏好的测试. From there, Kreowski says, “我们能够接受Thrive的10分,把用户带到一个主页上,让他们看到40种他们不仅认识而且喜欢的商品.他的团队将Thrive的滚动体验设计为在杂货店浏览的个性化版本. 他说:“你不仅要向下滚动,还要向上滚动。. “我可以像快速浏览货架一样添加产品.他们还试图复制消费者在实体杂货店看到特色产品和瓶盖时的体验:“我们也以类似的方式考虑过销售, 我不仅能看到我以前买过的东西,还能看到更有体验感的新东西.”

同样重要的是,让人们能够轻松地保存他们最喜欢的物品,或者持续地向他们展示他们经常购买的物品. “你可以在应用程序上为客户提供更多他们想要的购物方式选择, the better,” says Theeboom. 所以让他们列个清单吧, 向他们展示你的最爱, show them past purchases; you want to give them different ways of how to navigate to actually find the products they want to add to the cart.”

Make It Memorable

毫无疑问,消费者越来越关心他们的食物来自哪里. 2019年,60%的美国消费者根据自己的喜好购买品牌 对社会问题的立场,高于2017年的47%.

重新设计Thrive Market的主页, 克罗伊斯基看到了强调公司社会责任精神的重要性. For instance, in 2019, Thrive Market有一个项目,它将自家品牌咖啡销售额的10%捐赠给了秘鲁的热带雨林. 这一举措已经在社交媒体上引起了关注, 所以Kreowski将其无缝地编织到UI中. “我们想讲的故事不仅具有教育意义, 但是要让客户点击并将产品添加到他们的购物车中,” he says. “如果我们可以通过这种触及我们已经知道对他们很重要的价值观的商品来打断购物者自己的购物体验,那会怎么样??”

突出品牌故事还可以帮助小杂货店将自己与规模大得多但不那么个性化的沃尔玛和亚马逊生鲜区分开来. Theeboom回忆说,在开发Longo的配送应用程序时, 她指示她的团队设计一个标签,突出杂货店与社区的长期关系. “我们可以专注于本地化——我们使用当地农民, 事实上,我们为老年人服务,他们可以打电话来点餐.”

提供优秀的UX和UI

也许比其他项目更多, 一个设计订餐应用的设计师几乎肯定会带着先入为主的想法开始任务. Everyone eats, after all, 大多数人对自己喜欢什么和不喜欢什么都有明确的想法. 此外,吃东西会引发强烈的感情和记忆. 这就是为什么在进行食品应用程序设计项目时深入研究用户体验特别重要的原因. 如果我们没有做研究来了解用户,我们可能会基于如何设计 we 吃,这可能完全不同于我们如何 users eat.

These days, 从杂货店的麦片到五星级饭店的晚餐,几乎没有什么是饥饿的顾客不能在网上订购的. 订餐领域竞争如此激烈, 设计师应该专注于讲述一个有影响力的故事, 设计个性化体验, and creating clean, easy, and intuitive designs 来刺激顾客的胃口.

了解基本知识

  • 什么颜色适合食物应用程序?

    说到美食应用的设计, 让食物摄影的色彩闪耀,同时保持UI颜色的限制. 简约的外观加上大量的空白是向用户传达他们的食物干净新鲜的关键.

  • What is simple UX?

    创建一个简单的用户体验是食品应用设计的驱动原则之一. 简单的用户体验意味着用户可以在几个步骤中找到他们想要订购的东西并结帐. 它还使用户更容易扫描页面并掌握其视觉层次结构.

  • 什么是好的用户体验?

    好的用户体验是直观且易于使用的. 在食品应用设计中考虑用户体验尤为重要,因为顾客通常会在时间紧迫的时候点餐或杂货. 订餐应用应该是直观的, 提供简单的搜索功能, 并方便用户重新订购所需的产品.

就这一主题咨询作者或专家.
Schedule a call
Pili Fernandez Davila的头像
Pili Fernandez Davila

Located in 加拿大安大略省多伦多

Member since January 29, 2019

About the author

Pili是一名UX、UI和产品设计师,曾领导Clearco和Compass Digital Labs的团队. 在Compass工作期间,她开发了Thrive应用程序,这款应用可以帮助人们从办公大楼的咖啡馆订餐. 她是墨西哥Huixquilucan的universsidad Anáhuac的品牌设计副教授.

Toptal作者都是各自领域经过审查的专家,并撰写他们有经验的主题. 我们所有的内容都经过同行评审,并由同一领域的Toptal专家验证.

Previously At

Clearco

世界级的文章,每周发一次.

订阅意味着同意我们的 privacy policy

世界级的文章,每周发一次.

订阅意味着同意我们的 privacy policy

Toptal Designers

Join the Toptal® community.