diff --git a/feedback/1meAI测肤旷视UI问题反馈/1meAI测肤旷视UI问题反馈.md b/feedback/1meAI测肤旷视UI问题反馈/1meAI测肤旷视UI问题反馈.md index c332b72..877c71e 100644 --- a/feedback/1meAI测肤旷视UI问题反馈/1meAI测肤旷视UI问题反馈.md +++ b/feedback/1meAI测肤旷视UI问题反馈/1meAI测肤旷视UI问题反馈.md @@ -1,126 +1,58 @@ # 1meAI测肤旷视UI问题反馈 -## UI\&交互界面调整 +## UI交互界面调整 ##### 交互 -1. 首页添加游客/平台登录注册页面（p1），平台授权注册后自动保存之前的调查问卷填写内容和测试结果。若为游客登录，则不保留一切数据。 - -![img\_v3\_0216a\_9c98146e\-8996\-4191\-b21f\-077c525ea5eg\.png](图片和附件/img_v3_0216a_9c98146e-8996-4191-b21f-077c525ea5eg.png) - ---- - -H5 上做微信登录需要认证服务号才给网页授权接口，而且只能 微信里打开才能走微信登录 - -2. 微信授权注册的用户后续再次测试时，自动展示之前的调查问卷填写内容，同时可以进入我的报告中查看过去测试结果 - -![image\.png](图片和附件/image%203.png) - - - -3. 年龄调整为滚轮，消费者选择出生年份\-月份，系统自动计算年龄（下拉设计）。 +1. 年龄调整为滚轮，消费者选择出生年份月份，系统自动计算年龄（下拉设计）。 ![image\.png](图片和附件/image%204.png) -4. 地区做成滚动形式，省份\-城市形式（下拉设计，详见设计稿）。 +1. 地区做成滚动形式，省份城市形式（下拉设计）。 找现存的插件，提供选择省份和城市。 ![image\.png](图片和附件/image%205.png) -5. 肤质选择添加滑动指引（详见设计稿） - -![image\.png](图片和附件/image%202.png) - -6. 拍摄前请求使用用户摄像头时，圈出的域名是否可替换成品牌名【1me以我】？ - -![img\_v3\_0215v\_de81e319\-a8c7\-4ec8\-bd78\-ae4a127ef30g\.jpg](图片和附件/img_v3_0215v_de81e319-a8c7-4ec8-bd78-ae4a127ef30g.jpg) - -弹窗里的域名是浏览器**自动读取当前页面真实地址**（origin）生成的，作用是告诉用户 "正在向哪个网站授权摄像头"，防止假冒域名骗授权。这是安全机制，前端拿不到任何修改入口 - -7. 拍摄方式修改为**动态捕捉方式**，上面进行动态提示，如请离近一点，请向左转头，请略微抬头等动态提示，帮助消费者更好的拍摄。同时，如果消费者的角度光线等必要条件合适，立刻捕捉画面（不要倒计时），删除自己拍摄选项。 +1. 拍摄方式修改为**动态捕捉方式**，再加入 远一点，近一点 请向左转头，请略微抬头等的动态提示。同时，如果消费者的角度光线等必要条件合适，立刻拍摄，不再倒计时拍摄， 不要手动拍摄的按钮。 ![image\.png](图片和附件/image%206.png) -8. 拍摄镜头需要**调整焦距**，目前版本需要离得很远才能拍摄，影响用户使用体验。同时，因为离得太远，难以拍出痘印、细纹等细微面部问题，最后也会一定程度影响结果分析。 - -![image\.png](图片和附件/image%201.png) - -9. 需要确保照片有效后再到下一步（e\.g右脸不成功就一直拍右脸） +1. 拍摄的时候画面缩小 15%， 使得摄像头离面部近一点也能正常拍摄。 (当前拍摄，需要手机离面部很远才符合要求) +2. 正脸，两个侧脸的拍摄，必须安装顺序完成，拍摄完成后才能拍摄下一张。 ![image\.png](图片和附件/image.png) -10. 拍摄完成后的界面修改为面部扫描的感觉（详见设计稿） - -![img\_v3\_0215v\_ae6e553b\-8196\-4962\-9529\-abfd20b33d3g\.jpg](图片和附件/img_v3_0215v_ae6e553b-8196-4962-9529-abfd20b33d3g.jpg) - - - ##### **设计** -上一轮设计反馈，新一轮修改需避免以下问题 - -整体设计问题：整体字体大小、按钮/弹窗圆角、设计排版都和设计稿不一致，技术老师需要严格还原设计稿 - -适配不同尺寸的手机需要尽可能还原设计稿并保持同一视觉效果（以下是两个不同尺寸的手机打开的效果） - -![截屏2026\-09\-28 14\.13\.35\.png](图片和附件/截屏2026-09-28%2014.13.35.png) - 具体设计问题： +1 主页面 参考下面图片， 左边的是当前的状态，右边的是要达到效果的标准， + +- Life in Full 为更好的生命表现 字号，位置，粗细 要和图片一致。 +- 开始检测的按钮不要圆角，要长方形带一点倒角。 + ![截屏2026\-09\-28 13\.38\.51\.png](图片和附件/截屏2026-09-28%2013.38.51.png) +2 设置的页面 + +- 不再要返回的按钮 +- “您的年龄“， “您的性别”， “您所在的地区”，需要居中，不是左对齐 +- 选择年龄，性别，和地区的选择控件风格要一致 +- 提交按钮 同样 要长方形带一点倒角 + ![截屏2026\-09\-28 13\.43\.25\.png](图片和附件/截屏2026-09-28%2013.43.25.png) +拍照页面，参考图片右边的标准 + +- 弹出“请拍摄正面及左右侧面照片” 这个对话框的时候， 对话框大小需要和右边的标准一致，背景要把选择年龄，性别，地区等UI元素去掉。 “开始” 按钮要长方形带一点倒角 + ![截屏2026\-09\-28 13\.44\.10\.png](图片和附件/截屏2026-09-28%2013.44.10.png) +报告页面 + +- 去掉返回按钮和 "1'me 在线肌肤测试" 的文字 +- “您的肌肤状态表现”，这个部分字体有点小，需要整体优化一下 +- 再往下的图片和说明部分，也是字体有点小，同样需要整体优化一下 +- 点击图片需要放大，再次点击返回 + ![截屏2026\-09\-28 13\.56\.32\.png](图片和附件/截屏2026-09-28%2013.56.32.png) -![截屏2026\-09\-28 13\.45\.46\.png](图片和附件/截屏2026-09-28%2013.45.46.png) - - - -设计稿优化**（****10月08最新修改****）** - -![img\_v3\_0216a\_9c98146e\-8996\-4191\-b21f\-077c525ea5eg\.png](图片和附件/img_v3_0216a_9c98146e-8996-4191-b21f-077c525ea5eg%201.png) - -![img\_v3\_0216a\_45a139b6\-f58c\-4bab\-8ca1\-1c29fcde18fg\.png](图片和附件/img_v3_0216a_45a139b6-f58c-4bab-8ca1-1c29fcde18fg.png) - - - -![我的报告\.jpg](图片和附件/我的报告.jpg) - -![img\_v3\_0216a\_71bbe9b7\-3add\-49ac\-a482\-294ab995bf8g\.png](图片和附件/img_v3_0216a_71bbe9b7-3add-49ac-a482-294ab995bf8g.png) - -![img\_v3\_0216a\_d9062dad\-94c8\-49ca\-8f2a\-02525fcf6bbg\.png](图片和附件/img_v3_0216a_d9062dad-94c8-49ca-8f2a-02525fcf6bbg.png) - -![档案填写\.png](图片和附件/档案填写.png) - -![img\_v3\_0216a\_d853ee3b\-5310\-4c90\-b34d\-ab43b9acff4g\.png](图片和附件/img_v3_0216a_d853ee3b-5310-4c90-b34d-ab43b9acff4g.png) - -![img\_v3\_0216a\_df6ae147\-0add\-4863\-879f\-38f2dc94220g\.png](图片和附件/img_v3_0216a_df6ae147-0add-4863-879f-38f2dc94220g.png) - -![img\_v3\_0216a\_5d95bb41\-92ae\-4fa4\-82a5\-74f274e58cbg\.png](图片和附件/img_v3_0216a_5d95bb41-92ae-4fa4-82a5-74f274e58cbg.png) - -## 产品推荐逻辑 - -逻辑： -基础按照测出来的准确肤龄（25\-35；35\-50；50\+的肌肤年龄组）进行产品推荐；如果遇到肤龄与分界值偏差在3岁时（如35±3，50±3之类的情况）自动触发肌肤问题划分功能，根据具体肌肤问题（如测出37岁肌龄，但仅存在暗沉问题就推荐25\+产品）去划分。同时需要注意，如果肌肤年龄小但轮廓分低或皱纹分低，也推荐25\+产品 -测出的肤龄不受用户填写的真实年龄影响 - -紧塑力9\+（必要条件）加另外某个维度（是谁都可以）都在9\+，剩下的维度无论多少分，都需要减档。 - -35\+1/2/3：紧塑力9\+另一任意维度9的情况都要减档 - -35\-1/2/3：紧塑力7\+，就需要加档 - -![image\.png](图片和附件/image%207.png) - - - -## 报告页话术修改 - -名称有更新，维度有拆分。 - -[AI测肤报告页话术修改](https://h2rh5a414y.feishu.cn/docx/Gbe0desv7ouOZVxfLR7clMzanng?from=from_copylink) - - -