2025年交互设计试题及答案

2025年交互设计试题及答案一、单项选择题（每题2分，共20分）1.在Figma中，若需让组件实例保持文字内容可变而颜色不可变，应在主组件内对哪一项属性使用“隐藏”功能？A.FillB.TextContentC.InstanceSwapD.LayerVisibility答案：A2.根据Fitts定律，当目标宽度W固定时，移动时间MT与距离D的关系为：A.MT与D成线性正比B.MT与log₂(D/W+1)成正比C.MT与D²成正比D.MT与1/D成正比答案：B3.在AppleHumanInterfaceGuidelines中，关于“Modal”界面的描述，下列哪一项最准确？A.必须包含“取消”与“完成”双按钮B.禁止嵌入滚动区域C.需提供明显退出路径且避免嵌套ModalD.背景内容应保持可交互状态答案：C4.使用眼动仪进行可用性测试时，衡量“首次注视时间”(TimetoFirstFixation)主要反映：A.视觉复杂度B.可发现性C.操作效率D.错误恢复率答案：B5.在WebContentAccessibilityGuidelines2.2草案中，对“FocusAppearance”新增的最小对比度要求为：A.3:1B.4.5:1C.2:1D.7:1答案：A6.当使用ReactNative构建跨端应用时，若要实现iOS与Android端一致的“侧滑返回”手势，应优先采用：A.PanResponder从头封装B.reactnavigationnativestackC.ScrollView嵌套手势D.TouchableOpacity答案：B7.在语音交互VUI设计中，“确认策略”(ConfirmationStrategy)的“三阶确认”通常指：A.隐式确认→显式确认→挑战确认B.显式确认→隐式确认→混合确认C.挑战确认→显式确认→隐式确认D.混合确认→挑战确认→显式确认答案：A8.在DesignToken体系中，对“rgba(25,118,210,0.8)”最合理的命名是：A.color.brand.primary.80B.color.primary.brand.80C.color.brand.primary.8D.color.primary.80.brand答案：A9.当使用Arduino+电容触摸传感器做交互原型时，出现“鬼触”(GhostTouch)现象，首要排查：A.供电电压不足B.传感器采样频率过高C.未接地导致的浮动电容D.串口波特率不匹配答案：C10.在服务设计蓝图(ServiceBlueprint)中，区分“前台”与“后台”的关键维度是：A.用户是否可见B.是否使用数字技术C.是否产生成本D.是否依赖第三方答案：A二、多项选择题（每题3分，共15分，多选少选均不得分）11.以下哪些技术组合可实现“深色模式”自动切换且无刷新闪白？A.CSScustomproperties+preferscolorschemeB.localStorage保存用户手动选择C.服务端渲染时在HTML标签注入datathemeD.使用metaname="colorscheme"答案：A、B、C、D12.关于“无障碍焦点顺序”(FocusOrder)，下列做法符合WCAG2.1要求的有：A.使用tabindex="0"将自定义按钮纳入顺序B.使用tabindex="1"后用JS聚焦至错误提示C.使用CSSorder属性改变视觉顺序与DOM顺序D.使用锚点链接实现“跳转至主内容”答案：A、B、D13.在VR界面中，减少“晕动症”(Cybersickness)的交互策略包括：A.保持地面参考网格始终可见B.使用瞬移替代连续移动C.帧率低于60fps时降低渲染距离D.头部锁定UI元素答案：A、B14.以下哪些属于“心智模型”(MentalModel)的验证方法？A.卡片分类B.思维aloudC.眼动轨迹热图D.认知走查答案：A、B、D15.在DesignSystem治理中，导致“组件漂移”(ComponentDrift)的常见原因有：A.缺乏版本控制B.设计师与开发者使用不同命名空间C.未设立DesignOps角色D.使用CSSinJS导致样式无法复用答案：A、B、C三、判断改错题（每题2分，共10分，先判断对错，若错则给出正确表述）16.在iOS17中，系统级“AssistiveTouch”默认开启时，会屏蔽所有App内自定义手势。答案：错。正确：AssistiveTouch仅覆盖系统手势，App内自定义手势仍有效，除非冲突。17.根据GoogleMaterial3规范，FAB在屏幕中只能出现一次，且不可嵌套于BottomSheet内部。答案：错。正确：Material3允许在BottomSheet内嵌次要FAB，但禁止同一屏幕出现两个同级FAB。18.使用FramerMotion时，layout属性为true会自动启用CSScontain:layout以提升性能。答案：对。19.在语音界面中，采用“隐式确认”策略一定比“显式确认”策略耗时更短。答案：错。正确：若语音识别置信度低，隐式确认可能导致错误放大，总耗时反而增加。20.眼动仪的采样频率达到60Hz即可满足阅读研究需求。答案：错。正确：阅读研究需≥1000Hz以捕捉回跳(RegressiveSaccade)细节。四、填空题（每空1分，共15分）21.在CSS中，使用________函数可实现颜色空间LCH到sRGB的平滑过渡且避免灰色断层。答案：colormix22.当使用Three.js做WebXR交互时，控制器射线与3DUI的碰撞检测通常依赖________类。答案：Raycaster23.在AppleWatch表盘设计中，为保证“复杂功能”(Complication)在AlwaysOn状态下功耗低于________mW，需将刷新率降至1Hz。答案：1524.根据ISO9241110，对话原则中“自我描述性”对应的英文术语是________。答案：Selfdescriptiveness25.在Figma的VariablesAPI中，若要监听变量集合变更事件，应订阅________主题。答案：DOCUMENT_VARIABLES_CHANGED26.使用KotlinJetpackCompose时，通过________修饰符可让组件在无障碍树中隐藏但仍保留视觉呈现。答案：clearAndSetSemantics27.在Unity中，用于XR手部交互的“交互快照”(InteractionSnapshot)数据类位于________命名空间。答案：Unity.XR.Hands28.服务设计蓝图中的“可视线”(LineofVisibility)上方为________活动。答案：前台29.当使用WebSpeechAPI时，设置________属性可让识别器持续监听而不自动终止。答案：continuous30.在DesignToken的StyleDictionary配置文件中，________属性用于指定平台输出生成Swift代码。答案：transforms五、简答题（每题8分，共24分）31.简述“渐进式披露”(ProgressiveDisclosure)在移动端表单设计中的三种实现方式，并给出各自适用场景。答案：(1)分步导航：将长表单拆分为多屏，适用于注册、开户等强顺序任务，可降低认知负荷；(2)即时展开：点击“更多选项”下拉，适用于高级设置不常用但必须提供的场景；(3)条件分支：根据前一题答案动态显示后续字段，适用于税务、保险等高度依赖上下文的表单。32.说明“无障碍名称”(AccessibleName)与“无障碍描述”(AccessibleDescription)的区别，并举例说明ARIA如何同时提供两者。答案：无障碍名称用于标识控件，如屏幕阅读器读出“提交按钮”；无障碍描述提供补充信息，如“提交后将生成不可撤销订单”。示例：<buttonarialabel="提交"ariadescribedby="desc">下单</button><spanid="desc"hidden>提交后将生成不可撤销订单</span>此时“提交”为名称，“提交后将生成不可撤销订单”为描述。33.描述“微交互”(Microinteraction)五要素，并以“点赞”动画为例拆解。答案：(1)触发：用户点击爱心图标；(2)规则：若已点赞则取消，否则添加；(3)反馈：图标填充颜色并弹出粒子；(4)循环：粒子在500ms内淡出；(5)模式：离线时先本地更新，待网络恢复后同步。六、综合设计题（16分）34.背景：某城市地铁官方App计划上线“无障碍出行”功能，需为视障群体提供“室内导航”服务。车站内已部署蓝牙AOA定位基站，精度0.5m。请完成：(1)用流程图描述用户从“进站”到“上车”的完整交互流程，需包含触发、确认、容错、完成四节点；（6分）(2)列出三项关键交互决策，并说明如何用非视觉反馈降低认知负荷；（5分）(3)给出一种最小可行原型(MVP)的硬件+软件组合方案，预算控制在5000元人民币以内，并评估风险。（5分）答案：(1)流程图：开始→手机自动检测进站蓝牙信标→语音播报“您已进入XX站”→用户双击确认→App询问“是否需要导航至站台”→用户单击“是”→系统规划路径→每5m播报一次方向与步数→检测到扶梯前0.5m提示“前方上行扶梯，请握扶手”→到达站台→检测列车车门信标→播报“2号车门开启，请上车”→完成。(2)关键决策：a.路径规划：提供“最短路径”与“无障碍路径”双选项，默认选中后者；b.方向确认：使用3D音效，左转提示音来自左声道，降低语言负担；c.错误恢复：若用户偏离路径>1m，先短振一次，再语音提示“已偏离，请右转15度”，避免连续振动造成紧张。(3