修改整理反馈需求

2026-10-09 22:12:33 +08:00
parent 499be22771
commit 55f26d91af
1 changed files with 29 additions and 97 deletions
@@ -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)
-
-
-