HarmonyOS通用設(shè)計(jì)基礎(chǔ)---人機(jī)交互

小嵌

HarmonyOS通用設(shè)計(jì)基礎(chǔ)---人機(jī)交互,   
1  概述 在全場(chǎng)景的數(shù)字體驗(yàn)中，越來(lái)越多類型的智能終端設(shè)備分布在用戶的日常生活中，可交互的用戶界面廣泛存在于智能手機(jī)、平板、電腦（PC）、智能穿戴、電視、車機(jī)、虛擬現(xiàn)實(shí)（VR）和增強(qiáng)現(xiàn)實(shí)（AR）等設(shè)備上。應(yīng)用可能在多種設(shè)備上運(yùn)行或在單一設(shè)備上被用戶通過(guò)多種輸入方式操控，這需要其用戶界面能夠自動(dòng)識(shí)別和支持不同的輸入設(shè)備，以便用戶以習(xí)慣的、舒適的方法與其進(jìn)行交互。



32.png （262.33 KB, 下載次數(shù): 0）

下載附件  保存到相冊(cè)  

2 小時(shí)前 上傳

在全場(chǎng)景的人機(jī)交互方面，HarmonyOS 的核心思想是“根據(jù)用戶的狀態(tài)，提供符合當(dāng)前狀態(tài)的交互方式，保證用戶交互體驗(yàn)的一致性”。例如，當(dāng)應(yīng)用運(yùn)行在觸屏設(shè)備上時(shí)，用戶可以通過(guò)手指長(zhǎng)按打開上下文菜單；當(dāng)應(yīng)用運(yùn)行在 PC 上時(shí)，用戶則可以通過(guò)單擊鼠標(biāo)右鍵打開該菜單。



典型的輸入方式（設(shè)備）包括但不限于觸屏上手指/手寫筆等直接交互、鼠標(biāo)/觸摸板/鍵盤/表冠/遙控器/車機(jī)搖桿/旋鈕/手柄/隔空手勢(shì)等間接交互、以及語(yǔ)音交互。

設(shè)計(jì)和開發(fā)應(yīng)用時(shí)，設(shè)計(jì)師和開發(fā)者應(yīng)考慮到應(yīng)用具有使用多種輸入方式（設(shè)備）的可能性，并實(shí)現(xiàn)相應(yīng)的功能，保證在當(dāng)前輸入方式（設(shè)備）下應(yīng)用能夠以正確的、符合用戶習(xí)慣的方式進(jìn)行響應(yīng)。


2 人機(jī)交互
2.1基于觸控的交互 很多設(shè)備都擁有支持多點(diǎn)觸控的屏幕，允許用戶使用手指和/或手寫筆進(jìn)行交互。它們與屏幕的接觸狀態(tài)、數(shù)量以及運(yùn)動(dòng)行為被識(shí)別成觸控手勢(shì)和操作，可以支持多種交互功能和體驗(yàn)（例如點(diǎn)擊、滑動(dòng)、縮放、旋轉(zhuǎn)）。在多數(shù)情況下，應(yīng)將觸控交互作為用戶首要的交互方式。以下內(nèi)容描述了HarmonyOS 所支持的核心手勢(shì)。

33.png （56.71 KB, 下載次數(shù): 0）

下載附件  保存到相冊(cè)  

2 小時(shí)前 上傳

34.png （56.78 KB, 下載次數(shù): 0）

下載附件  保存到相冊(cè)  

2 小時(shí)前 上傳
敲擊

適用于支持指關(guān)節(jié)手勢(shì)的機(jī)型。

35.png （66.93 KB, 下載次數(shù): 0）

下載附件  保存到相冊(cè)  

2 小時(shí)前 上傳


2.2基于光標(biāo)的交互 當(dāng)用戶使用指向設(shè)備（鼠標(biāo)、觸摸板、AR/VR手柄、隔空手勢(shì)等）與應(yīng)用程序進(jìn)行間接交互時(shí)，光標(biāo)指向的對(duì)象和光標(biāo)本身應(yīng)提供適當(dāng)?shù)囊曈X(jué)反饋以表達(dá)對(duì)象的可交互性和到達(dá)的準(zhǔn)確性。同時(shí)，應(yīng)考慮利用光標(biāo)支持精細(xì)化操作和懸浮狀態(tài)的特性（相比手指觸摸），以提升應(yīng)用生產(chǎn)力、簡(jiǎn)化交互任務(wù)和增強(qiáng)信息展示。 本節(jié)規(guī)范主要適用于使用鼠標(biāo)和觸摸板來(lái)操作平面光標(biāo)的場(chǎng)景，但基本的設(shè)計(jì)原則可推廣至AR/VR手柄和隔空手勢(shì)等空間交互場(chǎng)景。
光標(biāo)形態(tài) 光標(biāo)形態(tài)的設(shè)計(jì)遵循以下三個(gè)原則：
功能表達(dá) 當(dāng)光標(biāo)懸浮在特定界面對(duì)象或區(qū)域上時(shí)，可使用系統(tǒng)定義的標(biāo)準(zhǔn)的光標(biāo)樣式集合來(lái)表達(dá)其交互狀態(tài)。 應(yīng)用也可根據(jù)其自身具體場(chǎng)景自定義光標(biāo)的形態(tài)。
簡(jiǎn)單性 為保證全局交互體驗(yàn)的一致性，應(yīng)優(yōu)先使用系統(tǒng)已定義的光標(biāo)樣式集合。如無(wú)必要，請(qǐng)勿增加新的光標(biāo)樣式。 對(duì)于自定義的光標(biāo)樣式，應(yīng)盡可能簡(jiǎn)潔直觀地表達(dá)在當(dāng)前界面狀態(tài)下用戶可進(jìn)行的操作和所需精度，不應(yīng)在視覺(jué)上過(guò)分吸引用戶的注意力。
自動(dòng)隱藏和顯現(xiàn) 對(duì)于以觸摸交互為主的終端設(shè)備，如果光標(biāo)在一段時(shí)間內(nèi)沒(méi)有移動(dòng)或用戶使用了觸摸交互，則自動(dòng)隱藏光標(biāo)保證界面的干凈整潔。
懸浮對(duì)象的形態(tài) 當(dāng)光標(biāo)進(jìn)入并懸浮在界面元素上時(shí)，界面元素可通過(guò)適當(dāng)?shù)囊曈X(jué)和行為反饋來(lái)使其對(duì)用戶聚焦和提高指向的準(zhǔn)確率。
界面元素需要響應(yīng)光標(biāo)懸停的動(dòng)作，以清晰表達(dá)該元素的可交互性 在光標(biāo)范式下，用戶是通過(guò)將光標(biāo)移動(dòng)到界面元素上，然后執(zhí)行對(duì)應(yīng)的操作。這種情況下，需要界面元素在光標(biāo)懸停的時(shí)候就反饋出其是否可交互，避免用戶點(diǎn)擊后才發(fā)現(xiàn)該元素不可交互而產(chǎn)生挫敗感。 在表達(dá)界面元素的可交互性時(shí)，應(yīng)考慮以下設(shè)計(jì)原則： 顯著性：在懸浮態(tài)下，與普通狀態(tài)和其周圍的界面元素相比，擁有清晰的功能可見(jiàn)性。 微妙性：視覺(jué)上不應(yīng)過(guò)于強(qiáng)調(diào)或與普通狀態(tài)具有較大差別，避免干擾用戶注意力。 一致性：同類型控件的可交互性表達(dá)（視覺(jué)和動(dòng)效上）應(yīng)具有一致性。從平板/PC向電視、AR/VR使用場(chǎng)景擴(kuò)展時(shí)，不同設(shè)備間控件的懸浮態(tài)也應(yīng)具備一定程度的表達(dá)一致性。
在懸浮態(tài)下，界面元素要表達(dá)其可交互的熱區(qū) 圖形界面中可能存在很多界面元素其視覺(jué)可見(jiàn)部分和實(shí)際可（觸控）交互的熱區(qū)相差很大。在此類場(chǎng)景下，光標(biāo)懸停時(shí)準(zhǔn)確表達(dá)可交互的熱區(qū)有利于用戶感知元素有效的觸發(fā)區(qū)域，并進(jìn)而提高交互的效率。
界面元素的懸浮態(tài)效果類型 HarmonyOS 提供 3 種界面元素的懸浮態(tài)效果：分別是浮起、疊加背板和高亮。

36.png （31.83 KB, 下載次數(shù): 0）

下載附件  保存到相冊(cè)  

2 小時(shí)前 上傳 浮起：當(dāng)光標(biāo)進(jìn)入控件時(shí)，光標(biāo)消失，同時(shí)對(duì)象放大。對(duì)象可在一定范圍內(nèi)移動(dòng)，同時(shí)產(chǎn)生3D傾斜效果響應(yīng)操作位置；移動(dòng)時(shí)對(duì)象上層有光澤變化，高光跟隨位移表達(dá)實(shí)際光標(biāo)的位置。浮起的效果一般適用于可見(jiàn)部分和實(shí)際熱區(qū)大小接近、有背景填充、且在布局上與其它元素不相鄰的控件，典型的控件類型為強(qiáng)調(diào)按鈕、導(dǎo)航點(diǎn)、勾選等。 疊加背板：當(dāng)光標(biāo)進(jìn)入控件時(shí)，其轉(zhuǎn)化為淺色的圓角矩形疊加于內(nèi)容底層，且背板、內(nèi)容、光澤能夠在熱區(qū)范圍內(nèi)移動(dòng)以表達(dá)光標(biāo)的運(yùn)動(dòng)趨勢(shì)。疊加背板的懸浮效果適用于可見(jiàn)部分和實(shí)際可交互熱區(qū)相差很大的控件，此類控件通常無(wú)背景填充，包括文本按鈕、工具欄、Tab欄等。 高亮：當(dāng)光標(biāo)進(jìn)入控件時(shí)，在控件底部疊加顏色色塊，但不改變當(dāng)前控件的形態(tài)且光標(biāo)不消失。適用于容器類控件，比如列表、卡片、菜單等。
展示附加信息 當(dāng)光標(biāo)移動(dòng)到界面元素上時(shí)，在以下場(chǎng)景中，可考慮通過(guò)顯示附加信息來(lái)提升光標(biāo)體驗(yàn)。

• 受限內(nèi)容預(yù)覽：例如在郵件、日歷、備忘錄等應(yīng)用中，當(dāng)光標(biāo)懸停在內(nèi)容列表/網(wǎng)格上時(shí)，可以通過(guò)懸浮窗顯示更多的內(nèi)容詳情，方便用戶進(jìn)行快速預(yù)覽和選擇。
  
• 精確位置顯示：例如在截圖、設(shè)計(jì)、辦公應(yīng)用中，當(dāng)光標(biāo)懸停在某些對(duì)象上時(shí)展示位置、尺寸等數(shù)值，便于用戶進(jìn)行精細(xì)控制。
  
• 控件功能提示：如果一個(gè)界面元素其功能的自我解釋性較差，則可通過(guò)文本提示進(jìn)行告知。
    
  

應(yīng)謹(jǐn)慎使用懸停展示附加信息的功能。在使用時(shí)，展示的附加信息必須是必要的或能明顯提升用戶體驗(yàn)的。在使用展示附加信息的方案之前，應(yīng)優(yōu)先考慮界面的清晰性、簡(jiǎn)潔性和表達(dá)性，以便用戶無(wú)論是使用光標(biāo)輸入設(shè)備還是在直接用手指觸摸交互，都可以很容易且舒適地使用應(yīng)用。
精細(xì)化操作 光標(biāo)交互區(qū)別于手指觸摸交互的一個(gè)重要方面是光標(biāo)支持精細(xì)化操作，設(shè)計(jì)師可考慮如何利用這一特性配合特定的光標(biāo)形態(tài)來(lái)簡(jiǎn)化交互任務(wù)和提升生產(chǎn)力。
光標(biāo)移動(dòng) 應(yīng)優(yōu)化光標(biāo)移動(dòng)的顯控比以提升其指向的速度和準(zhǔn)確性。用戶在使用光標(biāo)指向目標(biāo)時(shí)，可分為彈道加速和減速修正兩個(gè)階段。以鼠標(biāo)為例，在彈道加速階段，當(dāng)焦點(diǎn)離目標(biāo)較遠(yuǎn)時(shí)，用戶快速移動(dòng)鼠標(biāo)以縮短光標(biāo)與目標(biāo)之間的距離，此時(shí)速度的重要性優(yōu)于精度控制；在減速修正階段，當(dāng)光標(biāo)離目標(biāo)較近時(shí)，用戶降低鼠標(biāo)的移動(dòng)速度，更為仔細(xì)的瞄準(zhǔn)目標(biāo)，此時(shí)精度控制重要性優(yōu)于速度。


2.3基于焦點(diǎn)的交互 當(dāng)用戶使用鍵盤、電視遙控器、車機(jī)搖桿/旋鈕等非指向性輸入設(shè)備與應(yīng)用程序進(jìn)行間接交互時(shí)，基于焦點(diǎn)的導(dǎo)航和交互是重要的輸入手段。 本節(jié)描述了基于焦點(diǎn)交互的通用設(shè)計(jì)規(guī)范，針對(duì)各輸入方式的細(xì)化的焦點(diǎn)交互方法請(qǐng)參考各輸入方式的具體章節(jié)。

37.png （61.6 KB, 下載次數(shù): 0）

下載附件  保存到相冊(cè)  

2 小時(shí)前 上傳

38.png （29.75 KB, 下載次數(shù): 0）

下載附件  保存到相冊(cè)  

2 小時(shí)前 上傳
基本原則
內(nèi)置支持 控件原生支持走焦操作，設(shè)計(jì)師和開發(fā)者可以針對(duì)具體的應(yīng)用場(chǎng)景對(duì)是否獲焦、焦點(diǎn)順序進(jìn)行調(diào)整。
提供初始 初始焦點(diǎn)的位置需明確、突出，讓用戶有效地識(shí)別該位置，以便順利開始走焦操作。

39.png （20.83 KB, 下載次數(shù): 0）

下載附件  保存到相冊(cè)  

2 小時(shí)前 上傳 焦點(diǎn)的默認(rèn)位置與界面層級(jí)與內(nèi)容相關(guān)，確認(rèn)默認(rèn)焦點(diǎn)的規(guī)則如下：

• 層級(jí)優(yōu)先，最頂層的界面優(yōu)先。
  
• 核心操作優(yōu)先，根據(jù)應(yīng)用提供的服務(wù)決定默認(rèn)操作。
  
• 內(nèi)容優(yōu)先，遵循從上至下從左至右的方向規(guī)則。
  
• 不要在未加載完畢的區(qū)域顯示默認(rèn)焦點(diǎn)。
    
  

可遍歷 為完成所有交互任務(wù)，焦點(diǎn)需要能夠遍歷所有可獲得焦點(diǎn)的界面元素，以保證功能的完整性。
按區(qū)域獲得焦點(diǎn)提高走焦效率 在由多種控件組成的可劃分明顯區(qū)域的界面中，可精簡(jiǎn) Tabstop 的數(shù)量以提升走焦效率。

40.png （33.36 KB, 下載次數(shù): 0）

下載附件  保存到相冊(cè)  

2 小時(shí)前 上傳

Tab stop 與普通焦點(diǎn)的異同（以鍵盤操作為例）：

Tab stop：可以用 Tab 鍵獲得焦點(diǎn)的控制元素，一般情況下，一個(gè)區(qū)域的首項(xiàng)為該區(qū)域的 Tab stop。 普通焦點(diǎn)：不在 Tab 走焦序列之中，但在區(qū)域內(nèi)可以通過(guò)方向鍵移動(dòng)獲得焦點(diǎn)。 另一個(gè)典型場(chǎng)景是車機(jī)上通過(guò)旋鈕和搖桿/方向鍵的配合使用來(lái)快速移動(dòng)焦點(diǎn)。例如使用搖桿/方向鍵來(lái)切換頁(yè)面、層級(jí)和區(qū)塊，使用旋鈕切換每個(gè)可點(diǎn)擊的元素。 應(yīng)根據(jù)輸入設(shè)備支持情況決定是否開啟按區(qū)域走焦，如無(wú)Tab鍵或其等價(jià)鍵支持，則不能開啟區(qū)域間快速移動(dòng)操作，此時(shí)，只能在單個(gè)焦點(diǎn)間遍歷（Tab stop 數(shù)量與可獲得焦點(diǎn)元素?cái)?shù)量相同）。
走焦順序

依據(jù)用戶界面的形態(tài)和輸入設(shè)備的不同，走焦場(chǎng)景可基本分為三類：絕對(duì)順序走焦、相對(duì)方向走焦、和插入符走焦。
絕對(duì)順序走焦

41.png （18.25 KB, 下載次數(shù): 0）

下載附件  保存到相冊(cè)  

2 小時(shí)前 上傳

存在一個(gè)確定的走焦順序，所有可獲焦元素都會(huì)按照在屏幕上顯示的順序或指定的順序進(jìn)入走焦順序中。例如當(dāng)使用鍵盤時(shí)，Tab鍵選擇下一個(gè)焦點(diǎn)，ShIFt+Tab鍵選擇上一個(gè)焦點(diǎn)。 在設(shè)計(jì)應(yīng)用時(shí)，可按照功能分區(qū)、視覺(jué)呈現(xiàn)等規(guī)則重新組織焦點(diǎn)順序。 基本規(guī)則：

• 用戶只能按照給定的焦點(diǎn)順序移動(dòng)焦點(diǎn)。
  
• 提供兩種操作次序：正序和反序（例如鍵盤上的Tab和Shift+Tab，車機(jī)旋鈕的右旋和左旋）。
  
• 一般來(lái)說(shuō)，焦點(diǎn)列表首尾相連。
    
  

相對(duì)方向走焦 按照可獲焦元素的分布方向關(guān)系進(jìn)行走焦，存在多種不同路徑的走焦順序。 用戶輸入方向信息，系統(tǒng)通過(guò)某種算法計(jì)算出在相應(yīng)的視覺(jué)方向上應(yīng)獲得焦點(diǎn)的元素，并使其獲焦。典型的場(chǎng)景包括使用遙控器上的方向鍵與電視交互。

42.png （10.45 KB, 下載次數(shù): 0）

下載附件  保存到相冊(cè)  

2 小時(shí)前 上傳 共用底層導(dǎo)航機(jī)制：

• 無(wú)論輸入設(shè)備是鍵盤、遙控器，或觸摸板、搖桿等其他方向操作模擬設(shè)備，基本操作邏輯都保持一致。
  
• 不同的導(dǎo)航策略將影響用戶在按下方向鍵時(shí)下一個(gè)焦點(diǎn)的選擇。
    
  

基于方向和距離優(yōu)先的判斷方法：

43.png （17.28 KB, 下載次數(shù): 0）

下載附件  保存到相冊(cè)  

2 小時(shí)前 上傳 1.收到用戶按鍵輸入 2.將當(dāng)前焦點(diǎn)邊緣向該方向擴(kuò)展 3.第一個(gè)可投射至該擴(kuò)展區(qū)域的即是目標(biāo)焦點(diǎn)位置 4.此時(shí)如果有多個(gè)候選焦點(diǎn)，選投影距離最短的那個(gè) 5.如果仍有多個(gè)候選焦點(diǎn)，按照從上到下/從左到右的規(guī)則進(jìn)行篩選
在絕對(duì)順序走焦中嵌入相對(duì)方向走焦區(qū)域

44.png （10.3 KB, 下載次數(shù): 0）

下載附件  保存到相冊(cè)  

2 小時(shí)前 上傳 此類導(dǎo)航優(yōu)化主要有兩個(gè)目的：     1.提升操作效率。絕對(duì)順序走焦可遍歷所有可交互控件，在元素較多的情況下效率不高。     2.使走焦順序更具有邏輯性。按照功能組織分區(qū)，將邏輯順序與視覺(jué)分區(qū)進(jìn)行匹配，用戶更容易學(xué)習(xí)。

45.png （13.27 KB, 下載次數(shù): 0）

下載附件  保存到相冊(cè)  

2 小時(shí)前 上傳 優(yōu)化策略1： 在相對(duì)方向區(qū)域內(nèi)支持方向鍵導(dǎo)航，如上圖所示，使用右鍵將焦點(diǎn)從B移至C，使用左鍵將C移至B；方向鍵只能在當(dāng)前層級(jí)內(nèi)使用，不能用于跳出區(qū)域，如：焦點(diǎn)位于C時(shí)，按右鍵無(wú)響應(yīng)。 優(yōu)化策略2： 為每個(gè)區(qū)域指定一個(gè)默認(rèn)Tab次序，使用Tab鍵能快速在區(qū)域間跳轉(zhuǎn)，如：將A的TabIndex設(shè)置為1,B的TabIndex設(shè)置為2,D的TabIndex設(shè)置為3，則按Tab鍵的走焦順序?yàn)锳->B->D，可以不再遍歷所有焦點(diǎn)，而在每個(gè)區(qū)域內(nèi)可以使用方向鍵進(jìn)行遍歷，提供了一個(gè)效率更高的融合走焦方式。
插入符走焦

46.png （13.98 KB, 下載次數(shù): 0）

下載附件  保存到相冊(cè)  

2 小時(shí)前 上傳 針對(duì)文本處理的操作，以插入符為操作指引，通過(guò)方向鍵移動(dòng)、選擇，常見(jiàn)于文本處理類、表格應(yīng)用或控件之中，通常用來(lái)配合支持一些常見(jiàn)的文本操作類快捷鍵。
其它注意事項(xiàng) 對(duì)于支持觸控交互或光標(biāo)交互的系統(tǒng)，焦點(diǎn)僅在系統(tǒng)檢測(cè)到用戶正在使用特定的輸入設(shè)備愛(ài)進(jìn)行走焦操作時(shí)顯示，避免視覺(jué)上的干擾。 在走焦操作狀態(tài)下，如果檢測(cè)到用戶將輸入方式切換為觸控交互或光標(biāo)交互，界面上的焦點(diǎn)視覺(jué)元素應(yīng)自動(dòng)隱藏。


2.4鼠標(biāo) 鼠標(biāo)是一種典型的基于光標(biāo)的、具備像素級(jí)精度的指向型輸入設(shè)備，最為適用于對(duì)用戶交互具有較高精度要求的生產(chǎn)力應(yīng)用和高密度UI的場(chǎng)景。 一般地，鼠標(biāo)由左鍵、右鍵和滾輪鍵組成，這些按鍵的交互應(yīng)遵循業(yè)界標(biāo)準(zhǔn)的規(guī)范功能和用戶的既有使用習(xí)慣。鼠標(biāo)也可以通過(guò)和不同的鍵盤按鍵進(jìn)行結(jié)合，提供額外的快捷操作體驗(yàn)。系統(tǒng)級(jí)一致的鼠標(biāo)交互包括：

47.png （39.53 KB, 下載次數(shù): 0）

下載附件  保存到相冊(cè)  

2 小時(shí)前 上傳 鼠標(biāo)與觸摸交互的關(guān)系 在很多場(chǎng)景下，應(yīng)用程序需要同時(shí)支持觸屏交互和鼠標(biāo)交互。 手指觸摸交互通過(guò)對(duì)界面對(duì)象執(zhí)行的物理世界真實(shí)的手勢(shì)（例如滑動(dòng)、旋轉(zhuǎn)等）來(lái)模擬直接在屏幕上操作這些UI對(duì)象的能力。而鼠標(biāo)受限于其間接交互的性質(zhì)和僅有一個(gè)指針響應(yīng)位置的特點(diǎn)，在一些交互任務(wù)上并不適合將手指觸摸和鼠標(biāo)按下操作完全對(duì)等。

• 在一般的選擇或啟動(dòng)對(duì)象上，鼠標(biāo)左鍵點(diǎn)擊可以直接等同于觸屏上手指點(diǎn)擊；
  
• 在其它場(chǎng)景下，應(yīng)優(yōu)化應(yīng)用以適配鼠標(biāo)的交互習(xí)慣以提高生產(chǎn)力和用戶體驗(yàn)的一致性。
    
  

例如，上下文菜單應(yīng)通過(guò)右鍵單擊來(lái)快速觸發(fā)，而非模擬觸屏上手指長(zhǎng)按的左鍵長(zhǎng)按；拖拽對(duì)象時(shí)，允許鼠標(biāo)左鍵按下即可拖拽，而無(wú)需長(zhǎng)按才能觸發(fā)拖拽狀態(tài)； 盡量通過(guò)滾輪來(lái)控制頁(yè)面的滑動(dòng)和切換，而非左鍵按下后沿一定方向移動(dòng)鼠標(biāo)（這對(duì)用戶來(lái)說(shuō)是一個(gè)效率低下且難以控制的行為）。 關(guān)于更加詳細(xì)的具體場(chǎng)景下觸摸交互和鼠標(biāo)交互的對(duì)應(yīng)和轉(zhuǎn)換關(guān)系，請(qǐng)參考交互事件歸一。關(guān)于光標(biāo)和界面對(duì)象的懸浮態(tài)表現(xiàn)，請(qǐng)參考基于光標(biāo)的交互。


觸控板 觸控板同時(shí)具備多指觸控手勢(shì)輸入（觸屏）和精細(xì)化指向型輸入（鼠標(biāo)）的特性，使得觸控板既適合用于基于觸摸交互優(yōu)化的用戶界面，也適合用于對(duì)指點(diǎn)精度有較高要求的生產(chǎn)力應(yīng)用。 在為你的應(yīng)用設(shè)計(jì)或適配觸控板交互時(shí)，觸控板交互應(yīng)滿足用戶手眼分離狀態(tài)下（眼睛看著屏幕，手在觸控板上盲操作）的使用習(xí)慣，應(yīng)遵循以下原則：     1.觸控板應(yīng)該能起到取代鼠標(biāo)的作用。     2.應(yīng)用在觸屏上的手勢(shì)操作功能可通過(guò)在觸摸板上相應(yīng)的手勢(shì)來(lái)實(shí)現(xiàn)。

48.png （56.61 KB, 下載次數(shù): 0）

下載附件  保存到相冊(cè)  

2 小時(shí)前 上傳 關(guān)于更加詳細(xì)的具體場(chǎng)景下觸摸交互和觸控板交互的對(duì)應(yīng)和轉(zhuǎn)換關(guān)系，請(qǐng)參考交互事件歸一。關(guān)于光標(biāo)和界面對(duì)象的懸浮態(tài)表現(xiàn)，請(qǐng)參考基于光標(biāo)的交互。


2.5鍵盤 鍵盤是一種重要的生產(chǎn)力輸入設(shè)備，一個(gè)優(yōu)秀的鍵盤使用體驗(yàn)應(yīng)允許用戶快速準(zhǔn)確地進(jìn)行文本輸入、雙手無(wú)需離開鍵盤即可在系統(tǒng)和應(yīng)用內(nèi)進(jìn)行導(dǎo)航、訪問(wèn)所有的功能、以及支持無(wú)障礙體驗(yàn)。 走焦導(dǎo)航 焦點(diǎn)導(dǎo)航和交互方式、焦點(diǎn)劃分和走焦順序等設(shè)計(jì)原則請(qǐng)參考基于焦點(diǎn)的交互。 基礎(chǔ)和標(biāo)準(zhǔn)快捷鍵 應(yīng)結(jié)合應(yīng)用場(chǎng)景提供必要的快捷鍵支持（例如：按鍵導(dǎo)航相關(guān)、剪切/復(fù)制/粘貼等），基礎(chǔ)設(shè)計(jì)原則為：     1.以傳統(tǒng)PC為兼容對(duì)象，根據(jù)設(shè)備情況和應(yīng)用場(chǎng)景進(jìn)行裁剪。傳統(tǒng)PC有最龐大的用戶基礎(chǔ)，用戶習(xí)慣難以改變。但同時(shí)應(yīng)移除過(guò)于復(fù)雜、頻率較低、或缺乏設(shè)備使用場(chǎng)景的快捷鍵組合。     2.新增快捷鍵支持。針對(duì)華為特有應(yīng)用或功能（例如：分屏、多終端等）增加直接入口。     3.以融合PC為目標(biāo)為觸屏手勢(shì)操作添加快捷鍵支持，提高生產(chǎn)力（例如：打開通知欄、控制中心、顯示/隱藏Dock等）。

49.png （37.98 KB, 下載次數(shù): 0）

下載附件  保存到相冊(cè)  

2 小時(shí)前 上傳

51.png （38.34 KB, 下載次數(shù): 0）

下載附件  保存到相冊(cè)  

2 小時(shí)前 上傳

50.png （47.88 KB, 下載次數(shù): 0）

下載附件  保存到相冊(cè)  

2 小時(shí)前 上傳

52.png （41.58 KB, 下載次數(shù): 0）

下載附件  保存到相冊(cè)  

1 小時(shí)前 上傳

53.png （28.38 KB, 下載次數(shù): 0）

下載附件  保存到相冊(cè)  

1 小時(shí)前 上傳

54.png （41.08 KB, 下載次數(shù): 0）

下載附件  保存到相冊(cè)  

1 小時(shí)前 上傳

55.png （50.04 KB, 下載次數(shù): 0）

下載附件  保存到相冊(cè)  

1 小時(shí)前 上傳

56.png （20.31 KB, 下載次數(shù): 0）

下載附件  保存到相冊(cè)  

1 小時(shí)前 上傳
自定義快捷鍵 在一些場(chǎng)景下，用戶可能更習(xí)慣于通過(guò)鍵盤來(lái)訪問(wèn)系統(tǒng)和應(yīng)用功能，例如在生產(chǎn)力軟件中通過(guò)鍵盤快捷鍵來(lái)提高使用效率，部分殘障人士也更偏好使用鍵盤來(lái)進(jìn)行交互。因此，請(qǐng)確保應(yīng)用中核心功能支持僅通過(guò)鍵盤操作即可訪問(wèn)。 1 .
對(duì)菜單中的功能提供鍵盤快捷鍵訪問(wèn)支持：鍵盤快捷鍵經(jīng)常和應(yīng)用內(nèi)菜單中的功能關(guān)聯(lián)出現(xiàn)，應(yīng)允許用戶通過(guò)鍵盤快捷鍵訪問(wèn)這些功能。例如圖庫(kù)應(yīng)用中照片列表支持通過(guò)快捷鍵進(jìn)行全選、刪除、復(fù)制、分享等操作。 2.
對(duì)應(yīng)用中其它核心功能提供鍵盤快捷鍵訪問(wèn)支持：應(yīng)用中某些常用的功能沒(méi)有對(duì)應(yīng)的菜單項(xiàng)，也需要相應(yīng)的快捷鍵支持，這類功能往往和控件上的直接操作對(duì)應(yīng)。例如在聊天頁(yè)面中，應(yīng)將Enter鍵與發(fā)送按鈕的單擊操作相關(guān)聯(lián)，允許用戶在文本框輸入消息內(nèi)容后可以通過(guò)按Enter鍵來(lái)直接發(fā)送內(nèi)容。 3.
與系統(tǒng)標(biāo)準(zhǔn)快捷鍵相兼容：在所有應(yīng)用中，對(duì)于標(biāo)準(zhǔn)功能，快捷鍵的設(shè)計(jì)應(yīng)與系統(tǒng)標(biāo)準(zhǔn)快捷鍵的定義一致。另一方面，在應(yīng)用內(nèi)盡量避免對(duì)標(biāo)準(zhǔn)快捷鍵的功能進(jìn)行重新定義，否則將對(duì)用戶的使用造成混淆。


2.6手寫筆 在觸屏上，手寫筆是手指精細(xì)化操作的延伸，是一種像素級(jí)精度的指點(diǎn)設(shè)備。手寫筆提供了一種直接的、自然的方式來(lái)進(jìn)行數(shù)字內(nèi)容書寫、繪圖和標(biāo)注。目前手寫筆分有無(wú)物理按鍵兩種筆型，支持系統(tǒng)級(jí)一致的交互：
有物理按鍵

57.png （28.66 KB, 下載次數(shù): 0）

下載附件  保存到相冊(cè)  

1 小時(shí)前 上傳


無(wú)物理按鍵

58.png （17.6 KB, 下載次數(shù): 0）

下載附件  保存到相冊(cè)  

1 小時(shí)前 上傳


手繪套件開放 Pencil Engine：將手寫效果能力以插件化方式集成，為應(yīng)用開發(fā)者創(chuàng)造更多的手寫應(yīng)用場(chǎng)景。支持多種筆刷（圓珠筆、鋼筆、鉛筆、馬克筆）選擇、多色調(diào)色版；能設(shè)置筆刷顏色、粗細(xì)、撤銷、恢復(fù)、擦除、套索等筆跡編輯能力。應(yīng)用利用多筆刷可滿足用戶日常所有的筆記和繪圖、涂鴉等需求，能達(dá)到較好的文字書寫體驗(yàn)。 應(yīng)用場(chǎng)景：Pencil Engine可快速與應(yīng)用集成，在應(yīng)用中插入一個(gè)手寫入口（如添加畫板或標(biāo)注），點(diǎn)擊進(jìn)入Pencil Engine編輯手寫繪畫，可保存和二次編輯修改。


2.7隔空手勢(shì) 隔空手勢(shì)（非接觸手勢(shì)）是一種人與設(shè)備交互的新方式，用戶可以在無(wú)需手持或接觸設(shè)備的情況下與設(shè)備進(jìn)行便捷的交互。隨著技術(shù)的發(fā)展，隔空手勢(shì)在手機(jī)、平板、車機(jī)、電視、音箱、AR/VR等設(shè)備上都有一定的應(yīng)用。 根據(jù)用戶與交互界面/設(shè)備的空間維度上的關(guān)系，我們可以將隔空手勢(shì)交互大致劃分為三類：間接（光標(biāo)）交互、直接（虛擬手）交互、以及指令性交互。
間接（遠(yuǎn)距離）交互 在間接交互的情況下，用戶與交互界面/交互設(shè)備存在一定的距離，系統(tǒng)會(huì)通過(guò)光標(biāo)將用戶的隔空手勢(shì)操作映射到系統(tǒng)界面上，并以特定的方式進(jìn)行視覺(jué)反饋，以表達(dá)手勢(shì)操控的對(duì)象的可交互性。通常包括導(dǎo)航移動(dòng)、確認(rèn)響應(yīng)等手勢(shì)。

59.png （40.17 KB, 下載次數(shù): 0）

下載附件  保存到相冊(cè)  

1 小時(shí)前 上傳

60.png （43.51 KB, 下載次數(shù): 0）

下載附件  保存到相冊(cè)  

1 小時(shí)前 上傳


直接（虛擬手）交互 在直接交互的情況下，系統(tǒng)中能真實(shí)模擬出用戶的雙手，用戶自己所見(jiàn)即為操作者所見(jiàn)。虛擬手勢(shì)會(huì)隨著手的移動(dòng)而發(fā)生移動(dòng)，虛擬手勢(shì)的手型變化也會(huì)隨著真實(shí)手型發(fā)生變化。

61.png （60.67 KB, 下載次數(shù): 0）

下載附件  保存到相冊(cè)  

1 小時(shí)前 上傳

62.png （23.96 KB, 下載次數(shù): 0）

下載附件  保存到相冊(cè)  

1 小時(shí)前 上傳


指令性交互 手勢(shì)是指通過(guò)某些特定的手勢(shì)來(lái)快速完成一個(gè)操作，而不需要通過(guò)與系統(tǒng)上控件進(jìn)行一系列交互。快捷手勢(shì)通常是符合用戶直覺(jué)、文化習(xí)慣或者容易操作的動(dòng)作，快捷手勢(shì)對(duì)應(yīng)的功能一般為用戶常用的高頻功能。

63.png （53.7 KB, 下載次數(shù): 0）

下載附件  保存到相冊(cè)  

1 小時(shí)前 上傳