跳到正文
TV view聊聊吧
中文
全部作品

移动应用设计

Momentálity. 一家人的日常,一次看一眼

一款家庭与日常安排应用,把日历、任务、餐食、预算和妈妈社区集中在一处。屏幕上的姓名和数字均为示例内容。

我的职责
界面设计
项目状态
界面设计 · Figma 存档
原始设计文件中的 Momentálity 演示封面。
演示封面,来自原始文件。

来自原始 Figma 设计文件的页面,使用示例数据。

我的贡献

Momentálity 的标语是“Designed for the way you live”,它把一家人一周里不断变动的各项事务集中在一个应用里。Figma 文件里有 25 个移动端 Frame,外加变体,从新手引导和让应用认识你的初始设置,到杂货和储藏室页面;这里我展示的是撑起日常安排的那几个页面。

设计稿页面的串联演示,并非录屏:首页、任务、餐食、预算和社区。
首页,向 Jane 问候,有周日期条、Task Manager 和 Notification Center 快捷入口,以及今天的活动列表。
首页把一周、快捷入口和今天的活动放在一起。

首页从今天开始

首页只回答一个问题:今天有什么安排?问候语在周日期条上方,往下是主要工具的快捷入口,再往下是当天的活动。每个活动都有一个时间标签和一个小标签(Work、Home、Family),这样,工作演示和在家收拾屋子可以放在同一份列表里,又不会混在一起。

Task Manager 页面,有 AI Assistant 卡片、Task List、Suggestions 和 Scheduled 三个 Tab,以及今天和本周的清单。
Task Manager 把 AI 卡片放在用户自己的清单上方。

建议放在列表上方,不夹在列表里

在 Task Manager 里,AI Assistant 只是顶部的一张卡片。卡片下面仍以用户自己的清单为主,分成 Today’s Tasks 和 Week’s Objectives,Suggestions 和 Scheduled 则放在各自的 Tab 里。Meal Planner 的顺序相同:一条建议横幅,然后是当天的餐食卡片,从早餐排到夜茶。

Budget Overview 用一张环形图把当月支出拆分为账单、休闲、健康、食品杂货和教育,下方是日均、月均和年均数据。

Community 页面里的 MomNet Community Tab,有 Find local connection 卡片、Nearby Moms 地图和示例成员的近期消息。
MomNet Community 先引向群组,再引向附近的妈妈。
Meal Planner 页面,有周日期条、建议横幅,以及早餐、午餐、晚餐和夜茶的卡片。
Meal Planner 把当天的餐食列在一条建议之下。

一个社区 Tab,三个空间

Community Tab 下有 Chats、MomNet Community 和 MomNet AI 三个部分。MomNet Community 以唯一的操作 Explore Groups 开头,接着是 Nearby Moms 小地图和她们的最新消息。MomNet AI 保存着一份提示词列表,按 Today、Yesterday 和 Last 7 Days 分组。

Budget Overview 页面,用环形图按类别拆分每月支出,并列出日均、月均和年均数据。
Budget Overview 按类别拆分当月的示例支出。