更新时间：2026年10月15日

外卖搜索要回答的除了“有没有这道菜”，还有“现在能否送到这里”。先确认配送地址，再区分商家和菜品结果，清楚展示营业、售罄与配送费用；找不到可下单结果时，说明是范围、时间还是筛选条件造成。围绕四项原则，用“晚间搜索牛肉面”把结果和后续动作串起来。

1. 数据的收集和整理

设计外卖搜索前，需要先整理商家名称、服务地址、营业时间，以及菜品名称、价格、规格、库存状态等信息。人工审核可检查商家资料是否完整，状态同步则处理营业与售罄变化；不能因为资料曾通过审核，就默认晚间搜索时仍然可下单。

可先在Pixso 原型中安排地址、关键词、结果卡片和不可下单状态，讨论位置改变后页面怎样更新。

2. 搜索关键词的优化

用户可能输入菜品全名、别称，也可能只输入前几个字。设计关键词匹配与提示时，要让用户知道建议会搜索商家还是菜品，可以从以下三方面入手：

搜索结果的顺序决定了用户先看到哪些候选。安排排序时，先明确商家是否能服务当前地址与时间，再考虑查询相关性、评价和距离，不要用一个分数掩盖不可下单的条件。

用户评价：可作为排序参考，同时关注评价数量与时间。评分高并不表示商家当前营业，也不能替代对配送地址和菜品状态的判断。
距离考量：可提供距离排序或相关信息，但附近商家不一定能配送到当前地址。卡片应分别表达距离、可配送状态和预计送达信息。
商业推荐：若结果中有推广位，应与自然结果清楚区分，避免用户把付费位置误解为距离最近或最符合查询。排序方案需要同时考虑可下单条件和相关性，不能把佣金高直接等同于体验更好。

用户的决策过程和行为方式越来越受到信息展示方式的影响，因此，直观的外卖平台搜索功能就显得尤为重要，通常建议采用以下几种展示方法：

图片和描述：通过商家和商品的图片及描述，用户可以更直观地了解到其详细信息，从而更快地作出选择。

价格展示：价格往往是用户决策的关键因素之一，因此，外卖平台应在搜索结果中明确展示商品价格，以便用户进行比较和选择。

提供筛选条件：根据用户的不同需求，外卖平台可以提供多样化的筛选条件，如下图Pixso资源社区的外卖APP界面设计所示，从而帮助用户更轻松地找到满足需求的商家和商品。

相关推荐：当精确菜品较少时，可以单独展示相近选择，并说明与原查询的关系。不要把没有牛肉面的商家伪装成精确命中，也不要让推荐卡掩盖当前筛选条件。

把配送地址设在办公园区，晚间搜索“牛肉面”。逐张结果卡检查命中的究竟是菜品还是商家，以及当前地址和时间下能否继续下单。

如果关键词下本来有结果，只是“免配送费”和“营业中”组合后变为零，应把已选筛选留在页面上，提供单独清除条件的动作。若整个地址都没有可配送商家，就直接说明地址范围问题；仅建议“换个关键词”会让用户反复尝试无效输入。

用户改地址时，可以先保留“牛肉面”这个查询，再更新商家可配送状态、费用和送达信息。原先选中的商家若已不可配送，应明确提示变化。新结果尚未返回时，保留查询和当前地址文字并展示加载状态；先前地址的请求即使更晚返回，也不能覆盖当前地址的结果。

设计评审时分别走一遍商家命中、菜品售罄、清除筛选和改地址四条路线。每条路线都应让用户看懂目前搜索的对象与限制，避免用同一种空白页表示完全不同的问题。

搜索体验需要随商家和菜品状态持续维护。围绕“牛肉面”这条路线，可重点检查以下四项：

制作外卖搜索原型时，可从上述社区示例中借用卡片和基础布局，资源使用范围应查看作者说明。把同一张菜品卡分别画成可配送、售罄和地址不支持三种状态，再连上改地址与清除筛选动作，评审时就能沿着一次搜索讨论具体差异。