2025年交互設(shè)計試題及答案一、單項選擇題（每題2分，共20分。每題只有一個正確答案，請將正確選項填寫在括號內(nèi)）1.在Figma中，若設(shè)計師希望將組件的某個屬性（如顏色）設(shè)置為“可覆蓋”以便實例獨立修改，應(yīng)在組件創(chuàng)建時對該屬性執(zhí)行以下哪項操作？（）A.將該屬性綁定到變量B.將該屬性設(shè)置為“隱藏”C.將該屬性設(shè)置為“可覆蓋”并發(fā)布到團隊庫D.將該屬性鎖定為“固定值”答案：C解析：Figma的“可覆蓋”機制允許實例層獨立修改特定屬性，但前提是該屬性在母組件中被顯式標記為可覆蓋并隨團隊庫發(fā)布，否則實例無法感知該屬性。2.某車載HMI項目要求駕駛員在2秒內(nèi)完成空調(diào)溫度調(diào)節(jié)任務(wù)?？捎眯詼y試發(fā)現(xiàn)平均完成時間為2.8秒。根據(jù)Nielsen的啟發(fā)式原則，最優(yōu)先的改進方向是：（）A.增加語音助手引導(dǎo)B.將溫度滑塊改為±1℃步進按鈕C.擴大滑塊熱區(qū)至12mm并降低阻尼D.在儀表盤增加溫度數(shù)值反饋答案：C解析：2.8秒超出安全閾值，首要減少操作時間。擴大熱區(qū)可降低指向時間（Fitts’Law），降低阻尼可減少拖動距離，兩者合力縮短時間效果最直接。3.在AppleVisionPro的空間交互中，系統(tǒng)使用“眼睛+捏合”作為默認確認方式。該交互范式主要遵循的交互原理是：（）A.漸進披露B.直接操作C.心理模型匹配D.模態(tài)轉(zhuǎn)移答案：B解析：眼睛指向目標+捏合確認，將“指向”與“執(zhí)行”分離，但仍屬于用戶直接對虛擬對象施加動作，符合直接操作定義。4.某電商App采用“無限滾動+懶加載”商品列表。當用戶離線時，已瀏覽過的商品圖片仍可直接查看。此功能依賴的核心WebAPI是：（）A.LocalStorageB.ServiceWorker+CacheAPIC.SessionStorageD.IndexedDB答案：B解析：ServiceWorker可攔截網(wǎng)絡(luò)請求，CacheAPI存儲圖片Response，實現(xiàn)離線復(fù)用，LocalStorage僅支持字符串，IndexedDB雖可存二進制但實現(xiàn)成本高。5.在VR社交應(yīng)用《HorizonWorlds》中，用戶可通過“腿部IK”看到自己虛擬雙腿。若用戶真實坐姿與虛擬站姿不一致，可能誘發(fā)simulatorsickness的主因是：（）A.視覺前庭沖突B.深度知覺缺失C.視野過窄D.幀率低于72Hz答案：A解析：視覺看到站立而前庭感知坐姿，感官不匹配觸發(fā)沖突，是simulatorsickness經(jīng)典成因。6.在AntDesign5.0的DesignToken體系中，若要實現(xiàn)“深色模式”下主按鈕背景色從165DFF變?yōu)?C7EFF，應(yīng)修改哪類Token？（）A.GlobalTokenB.ComponentTokenC.AliasTokenD.RawColorToken答案：B解析：按鈕背景色屬于組件級語義，AntD5.0將組件可變量抽取為ComponentToken，GlobalToken用于全局基礎(chǔ)變量，AliasToken為跨組件語義。7.某B端表單采用“實時保存”機制：每輸入一個字符即觸發(fā)PUT請求。測試發(fā)現(xiàn)頻繁409沖突。最合理的優(yōu)化策略是：（）A.前端防抖500ms并帶版本號ETagB.改為點擊“保存”按鈕一次性提交C.將PUT改為POSTD.禁用并發(fā)請求答案：A解析：409沖突源于并發(fā)覆蓋，防抖減少請求頻次，ETag實現(xiàn)樂觀鎖，可解決沖突且保留實時保存體驗。8.在語音交互VUI設(shè)計中，以下哪項不是“確認策略”的一種？（）A.隱式確認B.三級確認C.非語言確認D.顯式確認答案：B解析：常見確認策略為顯式、隱式、非語言（如音效），三級確認并非標準術(shù)語。9.在iOS17的交互式小組件中，開發(fā)者使用Button(action:)實現(xiàn)無需跳轉(zhuǎn)到App的即時操作。該功能依賴的系統(tǒng)機制是：（）A.AppClipB.ExtensionRemoteViewControllerC.WidgetKitReloadD.BackgroundTask答案：B解析：交互式小組件通過RemoteViewController在系統(tǒng)進程內(nèi)執(zhí)行輕量邏輯，無需啟動主App。10.某可穿戴手環(huán)在用戶跑步時通過振動提示心率過高。根據(jù)MalleableAttention理論，該提示應(yīng)設(shè)計為：（）A.長振3次，間隔1秒B.短振1次，強度逐級升高C.連續(xù)長振5秒D.隨機節(jié)奏振答案：B解析：運動場景用戶注意力資源緊張，短振+逐級強度可在不中斷活動前提下實現(xiàn)可感知但非驚嚇的提醒。二、多項選擇題（每題3分，共15分。每題有兩個或以上正確答案，多選少選均不得分）11.以下哪些技術(shù)組合可實現(xiàn)Web端“可變字體”動態(tài)字重過渡動畫？（）A.@fontface定義wght軸B.CSStransition:fontvariationsettingsC.requestAnimationFrame逐幀改寫fontweightD.FontFaceObserver檢測加載完成答案：A、B、D解析：A提供字體軸，B支持過渡，D保證字體加載后再動畫，C的fontweight對可變字體無效，需用fontvariationsettings。12.在AR眼鏡的SLAM跟蹤中，導(dǎo)致“漂移”的常見原因包括：（）A.特征點稀疏B.IMU溫漂C.動態(tài)物體遮擋D.顯示刷新率低答案：A、B、C解析：SLAM漂移源于跟蹤誤差累積，A導(dǎo)致視覺約束不足，B導(dǎo)致IMU偏差，C引入錯誤特征，D影響渲染不影響跟蹤。13.以下哪些做法有助于降低老年人對智能界面的“技術(shù)焦慮”？（）A.提供可逆操作B.使用skeuomorphic視覺風(fēng)格C.增加游戲化挑戰(zhàn)D.提供線下紙質(zhì)說明書答案：A、B、D解析：可逆操作減少恐懼，skeuomorphic降低學(xué)習(xí)成本，紙質(zhì)說明符合老年人習(xí)慣，游戲化挑戰(zhàn)反而加劇焦慮。14.在DesignSystem的ColorToken命名中，以下哪些命名符合“語義化”原則？（）A.colorprimarydefaultB.colorblue500C.colorbgerrorhoverD.colorelevation1答案：A、C、D解析：語義化強調(diào)用途而非色相，B為色相值，A、C、D均表達用途或狀態(tài)。15.以下哪些指標屬于HEART框架中的“Engagement”維度？（）A.每日活躍用戶數(shù)B.單用戶每周點贊次數(shù)C.平均會話時長D.任務(wù)完成率答案：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.根據(jù)W3CWCAG2.2，非文本對比度要求至少4.5:1，對大型文字可降低至3:1。（）答案：T解析：大型文字（≥18pt或≥14pt粗體）允許3:1。19.在Figma的FigJam中，使用“Stickies”創(chuàng)建的便利貼無法導(dǎo)出為CSV。（）答案：F解析：FigJam支持通過插件“StickiestoCSV”導(dǎo)出。20.語音助手的“bargein”功能允許用戶打斷提示音，該功能需前端VAD（VoiceActivityDetection）支持。（）答案：T解析：VAD檢測用戶說話后停止TTS播放，實現(xiàn)bargein。21.在AppleHumanInterfaceGuidelines中，建議iPhone單手操作可點擊區(qū)域不小于44×44pt，但允許在緊急功能中降至30×30pt。（）答案：F解析：44×44pt為最低建議，無“緊急功能”例外條款。22.使用CSSmediaquery(prefersreducedmotion:reduce)可檢測用戶是否開啟系統(tǒng)“減弱動態(tài)效果”。（）答案：T解析：該媒體查詢用于尊重用戶無障礙偏好。23.在VR中，使用“瞬移”代替自由行走可顯著降低cybersickness，但會削弱空間認知。（）答案：T解析：瞬移減少視覺前庭沖突，但破壞連續(xù)路徑記憶。24.根據(jù)ISO9241110，對話的“自描述性”原則要求系統(tǒng)始終顯示當前可用操作，因此不應(yīng)使用漢堡菜單。（）答案：F解析：自描述性強調(diào)可發(fā)現(xiàn)性，漢堡菜單若配合清晰圖標與標簽仍可滿足。25.在ReactNative中，F(xiàn)latList的initialNumToRender屬性越大，首屏渲染越慢，但后續(xù)滾動越流暢。（）答案：T解析：initialNumToRender增大導(dǎo)致首屏JS計算與繪制增加，但減少后續(xù)空白閃動。四、填空題（每空2分，共20分）26.在Google的Material3中，動態(tài)色彩算法__________通過提取壁紙顏色生成5組色調(diào)調(diào)色板，其中__________調(diào)色板用于強調(diào)色。答案：Monet、Tertiary解析：Monet算法生成Primary、Secondary、Tertiary、Neutral、NeutralVariant，Tertiary用于強調(diào)。27.在WebAccessibility中，role="switch"的ariachecked狀態(tài)應(yīng)填寫__________或__________，而不可使用mixed。答案：true、false解析：switch為二元狀態(tài)，無mixed。28.在Unity的XRInteractionToolkit中，實現(xiàn)“抓取”交互需為物體添加__________組件，并為手柄添加__________組件。答案：XRGrabInteractable、XRRayInteractor解析：前者定義可抓取對象，后者定義交互射線。29.在Figma的AutoLayout中，設(shè)置“Packed”分布模式時，子項間距由__________屬性控制，而“SpaceBetween”模式由__________自動計算。答案：spacing、剩余空間解析：Packed使用固定spacing，SpaceBetween平均分配剩余空間。30.根據(jù)Nielsen的10Heuristics，用戶常把“可逆操作”稱為“__________”，其英文原文為“__________”。答案：撤銷、Undo解析：Undo是用戶最期望的安全網(wǎng)。五、簡答題（每題10分，共30分）31.某金融App計劃將“指紋登錄”升級為“無感人臉登錄”。請從安全與體驗角度列出三項關(guān)鍵設(shè)計決策，并給出驗證方法。答案：（1）多模態(tài)融合：采用3D結(jié)構(gòu)光+活體檢測+防重放攻擊，設(shè)計決策為“本地特征比對+服務(wù)端Token二次簽名”，驗證方法：使用3D面具與高清照片進行RedTeam攻擊測試，要求FAR≤1/1000000。（2）漸進式授權(quán)：首次登錄仍需指紋或密碼，二次登錄啟用人臉，決策為“風(fēng)險自適應(yīng)”，驗證方法：A/B測試對比升級前后7天留存率與投訴率，留存提升≥3%，投訴≤0.1%。（3）可逆與透明：提供“關(guān)閉人臉”入口與數(shù)據(jù)刪除選項，決策為“GDPR合規(guī)+30天內(nèi)徹底刪除”，驗證方法：第三方審計檢查服務(wù)器日志與數(shù)據(jù)庫，確認特征向量刪除不可恢復(fù)。32.描述如何在Web端實現(xiàn)“可變字體”隨滾動漸變字重的交互，并給出性能優(yōu)化方案。答案：實現(xiàn)：1.使用@fontface定義wght軸字體，如@fontface{fontfamily:'Var';src:url(var.woff2);fontdisplay:swap;}2.監(jiān)聽window.scrollY，計算progress=scrollY/(documentHeightinnerHeight)，映射至fontvariationsettings:"wght"clamp(300,300+progress500,800)。3.使用CSStransition:fontvariationsettings0.1seaseout減少逐幀跳動。性能優(yōu)化：1.防抖：requestAnimationFrame內(nèi)僅標記dirty，在下一幀統(tǒng)一更新，避免高頻寫入。2.分層：將需要漸變的文字設(shè)為willchange:fontvariationsettings，瀏覽器創(chuàng)建獨立層。3.子集化：使用glyphhanger提取頁面所用字符，將字體子集壓縮至30KB以內(nèi)，并采用woff2。4.懶加載：字體預(yù)加載<linkrel="preload">，避免滾動時字體未加載導(dǎo)致的回退閃爍。5.降級：不支持可變字體時，使用@supports檢測并回退到正常fontweight，保證可訪問性。33.某AR導(dǎo)航眼鏡需在復(fù)雜路口提供轉(zhuǎn)向提示。請說明如何結(jié)合“注意力隧道”理論設(shè)計視覺線索，并評估其安全性。答案：設(shè)計：1.注意力隧道：在真實路面生成3D藍色光帶，寬度逐漸收窄形成“隧道”，指向目標車道，隧道前端出現(xiàn)綠色“門戶”高亮出口，減少視覺搜索。2.深度一致性：使用SLAM將隧道錨定到路面，確保無論用戶頭部如何晃動，隧道與路面保持零視差，避免視覺前庭沖突。3.時序分層：提前80米出現(xiàn)隧道，提前30米門戶閃爍頻率提高至4Hz，利用外源性注意捕獲。4.多模態(tài)冗余：同步播放3D音頻提示“請向右變道”，音源方向與隧道一致，形成跨模態(tài)確認。安全性評估：1.場測：招募30名駕駛員在封閉測試道路行駛，佩戴眼動儀記錄平均掃視時間，對比2D箭頭HUD，掃視時間減少22%，車道偏離標準差降低18%。2.NASATLX問卷：心理負荷下降15%，表明隧道減少認知資源占用。3.夜間對比：在低照度環(huán)境下，隧道亮度自動降至15cd/m2，避免眩光，通過對比敏感度測試，識別閾值未下降，證明無眩光副作用。六、綜合設(shè)計題（35分）34.題目：為“2025年杭州亞運會”設(shè)計一款多語言、多平臺（手機、AR眼鏡、Web大屏）的“零障礙”觀眾服務(wù)系統(tǒng)。要求：1.需求背景：觀眾涵蓋外籍人士、聽障、視障、老年人；場館網(wǎng)絡(luò)存在50%概率高延遲（>800ms）；手機電量平均剩余30%情況下需支持4小時連續(xù)使用；AR眼鏡需兼顧室外強光（>80000lux）與夜間低光（<5lux）。2.任務(wù)：a)用200字以內(nèi)闡述設(shè)計目標與核心交互原則。（5分）b)畫出跨端信息架構(gòu)圖（文字描述即可），并說明如何根據(jù)設(shè)備能力漸進增強。（10分）c)針對“找座位”場景，分別給出手機、AR眼鏡的交互流程（用流程圖文字描述），并說明無障礙適配。（10分）d)給出離線場景下的數(shù)據(jù)同步策略，要求沖突可逆、可追蹤。（10分）答案：a)設(shè)計目標：構(gòu)建“零障礙、低能耗、高韌性”的亞運觀眾服務(wù)系統(tǒng)，讓任何觀眾在任意網(wǎng)絡(luò)與身體條件下都能獨立、安全、愉悅地完成入場、導(dǎo)航、觀賽、離場。核心交互原則：1.語義一致：跨端同一功能使用相同語義符號與命名；2.漸進增強：根據(jù)設(shè)備傳感器能力遞增體驗；3.離線優(yōu)先：本地數(shù)據(jù)與邏輯優(yōu)先，網(wǎng)絡(luò)作為增量；4.無障礙默認：所有功能默認提供文本、語音、觸覺三重輸出；5.能耗透明：將能耗成本顯性化，讓用戶知情選擇。b)信息架構(gòu)：根層：用戶身份（票ID、語言、無障礙偏好）→場景層（去場館、入場、找座、觀賽、離場）→任務(wù)層（導(dǎo)航、餐飲、應(yīng)急、社交）。跨端映射：手機：具備最強算力與電池，提供完整“賽事直播+多視角回放”增強功能；AR眼鏡：提供空間導(dǎo)航與實時字幕疊加，算力卸載至手機邊緣計算（BluetoothLEAudio+UWB傳輸）；Web大屏：場館入口kiosk，提供二維碼掃碼同步個人行程，能力最弱僅展示只讀信息。漸進增強：1.傳感器增強：AR眼鏡若檢測到環(huán)境光>60000lux，自動切換為高對比度綠色標線；2.網(wǎng)絡(luò)增強：手機檢測到延遲>600ms，自動降級為矢量地圖+文字描述，關(guān)閉直播視頻；3.電量增強：手機電量<20%時，AR眼鏡接管導(dǎo)航，手機僅作為藍牙網(wǎng)關(guān)，屏幕關(guān)閉。c)找座位流程：手機：1.打開App→自動檢票二維碼→閘機掃碼成功→本地加載座位地圖→GPS+BLE定位→顯示2D樓層圖+電梯扶梯圖標→點擊“帶我去”→語音播報“前方50米右轉(zhuǎn)”→到達區(qū)域后切換為AR相機視圖→疊加藍色箭頭→到達座位→震動+語音“您的座位在右側(cè)第3排”。無障礙：視障：默認開啟TalkBack，