交互设计笔试题及答案.docxVIP

交互设计笔试题

一、基础概念题（每题5分，共20分）

请简述“用户旅程图”与“用户流程图”的核心区别，并各举1个实际产品场景示例。

什么是“容错设计”？在移动端APP中，针对用户输入错误（如手机号格式错误），请给出2种常见的容错设计方案。

解释“信息架构”的定义，以及它对用户体验的核心影响。

尼尔森十大可用性原则中，“状态可见性原则”指的是什么？请以电商APP的“订单支付”场景为例说明。

二、设计分析题（每题15分，共30分）

某外卖APP当前的“退款申请”流程如下：进入“我的订单”→找到目标订单→点击“更多”→选择“退款”→填写退款原因→提交申请。用户反馈“找不到退款入口”，请分析该流程的痛点，并提出2处优化方案（需说明优化逻辑）。

对比移动端APP与PC端网页在交互设计上的3个核心差异（如操作方式、信息呈现等），并以“视频播放功能”为例，说明两者在设计上的具体区别。

三、实操设计题（30分）

某社区类APP计划新增“内容举报”功能，目标用户为普通用户，核心需求是：让用户能快速发起举报，同时确保平台能收集到有效举报信息（如举报类型、违规证据）。请完成以下设计：

画出该功能的核心用户流程图（需包含“发起举报→选择举报类型→提交证据→提交成功”关键节点，可补充必要分支）；

设计“举报类型选择”页面的低保真原型要点（需说明页面元素、交互逻辑，无需画图，用文字描述）；

说明该设计如何平衡“用户举报效率”与“平台信息收集完整性”。

四、逻辑沟通题（20分）

在项目中，产品经理提出“为提升用户停留时长，需在首页增加3个推荐内容模块”，但你通过用户调研发现：用户反馈“首页信息太杂，找不到想看的内容”。此时你需要与产品经理沟通你的观点，请说明：

你会准备哪些数据/信息来支撑你的观点？

你会如何组织沟通逻辑，既能表达反对意见，又能推动问题解决（需分步骤说明）？

交互设计笔试题答案

一、基础概念题答案

核心区别：

用户旅程图：以用户视角，描述用户完成目标的“体验过程”（含情绪、触点、痛点），侧重“体验感受”；

示例：网购连衣裙的旅程图——“浏览商品（期待）→对比评价（犹豫）→下单付款（兴奋）→等待收货（焦虑）→确认收货（满意）”。

用户流程图：以系统视角，描述用户完成目标的“操作步骤”（含系统反馈、分支逻辑），侧重“操作路径”；

示例：网购连衣裙的流程图——“打开电商APP→有哪些信誉好的足球投注网站‘连衣裙’→点击商品→加入购物车→进入购物车→点击结算→填写地址→支付→支付成功（系统生成订单）”。

容错设计：指通过设计降低用户操作错误的影响，或帮助用户快速修正错误的设计思路。

移动端输入错误的容错方案：

实时格式校验：输入手机号时，每输入4位自动添加空格分隔，若输入非数字字符，输入框边缘变红并弹出“请输入数字”提示；

错误自动修正：若用户输入手机号少1位，提交时弹出“您输入的手机号可能为138****1234（补充1位），是否确认？”，提供一键修正选项。

信息架构：指对产品中的信息（如功能、内容、服务）进行分类、组织，形成清晰的结构，帮助用户快速找到所需信息的设计过程。

核心影响：良好的信息架构能降低用户“认知负荷”，减少用户寻找信息的时间（如APP底部导航分类清晰，用户能快速定位“我的”页面）；反之会导致用户“迷路”，如功能藏在多级菜单中，用户无法找到。

状态可见性原则：指系统需通过及时反馈，让用户知道当前操作的结果、系统所处状态（如加载中、成功、失败），避免用户困惑。

电商订单支付场景示例：用户点击“确认支付”后，页面显示“支付中”加载动画+文字提示；支付成功后，弹出“支付成功”弹窗+跳转至“订单详情页”，并显示“已支付”状态标签；若支付失败，弹出“支付失败”提示，并提供“重新支付”按钮。

二、设计分析题答案

流程痛点：

退款入口隐藏在“更多”菜单中，用户需多一步操作，且“更多”按钮无明确“退款”关联提示，用户难以联想；

订单列表页未直接显示退款入口，用户需进入订单详情页才能操作，路径过长。

优化方案：

方案1：在订单列表页目标订单右侧，直接添加“退款”按钮（仅显示未完成订单），用户无需进入详情页即可发起申请，缩短路径；逻辑：将核心操作前置，减少用户跳转步骤。

方案2：将“更多”按钮改为“...（更多操作）”，点击后弹出的菜单中，将“退款”选项放在首位，并标注橙色（突出核心功能），同时添加“退款”图标；逻辑：通过视觉优先级引导用户，降低入口寻找成本。

移动端与PC端交互设计核心差异：

操作方式差异：移动端以“触摸操作”