Senso的护肤记录App设计,把今天要做的事和想认真记下的观察分开。首页有早晚计划与勾选,日记页再用档位、标签和备注补充细节。浅绿动作色贯穿其中,让日常记录有一条清楚的开始路径。
首页先摆出今天,再摆出长期回看
Hi, Maria的问候下面是一排日期块,状态入口接在日期之后。UV与短句卡占较小面积,早晚Routine卡则有时间、产品类型和勾选方框。几种内容都有边界,没有挤在一段长说明里。
Morning Routine用太阳图标,Evening Routine用月亮,时间又紧邻标题。图标与文字共同解释时段,已勾选方框变成浅绿。这些小配对让人不必靠位置记忆辨认早晚。
首页下方才出现Your products与Compare Results。产品清单和照片回看属于更深入内容,今日动作仍在前面。界达设计认为,这个顺序适合需要反复打开的记录产品:先让当下有可做的事情,再提供长期查阅。
图示日期重复出现Wed和14,这属于样例内容需要修正之处。日期是每条记录的身份,正式页面应让连续时间能被准确复述,不能只用颜色暗示先后。

档位提供词汇,备注保留自己的说法
日记页用几条横向滑杆表示观察档位,每个档位下面都写了短词。选中项有浅色底块,与滑杆触点相对应,敏感和纹理又各用不同的标题。这让抽象感受至少有一组可比较词汇。
Additional factors下面是生活因素标签,Notes再提供大一些的文字框,Save铺满底部宽度。从选择到补充,再到保存,页面顺序完整。标签不需要承担所有表达,备注让没有现成选项的内容仍然能写下来。
记录类产品可以借鉴这套分工,但要区分“没有观察”和“选择了无异常”。未填写字段不应自动变成某个积极状态。保存后的摘要最好能直接复述选中词,便于回看与修改。
滑杆外形看似连续,下面却是几个离散档位,正式交互要让触点与词语对应准确。选中、拖动和键盘打开后的状态没有在这张图展示,后续原型可以围绕这些位置继续检查。

回顾页把产品、关联与因素分成不同卡
Product Impact把产品图片、类别标签、名称和品牌排在一起,Positive Effect与Breakout Risk作为分区标题。再往下,Correlation Insights用Cycle、Sleep和UV短标签配文字,Lifestyle Factors另起一张卡。
从视觉上看,三块内容各有标题与空白,产品身份没有被一张大图盖住,因素也不混在商品名旁。这是回顾界面值得学习的层级安排:让不同对象分别有自己的阅读位置。
这些效果和关联词属于画面文案,不能据此证明产品造成了某种变化。若继续设计回顾页,可以让每条摘要指向相关日期、记录数量与观察内容,帮助人回到原始记录理解上下文。
照片对比入口同样需要拍摄日期与对应记录。两张图片并排能方便观看,光线或角度的差异仍需解释,照片排得整齐并不会自动成为结论。

浅绿色贯穿动作,其他浅色区分内容
保存按钮、勾选和小箭头都使用浅绿,产品类型标签则有粉、蓝、黄等细边框。主要动作有共同颜色,信息分类又保留小范围差异,白色卡片把两者放在干净背景里。
借鉴时可以先画完整的一天:未记录、仅完成计划、已填日记分别是什么状态,再检查历史页怎样显示。清楚的状态关系比增加更多连续奖励更能帮助长期记录,界面也更容易保持轻量。
让记录产品既容易开始,也方便回看
如果你在规划日常记录、生活管理或健康信息App,可以把快捷动作、详细填写与历史查阅一起梳理。界达设计工作室(JVDS)提供UI/UX设计与网站设计、开发服务,可协助规划产品界面及介绍网站。