Little Lemon Restaurant

Capstone 背景

Little Lemon 是我在 Google UX Design Certificate 中的 capstone 项目，brief 是一个地中海社区餐厅。项目覆盖完整 UX 流程：研究、问题定义、低保真与高保真原型、可用性测试和迭代。

我没有把它只当成课程作业，而是把它当作一个小型产品练习。餐厅网站和很多数字产品一样，用户带着任务进入，需要快速建立信心；如果路径比预期更费劲，他们就会离开。

设计挑战

用餐者通常带着三种意图之一进入：浏览菜单、预约座位，或下单。每条路径都需要在手机上几秒内可达，不能强迫用户绕完整个网站。

设计还需要跨响应式断点稳定工作，并通过可读字体、足够对比度、清晰焦点状态和足够大的点击目标保持可访问性。更难的是，在保持清楚的同时，不把社区餐厅做成没有性格的模板。

UX 流程

项目遵循证书课程中的五阶段 UX 流程：共情、定义、构思、原型和测试。测试结果再把前面的设计决定带回修改。

研究与用户需求

在早期访谈和竞品分析中，有三个需求反复出现：用户打开页面后几秒内要知道这是什么样的餐厅；菜单必须能在手机上快速浏览，不能横向滚动；预约流程不能把日期、时间和人数藏在额外页面后面。

这三个需求成为后续设计的边界。促销 banner、过大的 hero 图、次要 CTA 都必须证明自己有必要，否则就应该被删掉。

界面探索

最终页面聚焦用户最常来的两个流程：浏览菜单和预约座位。两者都能从首页一键到达，在移动端无需缩放即可阅读；视觉系统依靠温暖中性色和清晰字体层级，而不是装饰。

可用性测试

可用性测试围绕三个核心任务展开：找到菜单项、完成预约、查看订单。我观察参与者在哪里犹豫、是否意外按返回，以及他们在哪些地方停下来，因为不知道下一步该去哪里。

问题不大，但很有用：预约流程需要更清楚的进度提示，菜单分类在移动端需要更强的 affordance，确认状态需要让人明确感到流程已经结束，而不是像一个等待页。这些发现直接进入下一轮迭代。

可访问性与响应式设计

可访问性被当作视觉系统的一部分，而不是最后才检查的清单。字体比例、色彩对比、焦点状态和点击目标尺寸都与品牌色板一起定义，让每个页面默认继承这些基础。

响应式行为保持同一套主要动作在任何断点都容易触达。移动端中，菜单和预约入口保持在首屏附近；大屏中，布局获得更多呼吸空间，但底层层级不被打乱。