2023-3-2 ui設(shè)計分享達人
隨著技術(shù)及經(jīng)濟的發(fā)展，人們對計算機系統(tǒng)、機器等的要求，從單純的「 可以用 」逐漸變?yōu)橄胍?nbsp;更好用、容易用、用得舒服 」等更加豐富的使用體驗，也就是常聽到的好的「 用戶體驗 」。
「 用戶體驗（User Experience ）」這個概念，最早由唐納德·諾曼（Donald Arthur Norman）提出，他希望用這個詞，來涵蓋個人使用系統(tǒng)時的體驗、各個方面的體驗 ，包括工業(yè)設(shè)計圖形、交互界面、物理交互，以及與人的交互。
而「 用戶體驗 」產(chǎn)生的基礎(chǔ)，是「 用戶使用了機器 」，即人跟機器有發(fā)生接觸、交流、互動等，然后用戶會形成主觀上的體會、感受。這里的「 機器 」泛指各種「 產(chǎn)品 」，類比諾曼所說的，即物理界面、虛擬界面、系統(tǒng)、硬件等。
因此，好的「 用戶體驗 」是基于好的交互設(shè)計。而對交互設(shè)計「 好/壞 」的影響因素，涉及到人、產(chǎn)品、使用環(huán)境這三者，也就是人機工程的內(nèi)容。
概括一下百科對「 人機工程學 」的解釋：
將 「 使用物的人 」和 「 設(shè)計的物 」以及 「 人與物共處的環(huán)境 」作為一個系統(tǒng)來研究（人-機-環(huán)境系統(tǒng)）。在人、機、環(huán)境這三個要素 本身特性 的基礎(chǔ)上，科學地利用三個要素間的 有機聯(lián)系，來尋求系統(tǒng)的 最佳參數(shù)。
其中關(guān)于人的「 本身特性 」包括人體結(jié)構(gòu)和機能特性。主要有人體各部位的尺寸、重量、面積、活動、相互關(guān)系等，眼耳鼻舌身對應(yīng)的視、聽、嗅、味、觸覺，以及動作習慣和認知。這部分大愚認為可以把「 結(jié)構(gòu)特性 」當作人的硬件，具有一定的普遍/通用性；而「 認知 」則是人的軟件，個體間存在一定差異。
然后，就到了這篇文章的主要內(nèi)容，人的「 結(jié)構(gòu)特性 」部分。
注：下文中提及的人體結(jié)構(gòu)特征是基于大部分人的情況描述，內(nèi)容也是圍繞人機交互有關(guān)的方面，不是人體結(jié)構(gòu)特征的全面介紹。
人體結(jié)構(gòu)中對人機交互產(chǎn)生影響的主要有眼、耳、身（皮膚）對應(yīng)的：視覺、聽覺、觸覺，以及四肢、頸椎的尺寸、受力情況和活動幅度等。下文將對這四部分的基礎(chǔ)內(nèi)容進行整理，還有聊聊一些交互、體驗設(shè)計上的應(yīng)用。
人與周圍環(huán)境發(fā)生聯(lián)系的感覺通道，最重要的就是「 視覺 」，約占80%的信息是通過視覺來獲得。因此「 視覺顯示 」是人機交互系統(tǒng)中用的最廣泛的一種形式。
人眼正常感受光譜的波長約在400nm-780nm之間（大概這個范圍，網(wǎng)上相關(guān)資料關(guān)于這個數(shù)值存在微小差異），對應(yīng)的色相是紫色-深紅色，也就是常說的彩虹色。
而負責感受光的細胞是視錐細胞和視桿細胞。
視錐細胞，約占95%，復(fù)雜感受強光及有顏色（彩色）的視覺，在環(huán)境光線亮時起作用，用來區(qū)分色彩。研究數(shù)據(jù)表明視錐細胞對光譜中波長為555nm的「 黃綠色 」部分最敏感。
視桿細胞 ，約占5%，復(fù)雜感受弱光及沒有顏色（黑白）的視覺，在環(huán)境光線暗時起作用，用來區(qū)分黑白。研究數(shù)據(jù)表明視桿細胞對光譜中波長為507nm的「 青綠色 」部分最敏感，對極弱的光刺激敏感。
如果涉及一些特定的工作環(huán)境（昏暗）的應(yīng)用設(shè)計時，就可以考慮下此時作用細胞的特性，進行合理的設(shè)計設(shè)置。
正常情況下，瞳孔會根據(jù)環(huán)境中的光量來調(diào)整大小。當有光線較強時，瞳孔會收縮變窄；當光線很暗時，瞳孔會膨脹來讓更多的光進入眼球。
可以把這個理解為一個保護機制，在強光下，通過收縮來減少光對眼睛的高強度刺激；而弱光下，對感光細胞刺激不足，為了不讓眼睛過分費力地去尋找目標和識別目標而引起視覺疲勞，所以瞳孔會放大，讓更多的光進入。
而接收光的刺激，看到物體后，是否可以準確獲取信息（看清物體、識別文本、圖像等）則跟視敏度相關(guān)。
視敏度 ，就是眼睛能分辨物體細微結(jié)構(gòu)的能力，也就是看清物體的能力。相關(guān)實驗數(shù)據(jù)表明，增強亮度可以提高視敏度。也就是說，亮度越強，人眼對物體的識別能力就越強。
下面提到兩個實驗，其中「 正對比極性 」，指在淺色背景上顯示深色字體文本，就是對應(yīng)我們界面設(shè)計中的「 淺色模式 」；而「 負對比極性 」，指在深色背景上顯示淺色字體文本，即「 深色/暗黑模式 」。
實驗1. 德國杜塞爾多夫精神病研究所的Cosima Piepenbrock等相關(guān)人員，對「對比極性對視敏度和校對的影響」的研究結(jié)果表明：人眼在「淺色模式」下的視敏度要優(yōu)于「暗黑模式」下，字體越小，淺色模式的優(yōu)勢就更明顯。
實驗2. Agelab實驗室的喬納森·多布雷斯（Jonathan Dobres）等相關(guān)人員，對「 環(huán)境光照條件（模擬白天/夜間）是否影響正對比度極性的優(yōu)勢」的研究表明：夜間，深色模式下閱讀小字體文本比淺色模式下閱讀要困難得多。 而人們對文本的識別，「淺色模式」下比在「深色模式「要快，白天比晚上更快。
對上面兩個實驗可以用環(huán)境光的強弱對視敏度的影響來理解：為方便理解，可以假設(shè)我們的界面尺寸足夠大，大到覆蓋我們視野范圍，那就可以將淺色模式中的淺色背景類比為白天（環(huán)境光度亮），深色模式中的深色類比為夜間（環(huán)境光度弱），而屏幕內(nèi)的文本、信息，就是我們要識別的物體。亮度越強，人眼對物體的識別能力（視敏度）就越強。
從上面的實驗來看，無論在白天或夜間環(huán)境下，「 淺色模式 」都要比「 深色模式 」更好用。
但根據(jù)德國蒂賓根大學的Andrea Aleman等相關(guān)人員的一項研究表明，長時間處于「淺色模式」下可能會導致近視。其表現(xiàn)為，閱讀「淺色模式」下的文本時，脈絡(luò)膜（跟近視有關(guān)的一層膜）會明顯變??；而閱讀「深色模式」下的文本時，這層膜明顯變厚。
可以理解為長時間處于「淺色模式」下，意味著視敏度的持續(xù)維持在較高狀態(tài)，就像人在長時間高強度工作下可能會導致健康受損一樣，眼睛同樣也可能會受到損傷。因此相對長期來說，「深色模式」則是更友好的一種形式。
那通過適當?shù)脑O(shè)計，是否有可能找到這兩者之間的最優(yōu)解呢？
注視區(qū)域光照不足、光線過強、光線分布不均勻、光源閃爍、眩光、反光、目標過小、目標不穩(wěn)定等，都會造成眼睛超負荷工作，導致視覺疲勞。
光照不足，對應(yīng)界面交互，可以指屏幕亮度過低，也可以理解為內(nèi)容和深色背景間的對比度不足。
光線過強，則是屏幕亮度過高，也可以理解為內(nèi)容和淺色背景間的對比度不足。還有大面積高明度色彩的使用。而像汽車遠光燈，也是常見的一種光線過強的產(chǎn)品，并且常常被錯誤使用。
閃爍，會對眼睛造成很大的負荷。在高亮度下，眼睛除了視敏度會增強外，對閃爍的感知也會增強。這方面涉及的產(chǎn)品設(shè)計，如顯示器的刷新頻率，要到達某一程度，人眼才感覺不到屏幕的閃爍。
目標過小，在可識別及相同環(huán)境下，目標過小，識別所需的時間越長，也就是更費眼。像界面中的元素，文本字號、圖標等，都需要有舒服的可讀性。
反光，跟工業(yè)產(chǎn)品設(shè)計的關(guān)系比較密，反光是很容易引起視覺疲勞的和視力傷害。但生活中好像處處有反光，高樓大廈連片的鏡面窗戶/墻、我們正在看的電腦屏幕、手機屏幕、公交車廣告牌的保護罩、汽車的后視鏡等等，都會在某些瞬間讓你覺得眼睛受到了億點傷害，這也是很常見的一種光污染。
水平方向上，雙眼視野角度通常可達到120°視角。其中「 有效視域 」為30°，即人眼能立刻看清物體的存在和動作軌跡的范圍。其余部分稱為誘導視野，也就常說的「 余光 」。
而眼動（頭部不動）「 舒適轉(zhuǎn)動區(qū) 」通常為60°。
如果以眼睛距離屏幕40cm為例，水平最佳視野寬度大概就是21.6cm，在72dpi下，約為600px。在進行文本寬度設(shè)定時，可以以此作為依據(jù)，來設(shè)計內(nèi)容的顯示寬度。
垂直方向上，視野角度通?？蛇_到135°視角，「 有效視域 」為30°，「 舒適轉(zhuǎn)動區(qū) 」為55°。
關(guān)于「 最佳視角范圍 」及「 眼動舒適區(qū) 」的應(yīng)用，在汽車領(lǐng)域的HMI設(shè)計和一些較為復(fù)雜的交互活動中有比較多的體現(xiàn)。
聽覺對信息傳遞的感知僅次于視覺，同視覺一樣，利用以前的經(jīng)驗來解釋輸入。
相比視覺，聽覺更容易引起注意，且反應(yīng)速度快，可以捕捉各個方向的信息，不受照明條件限制。
人類聽覺系統(tǒng)對聲音的解釋可幫助設(shè)計人機交互界面中的語音界面，而對有能力缺陷的人，如視障人士來說，「 聽覺（語音交互） 」更是一種替代視覺顯示的重要形式。
聲音有三個要素：音調(diào)（頻率）、響度（振幅）、音色（材質(zhì)）。
人類可以聽到的聲音頻率范圍為20Hz-20kHz，正常情況下人耳可分辨出約 40多萬種 不同的聲音。
對語音的辨認頻率范圍為260Hz-5600Hz。正常情況下，人類語言的頻率在：500Hz-3000Hz之間。
感受性、識別性最高的頻率范圍在1000Hz-4000Hz，低于500Hz，或高于5000Hz時，要達到一定響度才能被聽到。
0－20dB，幾乎感覺不到
20－40dB，相當于低聲說話，輕柔的響聲
40－60dB，正常談話的聲音
60－70dB，會感到吵鬧、長時間會損害神經(jīng)細胞
超過70dB，讓人感覺煩躁，無法集中注意力
85-90dB，短時間內(nèi)影響人的聽力，破壞神經(jīng)細胞
超過90dB，聽力受損
超過140dB時，引起的是痛覺，而不是聽覺，會完全損害聽力（歐盟界定的導致聽力完全損害的最高臨界點）
人耳對各種音色的分辨能力非常強，對經(jīng)常聽到的音色也具有很強的記憶力。
比如在同一頻段同時演奏不同的樂器，人耳依然可以分辨出有哪些樂器在進行演奏，也能識別出不同動物的叫聲。
而對于熟悉的人，比如對父母兄弟姐妹等，經(jīng)常只通過說話的聲音，就能知道是誰；通過腳步聲，也可以辨認出來是誰來了等等。
除了對聲音的「 音調(diào)、響度、音色 」這三個要素的感知之外，人耳還能辨別出聽到的聲音是「 從哪里/哪個方向傳來的 」，也就是聲源方位感。
瑞士的神經(jīng)科學家通過研究發(fā)現(xiàn)：粗糙的聲音（上限約為130 Hz）激活了大腦某些特別的區(qū)域。
當重復(fù)的聲音被認為是刺耳的、無法忍受的時候（特別是在40-80Hz之間），會引起持續(xù)的反應(yīng)，刺激杏仁核、海馬體和腦島，特別是跟突出、厭惡和疼痛相關(guān)的區(qū)域，而正因為有這些區(qū)域參與聲音的處理，才會使這類聲音會讓人感覺到難以忍受。
這也是警報聲的應(yīng)用原理，通過快速重復(fù)的頻率來引起人們的注意。再結(jié)合聲音傳播不受光照、方向、角度等影響的特性，來提高警報聲被人耳檢測到的概率。
其他讓人感到煩躁、難受的聲音，如汽車喇叭聲、尖叫聲、嬰兒哭聲等等通常也是在這一頻段。
視覺上的三維圖效果，是眼睛先呈「 散焦狀態(tài) 」，視焦點前后位移產(chǎn)生層次感，從而看到三維平面圖畫的立體效果。
而人耳的聽覺跟視覺相反，可以從眾多的聲音中「 聚焦到某一點 」上，也就是聽覺的「 聚焦效應(yīng) 」。
比如我們聽交響樂時，大腦皮層可以抑制其它樂器的演奏聲，把精力和聽力集中到其中的一種樂器聲音上。還有在公交地鐵上，我們同樣可以集中精力聽廣播報站的聲音，而忽略車上的其他喧鬧聲。
這個特性也讓語音交互的場景擁有更多的可能性。
觸覺屬于動覺交流領(lǐng)域，即通過身體的運動/動作來交流。
跟視覺、聽覺的感知相比，「 觸覺 」最大不同是它的非局部性（全身皮膚），以人體為介質(zhì)，對皮膚、肌肉的感受器進行刺激，能夠 敏感、強烈和更迅速 的被用戶感知，及時傳遞信息。也 不易受環(huán)境影響，無論環(huán)境吵雜，或是光線不佳，對其體驗效果的影響都不大。
但「 觸覺 」傳遞的信息遠少于視覺和聽覺，通常作為視覺和聽覺反饋的補充。而對有能力缺陷的人，如聽障、視障人士來說，「 觸覺交互 」的應(yīng)用則是一種很重要的形式。
同時也是用戶體驗過程中重要因素之一，會直接影響用戶對產(chǎn)品的情感體驗與交流。在工業(yè)產(chǎn)品設(shè)計中感受較多，如日常工作生活中常見的家居用品、鼠標、鍵盤、手機等的外形設(shè)計、材質(zhì)觸感等。
人類的皮膚表面散布著觸點，一般指腹最多（人類手指的觸覺敏感度是前臂的10倍），其次是頭部，最少的是背部和小腿。觸點的大小不盡相同，分布不規(guī)則。
通過對冷、熱、尖銳物體的判斷，讓身體及時遠離危險和傷害，可以對人體起到保護作用。
同時也具有表達情感，辨別情緒的功能。有說法認為「觸覺」可能是用來傳達人的情感的最佳途徑，就像「 擁抱 」和「 安慰的文字/語言 」，體現(xiàn)的情感強度就很不一樣。
借助Haptics技術(shù)，通過作用力、振動等「 觸覺反饋 」，可以起到傳遞信息的作用。但想通過「 觸覺體驗 」來傳達恰當?shù)?、有用的信息，需要先理解人類是如何詮釋不同的「觸覺體驗」的。
比如想要通過「 振動感知 」來傳遞有用的信息，需要先了解怎樣的振動頻率、強度、節(jié)奏可以讓使用者意識到其代表的是什么意思：成功、失敗還是其他呢？這涉及到「 認知 」方面的內(nèi)容。
通常情況下，「 觸覺反饋 」是作為視覺、聽覺反饋的一種補充。
如在觸控屏上用虛擬鍵盤輸入文字時，通過按鍵的「 振動反饋 」，讓用戶清晰及時地了解到自己已經(jīng)成功按下了某一個按鍵。相關(guān)研究的結(jié)果也表明：虛擬鍵盤加入振動反饋后，是可以提升用戶輸入時的準確度。
而一些特定場景下，「 觸覺反饋 」可以很好的替代視覺和聽覺反饋。
比如駕駛汽車時，駕駛員需要將大部分的注意力放在道路環(huán)境上，那么通過「 觸覺反饋 」，將部分操作結(jié)果傳遞給駕駛員，這一可以在一定程度上減輕駕駛員在視覺和聽覺上的負擔。
人類的動作通常分為三類：先天、模仿、訓練得來的。
由于肢體的結(jié)構(gòu)特點，「 先天 」和「 模仿 」的動作，通常存在一定的局限性。
頸椎前屈幅度35-45°，后伸35-45°，左右側(cè)屈各45°，左右旋轉(zhuǎn)各60-80°。
當頸部前傾時，頸椎承受的壓力逐漸增大：
前傾0°時，為頭部重量，約為4.5-5kg；
前傾15°時，承受壓力約為12kg；
前傾30°時，承受壓力約為18kg；
前傾45°時，承受壓力約為22kg；
前傾60°時，承受壓力約為27kg。
結(jié)合前面我們講過的人眼轉(zhuǎn)動的舒適角度和視野范圍，可以為一些物品的設(shè)計提供參考。
直立，腰伸直自然體位時，腰部可前屈90°、后伸30°、左右側(cè)屈各20-30°、左右旋轉(zhuǎn)各30°。
人體平（仰）臥位時，腰椎承受的壓力最小。
膝關(guān)節(jié)屈膝角度可達120-150°（小腿后部和股后部相貼）。人坐立時，膝關(guān)節(jié)彎曲90°，小腿和地面垂直放置對腿部最好的，屈膝小于90°時，長時間保持會影響下肢的血液循環(huán)。
伸直時一般為0°，有過伸狀態(tài)5-10°。膝關(guān)節(jié)屈曲時，有輕微的內(nèi)旋和外旋運動，約為10°。
肘關(guān)節(jié)彎曲角度可達140°、過伸角度為0-10°、旋前80-90°、旋后80°-90°。
打字時，手肘彎曲接近90°（水平放置）是最放松的。
掌側(cè)可以外展約70°，指間關(guān)節(jié)屈曲約90°，掌拇關(guān)節(jié)屈曲約20-50°。
和手腕連接處的腕掌關(guān)節(jié)，能夠進行較大程度的屈伸，收展，完成對掌運動。這是拇指特有的，是拇指骨外展，屈和旋內(nèi)運動的總和，使拇指尖能跟其他的手指和掌面接觸。
掌指關(guān)節(jié)屈曲約60-90°，近節(jié)指間關(guān)節(jié)屈曲時約為90°，遠節(jié)指間關(guān)節(jié)屈曲時約為60-90°。
在使用手機等數(shù)字界面時，用「 食指 」和「 拇指 」進行觸控是比較自然和常見的行為。
根據(jù)麻省理工對人類觸覺的實驗，食指、拇指的寬度和觸控區(qū)域有以下數(shù)據(jù)：
食指平均寬度約16~20mm、指腹觸摸區(qū)域尺寸約10~14mm、指尖觸摸區(qū)域尺寸約8~10mm。
拇指平均寬度約25mm、指腹觸摸區(qū)域尺寸約12~16mm、指尖觸摸區(qū)域尺寸約10~12mm。
觸控控件的最小尺寸要大于觸摸的最小尺寸?？丶^小，一方面會增大準確觸控的難度，另一方面手指會造成遮擋，導致用戶無法明確是否已經(jīng)正確觸摸了相應(yīng)的控件。
（手指觸控這部分本來放在上面關(guān)于觸覺的內(nèi)容里，后面想了下，「觸覺」更多的是指「反饋信息」層面的作用，所以還會歸在肢體動作、范圍里比較合適。）
用鍵盤打字時，在某些瞬間，多數(shù)手指只是放在鍵位上，沒有擊鍵行為，因此鍵盤按鍵的驅(qū)動力需要大于手指重量產(chǎn)生的力，才足以支撐手指。
ANSI 1988 年建議鍵盤擊鍵的理想壓力應(yīng)該在0.5N-0.6N之間，一般0.25N-1.5N的壓力都是可以接受的。
而對于一些特殊的設(shè)備按鍵，比如工業(yè)鍵盤類的，則需要更大的按鍵驅(qū)動力，因為這類產(chǎn)品的工作環(huán)境和活動相對復(fù)雜，需要更謹慎的操作。
單手對手機等觸屏設(shè)備進行操作時，一般以四個手指和手掌為依托，用大拇指操作為主，而成年人拇指長度約為6-10cm。
數(shù)據(jù)表明，一般成年男性，單手全屏操控的屏幕尺寸最大約為4.5英寸，而成年女性，單手操控的極限約為4.0英寸。超過這個尺寸，單手進行全屏操控會有一定困難。
而目前主流的智能手機基本在5英寸以上，根據(jù)拇指關(guān)節(jié)的活動幅度，單手操作時在手掌位置不動的情況下，拇指觸及的區(qū)域只是很局限的一部分：
以上就是體驗設(shè)計中涉及人體結(jié)構(gòu)特性的內(nèi)容部分。
感謝閱讀，期待交流。
藍藍設(shè)計( sillybuy.com )是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)、UI設(shè)計公司、界面設(shè)計公司、UI設(shè)計服務(wù)公司、數(shù)據(jù)可視化設(shè)計公司、UI交互設(shè)計公司、高端網(wǎng)站設(shè)計公司、UI咨詢、用戶體驗公司、軟件界面設(shè)計公司
藍藍設(shè)計的小編 http://sillybuy.com