案例研究｜一款为你带来难忘体验的美食 APP(2)

当我开始画线框图时，基于来自用户的信息会更加真实，我可以将所有元素放在图中，而不用担心它的外观；我在 Figma 中设计了线框图，我喜欢看到它们排列在各自的模块中，以便于更清晰地查看整个流程；这帮助我明确了遗漏的步骤以及需要改进的行为，并确定了无用的步骤。

以下是线框图：

线框图：登录 / 注册 / 忘记密码

线框图：首页 / 社区

线框图：个人中心

Elok 的情绪版

基准：

引导：

受 Zenly 的启发，用蓝色来做背景色，给人以舒适的视觉感受，并向用户介绍该应用的信息。

图标：

Grab 通过图标来传达其具备的功能。该图标简单易懂，其背景色与 Grab 的主色——绿色相似。

卡片及个人中心：

Airbnb 的卡片利用空白空间、干净的元素和标价，帮助用户快速获取所需信息，并体现出选择过程的简单性，以此鼓励用户向客人出租房子或空余房间；关于个人中心部分，它非常易于理解。

社区：

Airbnb 的收件箱非常简单，它是一个 Tab 选项卡，很实用，并且不需要设计其他的底部选项卡来发送消息和通知；尤其是在我的案例中，Tab 选项卡将帮助我做出更简洁的设计。

因为美食能为人们带来幸福、快乐和乐趣，所以我 选择了柔和的橙色作为我的主题色。我希望用户在使用该 APP 时感到兴奋。

我通过下图来说明用户可以体验到的情绪：

我决定使用 Poppins 字体，因为它 有多种字重，而且易于阅读；此外，Poppins 是一种圆形字体，调整字体大小后将更有趣，而且有助于保持外观的整洁。

引导页：

引导页通常指用户首次与 APP 交互时呈现的一组界面，它为新用户提供了关于该产品的信息；引导页可以帮助新用户快速洞察该 APP 解决了什么问题，它是如何帮助用户的，以及它提供了什么好处。

登录页：

除了传统的电子邮件注册及登录方式，我还添加了社交账号登录方式。为了提高效率，我在此不展示注册过程；其注册过程类似于登录过程，但我会要求用户输入用户名。

首页：

为了避免冗余，这里不显示权限请求的过程。在主页界面中，我请求访问用户位置及联系人，并请求通知推送权限。

我会在主页顶部显示用户所在的位置，让用户感觉美食好像就在周围。

研究期间，我考虑到人们通常会搜索正宗的食物，或点击该区域内的食物，以及 24 小时随时可获取到的食物，特别是对于那些在午夜或清晨寻找食物的人。

排序功能，能够帮助用户按评分、价格、送餐速度对食物进行排序。

主页功能：

在点击 “菜系”、“预算”、“聚会类型” 时，用户将进入一个页面，上面有不同菜系的列表，可以为某种食物设定最低或最高的价格，并选择享用美食的地方。这将有助于用户做出决策。

详情页：

分享推荐：

用户实际上可以看到关于印度尼西亚附近美食的所有讨论，但他们只能根据所在地给出建议。

过滤器允许用户选择特定城市进行讨论。