2025年交互设计试题及答案

2025年交互设计试题及答案一、单项选择题（每题2分，共20分。每题只有一个正确答案，请将正确选项填写在括号内）1.在Figma中，若设计师希望将组件的某个属性（如颜色）设置为“可覆盖”以便实例独立修改，应在组件创建时对该属性执行以下哪项操作？（）A.将该属性绑定到变量B.将该属性设置为“隐藏”C.将该属性设置为“可覆盖”并发布到团队库D.将该属性锁定为“固定值”答案：C解析：Figma的“可覆盖”机制允许实例层独立修改特定属性，但前提是该属性在母组件中被显式标记为可覆盖并随团队库发布，否则实例无法感知该属性。2.某车载HMI项目要求驾驶员在2秒内完成空调温度调节任务。可用性测试发现平均完成时间为2.8秒。根据Nielsen的启发式原则，最优先的改进方向是：（）A.增加语音助手引导B.将温度滑块改为±1℃步进按钮C.扩大滑块热区至12mm并降低阻尼D.在仪表盘增加温度数值反馈答案：C解析：2.8秒超出安全阈值，首要减少操作时间。扩大热区可降低指向时间（Fitts’Law），降低阻尼可减少拖动距离，两者合力缩短时间效果最直接。3.在AppleVisionPro的空间交互中，系统使用“眼睛+捏合”作为默认确认方式。该交互范式主要遵循的交互原理是：（）A.渐进披露B.直接操作C.心理模型匹配D.模态转移答案：B解析：眼睛指向目标+捏合确认，将“指向”与“执行”分离，但仍属于用户直接对虚拟对象施加动作，符合直接操作定义。4.某电商App采用“无限滚动+懒加载”商品列表。当用户离线时，已浏览过的商品图片仍可直接查看。此功能依赖的核心WebAPI是：（）A.LocalStorageB.ServiceWorker+CacheAPIC.SessionStorageD.IndexedDB答案：B解析：ServiceWorker可拦截网络请求，CacheAPI存储图片Response，实现离线复用，LocalStorage仅支持字符串，IndexedDB虽可存二进制但实现成本高。5.在VR社交应用《HorizonWorlds》中，用户可通过“腿部IK”看到自己虚拟双腿。若用户真实坐姿与虚拟站姿不一致，可能诱发simulatorsickness的主因是：（）A.视觉前庭冲突B.深度知觉缺失C.视野过窄D.帧率低于72Hz答案：A解析：视觉看到站立而前庭感知坐姿，感官不匹配触发冲突，是simulatorsickness经典成因。6.在AntDesign5.0的DesignToken体系中，若要实现“深色模式”下主按钮背景色从165DFF变为3C7EFF，应修改哪类Token？（）A.GlobalTokenB.ComponentTokenC.AliasTokenD.RawColorToken答案：B解析：按钮背景色属于组件级语义，AntD5.0将组件可变量抽取为ComponentToken，GlobalToken用于全局基础变量，AliasToken为跨组件语义。7.某B端表单采用“实时保存”机制：每输入一个字符即触发PUT请求。测试发现频繁409冲突。最合理的优化策略是：（）A.前端防抖500ms并带版本号ETagB.改为点击“保存”按钮一次性提交C.将PUT改为POSTD.禁用并发请求答案：A解析：409冲突源于并发覆盖，防抖减少请求频次，ETag实现乐观锁，可解决冲突且保留实时保存体验。8.在语音交互VUI设计中，以下哪项不是“确认策略”的一种？（）A.隐式确认B.三级确认C.非语言确认D.显式确认答案：B解析：常见确认策略为显式、隐式、非语言（如音效），三级确认并非标准术语。9.在iOS17的交互式小组件中，开发者使用Button(action:)实现无需跳转到App的即时操作。该功能依赖的系统机制是：（）A.AppClipB.ExtensionRemoteViewControllerC.WidgetKitReloadD.BackgroundTask答案：B解析：交互式小组件通过RemoteViewController在系统进程内执行轻量逻辑，无需启动主App。10.某可穿戴手环在用户跑步时通过振动提示心率过高。根据MalleableAttention理论，该提示应设计为：（）A.长振3次，间隔1秒B.短振1次，强度逐级升高C.连续长振5秒D.随机节奏振答案：B解析：运动场景用户注意力资源紧张，短振+逐级强度可在不中断活动前提下实现可感知但非惊吓的提醒。二、多项选择题（每题3分，共15分。每题有两个或以上正确答案，多选少选均不得分）11.以下哪些技术组合可实现Web端“可变字体”动态字重过渡动画？（）A.@fontface定义wght轴B.CSStransition:fontvariationsettingsC.requestAnimationFrame逐帧改写fontweightD.FontFaceObserver检测加载完成答案：A、B、D解析：A提供字体轴，B支持过渡，D保证字体加载后再动画，C的fontweight对可变字体无效，需用fontvariationsettings。12.在AR眼镜的SLAM跟踪中，导致“漂移”的常见原因包括：（）A.特征点稀疏B.IMU温漂C.动态物体遮挡D.显示刷新率低答案：A、B、C解析：SLAM漂移源于跟踪误差累积，A导致视觉约束不足，B导致IMU偏差，C引入错误特征，D影响渲染不影响跟踪。13.以下哪些做法有助于降低老年人对智能界面的“技术焦虑”？（）A.提供可逆操作B.使用skeuomorphic视觉风格C.增加游戏化挑战D.提供线下纸质说明书答案：A、B、D解析：可逆操作减少恐惧，skeuomorphic降低学习成本，纸质说明符合老年人习惯，游戏化挑战反而加剧焦虑。14.在DesignSystem的ColorToken命名中，以下哪些命名符合“语义化”原则？（）A.colorprimarydefaultB.colorblue500C.colorbgerrorhoverD.colorelevation1答案：A、C、D解析：语义化强调用途而非色相，B为色相值，A、C、D均表达用途或状态。15.以下哪些指标属于HEART框架中的“Engagement”维度？（）A.每日活跃用户数B.单用户每周点赞次数C.平均会话时长D.任务完成率答案：A、B、C解析：Engagement衡量用户互动深度与频次，D属于TaskSuccess维度。三、判断题（每题1分，共10分。正确请写“T”，错误写“F”）16.Fitts’Law中的“D”指目标距离，单位必须为像素方可计算MT。（）答案：F解析：D可为任意长度单位，只要与W一致即可，公式为MT=a+blog2(D/W+1)。17.在Unity中，使用WorldSpaceCanvas的UI元素无法接收射线，必须改为ScreenSpaceCamera。（）答案：F解析：WorldSpaceCanvas可接收射线，只需GraphicRaycaster组件与EventSystem存在。18.根据W3CWCAG2.2，非文本对比度要求至少4.5:1，对大型文字可降低至3:1。（）答案：T解析：大型文字（≥18pt或≥14pt粗体）允许3:1。19.在Figma的FigJam中，使用“Stickies”创建的便利贴无法导出为CSV。（）答案：F解析：FigJam支持通过插件“StickiestoCSV”导出。20.语音助手的“bargein”功能允许用户打断提示音，该功能需前端VAD（VoiceActivityDetection）支持。（）答案：T解析：VAD检测用户说话后停止TTS播放，实现bargein。21.在AppleHumanInterfaceGuidelines中，建议iPhone单手操作可点击区域不小于44×44pt，但允许在紧急功能中降至30×30pt。（）答案：F解析：44×44pt为最低建议，无“紧急功能”例外条款。22.使用CSSmediaquery(prefersreducedmotion:reduce)可检测用户是否开启系统“减弱动态效果”。（）答案：T解析：该媒体查询用于尊重用户无障碍偏好。23.在VR中，使用“瞬移”代替自由行走可显著降低cybersickness，但会削弱空间认知。（）答案：T解析：瞬移减少视觉前庭冲突，但破坏连续路径记忆。24.根据ISO9241110，对话的“自描述性”原则要求系统始终显示当前可用操作，因此不应使用汉堡菜单。（）答案：F解析：自描述性强调可发现性，汉堡菜单若配合清晰图标与标签仍可满足。25.在ReactNative中，FlatList的initialNumToRender属性越大，首屏渲染越慢，但后续滚动越流畅。（）答案：T解析：initialNumToRender增大导致首屏JS计算与绘制增加，但减少后续空白闪动。四、填空题（每空2分，共20分）26.在Google的Material3中，动态色彩算法__________通过提取壁纸颜色生成5组色调调色板，其中__________调色板用于强调色。答案：Monet、Tertiary解析：Monet算法生成Primary、Secondary、Tertiary、Neutral、NeutralVariant，Tertiary用于强调。27.在WebAccessibility中，role="switch"的ariachecked状态应填写__________或__________，而不可使用mixed。答案：true、false解析：switch为二元状态，无mixed。28.在Unity的XRInteractionToolkit中，实现“抓取”交互需为物体添加__________组件，并为手柄添加__________组件。答案：XRGrabInteractable、XRRayInteractor解析：前者定义可抓取对象，后者定义交互射线。29.在Figma的AutoLayout中，设置“Packed”分布模式时，子项间距由__________属性控制，而“SpaceBetween”模式由__________自动计算。答案：spacing、剩余空间解析：Packed使用固定spacing，SpaceBetween平均分配剩余空间。30.根据Nielsen的10Heuristics，用户常把“可逆操作”称为“__________”，其英文原文为“__________”。答案：撤销、Undo解析：Undo是用户最期望的安全网。五、简答题（每题10分，共30分）31.某金融App计划将“指纹登录”升级为“无感人脸登录”。请从安全与体验角度列出三项关键设计决策，并给出验证方法。答案：（1）多模态融合：采用3D结构光+活体检测+防重放攻击，设计决策为“本地特征比对+服务端Token二次签名”，验证方法：使用3D面具与高清照片进行RedTeam攻击测试，要求FAR≤1/1000000。（2）渐进式授权：首次登录仍需指纹或密码，二次登录启用人脸，决策为“风险自适应”，验证方法：A/B测试对比升级前后7天留存率与投诉率，留存提升≥3%，投诉≤0.1%。（3）可逆与透明：提供“关闭人脸”入口与数据删除选项，决策为“GDPR合规+30天内彻底删除”，验证方法：第三方审计检查服务器日志与数据库，确认特征向量删除不可恢复。32.描述如何在Web端实现“可变字体”随滚动渐变字重的交互，并给出性能优化方案。答案：实现：1.使用@fontface定义wght轴字体，如@fontface{fontfamily:'Var';src:url(var.woff2);fontdisplay:swap;}2.监听window.scrollY，计算progress=scrollY/(documentHeightinnerHeight)，映射至fontvariationsettings:"wght"clamp(300,300+progress500,800)。3.使用CSStransition:fontvariationsettings0.1seaseout减少逐帧跳动。性能优化：1.防抖：requestAnimationFrame内仅标记dirty，在下一帧统一更新，避免高频写入。2.分层：将需要渐变的文字设为willchange:fontvariationsettings，浏览器创建独立层。3.子集化：使用glyphhanger提取页面所用字符，将字体子集压缩至30KB以内，并采用woff2。4.懒加载：字体预加载<linkrel="preload">，避免滚动时字体未加载导致的回退闪烁。5.降级：不支持可变字体时，使用@supports检测并回退到正常fontweight，保证可访问性。33.某AR导航眼镜需在复杂路口提供转向提示。请说明如何结合“注意力隧道”理论设计视觉线索，并评估其安全性。答案：设计：1.注意力隧道：在真实路面生成3D蓝色光带，宽度逐渐收窄形成“隧道”，指向目标车道，隧道前端出现绿色“门户”高亮出口，减少视觉搜索。2.深度一致性：使用SLAM将隧道锚定到路面，确保无论用户头部如何晃动，隧道与路面保持零视差，避免视觉前庭冲突。3.时序分层：提前80米出现隧道，提前30米门户闪烁频率提高至4Hz，利用外源性注意捕获。4.多模态冗余：同步播放3D音频提示“请向右变道”，音源方向与隧道一致，形成跨模态确认。安全性评估：1.场测：招募30名驾驶员在封闭测试道路行驶，佩戴眼动仪记录平均扫视时间，对比2D箭头HUD，扫视时间减少22%，车道偏离标准差降低18%。2.NASATLX问卷：心理负荷下降15%，表明隧道减少认知资源占用。3.夜间对比：在低照度环境下，隧道亮度自动降至15cd/m²，避免眩光，通过对比敏感度测试，识别阈值未下降，证明无眩光副作用。六、综合设计题（35分）34.题目：为“2025年杭州亚运会”设计一款多语言、多平台（手机、AR眼镜、Web大屏）的“零障碍”观众服务系统。要求：1.需求背景：观众涵盖外籍人士、听障、视障、老年人；场馆网络存在50%概率高延迟（>800ms）；手机电量平均剩余30%情况下需支持4小时连续使用；AR眼镜需兼顾室外强光（>80000lux）与夜间低光（<5lux）。2.任务：a)用200字以内阐述设计目标与核心交互原则。（5分）b)画出跨端信息架构图（文字描述即可），并说明如何根据设备能力渐进增强。（10分）c)针对“找座位”场景，分别给出手机、AR眼镜的交互流程（用流程图文字描述），并说明无障碍适配。（10分）d)给出离线场景下的数据同步策略，要求冲突可逆、可追踪。（10分）答案：a)设计目标：构建“零障碍、低能耗、高韧性”的亚运观众服务系统，让任何观众在任意网络与身体条件下都能独立、安全、愉悦地完成入场、导航、观赛、离场。核心交互原则：1.语义一致：跨端同一功能使用相同语义符号与命名；2.渐进增强：根据设备传感器能力递增体验；3.离线优先：本地数据与逻辑优先，网络作为增量；4.无障碍默认：所有功能默认提供文本、语音、触觉三重输出；5.能耗透明：将能耗成本显性化，让用户知情选择。b)信息架构：根层：用户身份（票ID、语言、无障碍偏好）→场景层（去场馆、入场、找座、观赛、离场）→任务层（导航、餐饮、应急、社交）。跨端映射：手机：具备最强算力与电池，提供完整“赛事直播+多视角回放”增强功能；AR眼镜：提供空间导航与实时字幕叠加，算力卸载至手机边缘计算（BluetoothLEAudio+UWB传输）；Web大屏：场馆入口kiosk，提供二维码扫码同步个人行程，能力最弱仅展示只读信息。渐进增强：1.传感器增强：AR眼镜若检测到环境光>60000lux，自动切换为高对比度绿色标线；2.网络增强：手机检测到延迟>600ms，自动降级为矢量地图+文字描述，关闭直播视频；3.电量增强：手机电量<20%时，AR眼镜接管导航，手机仅作为蓝牙网关，屏幕关闭。c)找座位流程：手机：1.打开App→自动检票二维码→闸机扫码成功→本地加载座位地图→GPS+BLE定位→显示2D楼层图+电梯扶梯图标→点击“带我去”→语音播报“前方50米右转”→到达区域后切换为AR相机视图→叠加蓝色箭头→到达座位→震动+语音“您的座位在右侧第3排”。无障碍：视障：默认开启TalkBack，