设计师转正题目及答案.docxVIP

设计师转正题目及答案

一、专业技能考核

题目1：请为某教育类APP（目标用户：8-12岁小学生及家长，核心功能：在线课程学习、作业提交、教师互动）设计「课程详情页」，要求输出符合iOS/Android双平台规范的高保真设计稿，并附设计说明文档（含用户需求分析、视觉策略、交互逻辑、适配方案）。

答案：

1.用户需求分析：通过用户访谈（家长关注课程体系完整性、教师资质、学习效果数据；儿童关注界面趣味性、操作便捷性）、竞品分析（对比「猿辅导」「腾讯企鹅辅导」课程页，发现家长端信息密度高但儿童端交互层级深）、数据埋点（现有版本课程页跳出率28%，主要因「课程大纲」与「报名入口」位置冲突），提炼核心需求：

-家长侧：快速获取课程目标、教师资质、课时安排、费用明细；

-儿童侧：直观感知课程趣味性（如动画封面、互动图标）、操作路径不超过3步；

-双端共性：关键操作（报名/试听）入口明确，避免信息过载。

2.视觉策略：

-品牌一致性：沿用APP主色调（活力橙FF6B35+教育蓝2D76F5），儿童侧增加低饱和度马卡龙色（浅粉FFD9E8、浅绿D1F0C4）提升亲和力；

-信息层级：采用「Z型视觉动线」，顶部为课程封面（含动态预览小动画）→中间「核心信息区」（课程名称、教师头像+星级、限时优惠标签）→下方「决策支持区」（课程大纲折叠列表、学员评价精选、家长常见问题QA）→底部固定「立即报名」按钮（悬浮态，iOS圆角8pt，Android圆角12dp）；

-儿童友好设计：关键操作按钮增加「手指指引图标」（半透明小手），字体选用「站酷小薇体」（笔画圆润，字号16sp/15pt），配图采用扁平化插画（如书本、星星、对话框元素）。

3.交互逻辑：

-基础交互：课程封面支持左右滑动查看「课程亮点」「教师介绍」「学员作品」三屏（每屏1秒自动轮播，用户滑动时停止）；

-折叠设计：课程大纲默认展示前3课时（标题+简要目标），点击「展开全部」后显示完整12课时（带时间轴进度条）；

-防误触：「立即报名」按钮点击需二次确认（弹窗：“确认为XX（孩子姓名）报名？”+「取消」「确认」）；

-数据联动：若用户已登录，自动填充孩子姓名；若未登录，点击按钮跳转登录页（返回后保留当前页面状态）。

4.适配方案：

-屏幕尺寸：iOS覆盖iPhone12（390×844）至iPhone14Plus（428×926），Android覆盖1080p（1080×2340）至2K（1440×3200），关键元素（按钮、标题）采用百分比布局，插画尺寸按1x/2x/3x切图；

-系统差异：iOS使用SFPro字体，Android使用HarmonyOSSans；iOS返回键为左侧「＜」，Android保留底部导航栏；

-无障碍：文字与背景对比度≥4.5:1（WCAGAA标准），按钮点击区域最小48×48dp（Android）/44×44pt（iOS）。

二、项目经验复盘

题目2：请回顾你在职期间主导/参与的1个核心设计项目（需为上线项目），描述项目背景、你的具体职责、遇到的关键挑战及解决过程，并用数据说明设计成果（如用户留存率、转化率、NPS等）。

答案：

项目背景：公司主推的「智能学习机」配套APP需优化「学习报告」模块，原版本存在问题：用户打开率仅12%（DAU5万），家长反馈“数据看不懂”“缺乏行动指引”，产品目标是将打开率提升至25%，家长满意度（NPS）提升15%。

我的职责：担任主设计师，负责从用户研究到落地的全流程设计，包括需求对接、交互原型、视觉设计、开发跟进及上线后数据验证。

关键挑战与解决过程：

1.挑战1：数据维度复杂，家长（非教育专业）难以理解

-原报告包含「知识点掌握率」「答题速度」「错误类型分布」等12项数据，用户调研显示73%家长表示“不知道从哪看起”。

-解决：通过卡片式信息分层（「核心结论」→「关键问题」→「改进建议」），用「学习健康度」综合评分（1-10分，搭配颜色标识：红＜6、黄6-8、绿＞8）作为入口焦点；次要数据（如「周对比趋势」）折叠至「更多详情」，并增加「数据解读」浮层（点击数据标签弹出，用口语化语言解释，例：“计算错误占比35%：孩子在加减乘除运算中容易粗心，建议每天练习5道计算题”）。

2.挑战2：开发周期紧张（4周），需平衡设计复杂度与实现成本

-初期方案包含动态图表（如雷达图动画、趋势线滑动查看），开发评估需额外2周。

-解决：与开发团队对齐优先级，