护肤记录App设计:Senso把记录分成几层界面设计预览

护肤记录App设计:Senso把记录分成几层

作者:界达设计工作室(JVDS) 阅读时间:约 4 分钟

Senso的护肤记录App设计,把今天要做的事和想认真记下的观察分开。首页有早晚计划与勾选,日记页再用档位、标签和备注补充细节。浅绿动作色贯穿其中,让日常记录有一条清楚的开始路径。

首页先摆出今天,再摆出长期回看

Hi, Maria的问候下面是一排日期块,状态入口接在日期之后。UV与短句卡占较小面积,早晚Routine卡则有时间、产品类型和勾选方框。几种内容都有边界,没有挤在一段长说明里。

Morning Routine用太阳图标,Evening Routine用月亮,时间又紧邻标题。图标与文字共同解释时段,已勾选方框变成浅绿。这些小配对让人不必靠位置记忆辨认早晚。

首页下方才出现Your products与Compare Results。产品清单和照片回看属于更深入内容,今日动作仍在前面。界达设计认为,这个顺序适合需要反复打开的记录产品:先让当下有可做的事情,再提供长期查阅。

图示日期重复出现Wed和14,这属于样例内容需要修正之处。日期是每条记录的身份,正式页面应让连续时间能被准确复述,不能只用颜色暗示先后。

Senso首页的日期、早晚计划勾选及产品和照片入口
首页中央与下方|当日计划在前,产品与照片回顾放在更深一层。

档位提供词汇,备注保留自己的说法

日记页用几条横向滑杆表示观察档位,每个档位下面都写了短词。选中项有浅色底块,与滑杆触点相对应,敏感和纹理又各用不同的标题。这让抽象感受至少有一组可比较词汇。

Additional factors下面是生活因素标签,Notes再提供大一些的文字框,Save铺满底部宽度。从选择到补充,再到保存,页面顺序完整。标签不需要承担所有表达,备注让没有现成选项的内容仍然能写下来。

记录类产品可以借鉴这套分工,但要区分“没有观察”和“选择了无异常”。未填写字段不应自动变成某个积极状态。保存后的摘要最好能直接复述选中词,便于回看与修改。

滑杆外形看似连续,下面却是几个离散档位,正式交互要让触点与词语对应准确。选中、拖动和键盘打开后的状态没有在这张图展示,后续原型可以围绕这些位置继续检查。

Senso敏感与纹理滑杆、生活因素、备注及Save按钮
日记页由上到下|档位选择、因素标签与自由备注共同承接一次观察。

回顾页把产品、关联与因素分成不同卡

Product Impact把产品图片、类别标签、名称和品牌排在一起,Positive Effect与Breakout Risk作为分区标题。再往下,Correlation Insights用Cycle、Sleep和UV短标签配文字,Lifestyle Factors另起一张卡。

从视觉上看,三块内容各有标题与空白,产品身份没有被一张大图盖住,因素也不混在商品名旁。这是回顾界面值得学习的层级安排:让不同对象分别有自己的阅读位置。

这些效果和关联词属于画面文案,不能据此证明产品造成了某种变化。若继续设计回顾页,可以让每条摘要指向相关日期、记录数量与观察内容,帮助人回到原始记录理解上下文。

照片对比入口同样需要拍摄日期与对应记录。两张图片并排能方便观看,光线或角度的差异仍需解释,照片排得整齐并不会自动成为结论。

Senso Product Impact与Correlation Insights产品和因素总结
回顾页上半|产品标签与生活因素并列,结论应能回到引用的记录。

浅绿色贯穿动作,其他浅色区分内容

保存按钮、勾选和小箭头都使用浅绿,产品类型标签则有粉、蓝、黄等细边框。主要动作有共同颜色,信息分类又保留小范围差异,白色卡片把两者放在干净背景里。

借鉴时可以先画完整的一天:未记录、仅完成计划、已填日记分别是什么状态,再检查历史页怎样显示。清楚的状态关系比增加更多连续奖励更能帮助长期记录,界面也更容易保持轻量。

让记录产品既容易开始,也方便回看

如果你在规划日常记录、生活管理或健康信息App,可以把快捷动作、详细填写与历史查阅一起梳理。界达设计工作室(JVDS)提供UI/UX设计与网站设计、开发服务,可协助规划产品界面及介绍网站。

联系界达设计,聊聊你的项目

咨询电话:17346567675 聊聊你的项目
链接复制成功

从想法到落地,我们一起完成

以用户体验为核心,打造真正可用、可增长的数字产品

和我谈谈您的项目