▲點擊 "TCC翻譯情報局"關(guān)注，回復 "社群" 加入我們

(資料圖)

本文共 3616字，預計閱讀 10分鐘

TCC 情報局的第 179篇干貨分享

2023年的第 8篇

TCC 推薦：大家好，這里是TCC翻譯情報局，我是李澤慧。現(xiàn)如今人們的生活已經(jīng)離不開電子產(chǎn)品了，從觸控平板設備到可穿戴智能手表，我們在日常生活中每天也許會花費數(shù)個小時在這些設備商。盡管這些智能設備的操作界面大小不一，但一些優(yōu)秀的應用軟件都遵循了相同的法則，從而讓用戶擁有非常好的交互體驗。我們來看一看本文作者總結(jié)了哪些能夠讓你的產(chǎn)品使用體驗更加絲滑，更人性化的tips吧！

跟隨時代的變遷，市場上的智能設備種類一直在逐漸增加。同樣，適用于人們?nèi)粘Ｉ畹脑O備也變得豐富起來。跟隨這一趨勢，在科技產(chǎn)業(yè)領域從業(yè)的設計師將扮演越來越重要的角色。當人們的日常生活中開始使用越來越多的設備，人們平均在每個設備上花費的時間也越來越有限。Exploding Topics 公司 2022 年的數(shù)據(jù)顯示，人們每天在手機上花費的時間大概為 3 小時 15 分鐘。假設人們總體設備的使用時長不變，但手機的使用時間是減少的。因為人們可能會花費其他時間在智能手表，智能電視，平板電腦以及其他位置設備（ 例如集成顯示屏 ）上。

我在 Quora 上挖掘到一位低調(diào)的作者，Dan Saffer，交互設計師兼作家，撰寫了《 11個自然交互界面（NUI）的設計準則 》。在瀏覽這篇文章的過程中，我意識到這就是貫穿設計的黃金法則 —— 即便如今手持或者手腕友好的設備的外形一直在改變。讓我們來重溫下這些法則并一探究竟。

1.為手指設計，而不是光標1.Design for Fingers, not Cursors

手指觸碰目標理應比桌面圖標設計的更大，8-10 毫米適合鼠標，10-14 毫米大小適合手指。

即便是設計網(wǎng)頁時，作為設計師我們應該考慮到這些網(wǎng)頁在觸摸屏設備上打開時是如何進行交互的。許多網(wǎng)頁界面癱瘓都是由手機端引起的。這是因為我們經(jīng)常隨身攜帶手機設備，相比其他設備而言，手機能為我們提供一個非常舒適便利的使用體驗。因此，在設計任何界面的時候，還要考慮觸控區(qū)域，例如鏈接，不同類型的按鈕，以及滑動區(qū)域。像臺式機等桌面設備，使用鼠標或觸控板來選中 / 點擊對象；在筆記本電腦這類設備上的光標，是為了精確而設計，因此僅適合高密度設備。而手指則適用于那些低精度輸入端，例如手機，智能手表和平板這種有觸摸屏的設備。

2.生理與人體運動學2.Remember physiology and kinesiology

不要讓用戶進行過于夸張或者重復的任務。

不要讓用戶一遍遍做一樣的任務。一個重復多次完成的任務是無聊單調(diào)的。作為設計師，需要通過關(guān)注數(shù)據(jù)及用戶觀點來試探是否可以自動化完成任務，而不是使用規(guī)則包含的基礎自動化。不需要所有東西都看起來完美，只是要注意那些需要手動重復的工作，用戶會在你的產(chǎn)品上滯留更長的時間。

3.拒絕大猩猩手臂3.No gorilla arm

盡管主流報告并沒有提及此觀點，但人類的手臂并不適合放在身前長時間作業(yè)。

想象一下，在微軟平板上呈現(xiàn)你的界面設計，聽起來很激動是吧？盡管大尺寸屏幕為設計提供了更多空間，但是用戶的手臂也可能難以觸及所有界面控件。任何超越簡單交互的設計都會讓用戶感到乏味，疲倦。如果用戶長時間伸展手臂在屏幕上進行交互，那么因而引發(fā)的疲勞和酸痛被稱為“大猩猩手臂”。

4.屏幕遮擋問題4.No gorilla arm

手指與手掌緊密相連，因而當你在屏幕上做出手勢時你的手可以覆蓋整塊屏幕。盡量 避免將重要元素，比如標簽，放在一個控件下面，因為用戶的手可能把它蓋住。將類似菜單的控件置于屏幕底端可以避免這種現(xiàn)象。

當設計一個按鈕交互時，當它以浮動的方式或出現(xiàn)在工具提示中，請牢記用戶的手掌大概率會遮蓋住手指下方所有的信息。這種問題同樣出現(xiàn)在手指肥大的用戶身上。反過來講，設計師若將 所有交互信息都陳列在用戶手指周圍或上方就能避免這種問題。Pinterest的長按保存靈感的交互設計就是很好的例子。

5.熟知技術(shù)5.Know the technology

不同的觸摸屏，感應器，以及攝像頭決定了設計師可以設計哪些交互手勢。復雜的交手勢意味著有更少的用戶能夠?qū)ζ溥M行操作。

但你在設計一款需要手勢交互的產(chǎn)品時，我們建議回溯到用戶廣泛悉知并能夠輕松使用的那些手勢。當然，考慮到人口多樣統(tǒng)計，你需要始終提供手勢提示，并且還要盡可能為有特殊需求的用戶提供輔助功能選項，以便他們將手勢轉(zhuǎn)換成點擊或語音控制。

6.反饋提示于用戶操作觸發(fā)時，而不是按下離開后

6.Trigger actions on release, not on the press

在一個用戶測試的環(huán)節(jié)，我注意到那些 老一輩的用戶非常擔心在移動電話界面上觸碰到錯誤的按鍵或者進行了錯誤的手勢。因為恢復至上一步驟是他們并不習慣的操作方式，只有當他們 確認在完成了正確的操作后才會將手指從屏幕上移開，不然他們會保持手指一直按壓在屏幕上。這一觀察有特別的意義，提醒我們需要一直關(guān)注特殊人群的需要。當用戶一直在維持按壓的交互行為時，我們需要提示用戶已經(jīng)按下按鈕，但是只有當手指移開界面時才會給予反饋。

7.預設吸引力7.Attraction affordance

利用一個簡單的手勢讓用戶開始體驗系統(tǒng)。

當 引導用戶熟悉新的體驗時，要避免將事物過度復雜化。從簡開始，循序漸進的展開讓用戶逐漸適應你的應用，了解如何在應用上進行操作。你的交互動作設計的越簡潔，你的用戶對應用就越容易上手。讓用戶使用起來覺得他們很聰明的體驗可以讓產(chǎn)品走得很遠，反之，愚弄用戶和他們感受的產(chǎn)品會迅速流失他們的用戶。

8.避免無意識觸發(fā)8.Avoid unintentional triggers

用戶的各種日常活動也許會意外觸發(fā)系統(tǒng)，要避免這一點。

尤其是一些大型設備，軟件應該考慮意外點擊和碰觸?；诮缑鎱^(qū)域，碰觸時長，角度以及其他方面的問題，軟件應用應當巧妙的避開誤觸元素，并提供恢復的方法，以防系統(tǒng)將這些失誤操作被判定為正確的動作。作為設計師，我注意到隨著設備尺寸的變化而增加的可能性，以及像手機這樣大小的設備更易于管理。

9.手勢與常規(guī)按鍵9.Gestures and Command Keys

使用簡單的方式（按鈕，滑塊，菜單等）來觸發(fā)功能，但要利用進階的可學習的手勢作為捷徑。

9 宮格的解鎖交互就是我以上提到的。對于復雜的手勢控制應用來講，最好提供交替觸控和滑動觸控的UI操作界面。比如，一個用戶可以通過雙手指旋轉(zhuǎn)的動作來旋轉(zhuǎn)畫布，或者利用點控菜單欄來選擇并確認旋轉(zhuǎn)角度。這兩個交互行為都是易于掌握，并且大概率對于不同年齡的用戶都比較友好。在設計操作手勢的過程中，還要考慮到非手勢操作的用戶。

10.多樣化的必要10.Requisite variety

記住這一點：有很多不同的方式來完成一種操作手勢。

在操作手勢時，要考慮那些同時使用左右手的用戶并對其測試。對于那些操作某些具體手勢產(chǎn)生困難的用戶來講，他們大概率會把手掌放在屏幕上休息。所有這些都是不同類型的用戶在使用觸摸屏界面時使用的真實交互模式。作為設計師，在使用簡單和復雜的手勢時，我們應該考慮到各種運動障礙和不同使用模式的人。

11.根據(jù)任務的復雜程度和頻率來匹配操作手勢11.Match the complexity of the gesture to the complexity and frequency of the task

簡單來講，經(jīng)常操作的任務應該使用簡單的手勢來觸發(fā)它們。

凡是需要兩根手指操作的手勢對大多數(shù)用戶來講都會造成問題。根據(jù)這一想法，復雜的手勢應該保留給一次性動作。對那些頻繁觸發(fā)的動作，需要依賴簡單的單擊雙擊或者滑動手勢。因為他們是頻繁發(fā)生的，所以當用戶使用兩根手指進行操作時很容易引起疲勞和不適。

原文：https://blog.prototypr.io/10-ways-to-design-for-digital-devices-using-natural-user-interface-patterns-8b99bf43a873

作者：Dhananjay Garg

譯者：高暢

審核：徐曼鷺

編輯：孫淑雅、李莉好

本文翻譯已獲得作者的正式授權(quán)（授權(quán)截圖如下）

---

往期精選文章：

十個技巧幫助你設計一款在線學習 APP這些色彩心理學知識教你如何傳遞信息案例研究｜康奈爾大學副業(yè)社區(qū)網(wǎng)站設計

Web Vitals —— 谷歌的新一代 Web 性能體驗和質(zhì)量指標

網(wǎng)頁設計師能從日式美學中學到什么？案例研究｜一款為你帶來難忘體驗的美食 APP如何制作打動面試官的作品集，這里有一份完整的指導手冊如何做好用戶體驗項目？從一個好計劃開始如何建立設計系統(tǒng)如何把握不同層級用戶的需求：回歸本質(zhì)，打磨信息架構(gòu)TCC 視野｜2021 年用戶體驗設計趨勢分析

---

- 設計師自習社區(qū)-

TCC 設計情報局歡迎小伙伴加入，一起交流設計知識，了解全球設計資訊，鍛煉英文能力，發(fā)掘更多可能性～

添加小助手微信，備注「社群」，即可加入讀者群。