中文字幕无码av不卡一区,亚洲综合AV永久无码精品一区二区,黑人巨大白妞出浆,黄色高清无码免费看,久久久久免费精品国产,久久无码人妻丰满熟妇区毛片,欧美日韩国产综合草草,久久福利网站,亚洲一区二区三区中文字幕在线,av国内精品久久久久影院

缺少反饋是一個比較普遍存在的問題。在現實世界中，我們希望服務場所的服務人員們都會熱情的對我們說“謝謝，希望您有美好的一天”之類熱情的話，對你視而不見是令人不愉快的。在我們瀏覽網頁時，有多少次點擊操作完成后，會經歷一段漫長的時間等待，才會提交我們填寫的內容。點擊的按鈕或者是其他什么控件，它需要與服務器有交互，那么這時等待是在所難免的，此時我們在設計反饋的時候就要慎重，不要讓用戶過久等待。一些好的做法：Twitter的點贊無論網絡強弱，都會顯示成功，其他的就交給系統吧；微信發布朋友圈，無論是否有網絡都會顯示成功發布，其他的也交給了系統處理；注冊/登錄時通過按鈕的不同狀態來反饋當前狀態等等。

我們再舉一個切換提示的例子。

當光標移動到屏幕上的某個內容時，即光標懸停時，快速響應是相當重要的。通常，光標會由箭頭變成伸出一個手指的小手形狀，你便可以點擊內容了。切換提示一般也會伴隨著文字或圖標樣式的變化，例如顏色等，當鼠標經過它們時就會立即觸發這個樣式的變化，這樣才可以有效的提示用戶這是可以點擊的。

網絡環境中的響應機制

這類反饋有很多，加載中圖標、iOS的菊花轉、谷歌的旋轉圖標、蘋果的旋轉沙漏光標。蘋果的這個光標因為功能響應比較慢，獲得了很多不太友善的綽號。由此我們可以看出，提供反饋通常可以緩解問題，卻不能解決問題。所以，在處理長時間的操作時，最好能使用可以顯示進度的圖形。

除了基本的屏幕信息，比如“你的文件已經成功下載”，以及各種各樣的動畫，我們還可以用各種各樣的設計模式來完成不同的任務。下面是一些比較常用的方式；

• 亮度調節：調亮特定的區域以表明其處于活動狀態。比如，微信在收付款時，頁面被自動的調亮，這樣做既可以告知用戶正在進行的操作，也可以避免由于屏幕過暗不方便掃描二維碼。
• 聲音：不同的操作關聯不同的聲音，我們最熟悉的就是手機收到郵件或短信時所發出的不同提示音。淘寶2017版本已經把聲音的提示加入了APP中，但是，有一個問題值得思考，就是當用戶不知道當前音量的大小時會被這個提示音嚇一跳，應該考慮結合手機將音量控制在不高的范圍。

說起來目前有上千種處理響應的技術，有些好，有些壞。但是無論你決定采用哪種響應機制，只要用戶可以看到、聽到或感受到，并且理解了這些響應的意思，那就是良好的可用性。

我們要保證系統的響應性，就要確保我們的系統/產品：1.點擊按鈕時，要能看到按鈕的反應；2.指針懸停在一個鏈接或者其他可交互組件上時，要改變形狀來表明可以點擊的內容；3.一些簡單的任務，如下載文件或點擊完成付款流程。在這個過程中網站要對操作有回應；4.所有需要很長時間處理的流程，像下載文件，要提供持續的反饋來顯示流程的進度；5.得到的反饋要及時。

產品要符合人體工程學

用戶可以輕松地查看、點擊、彎曲或者翻轉

人體工程學是研究如何設計出符合人們生理和心理能力的設備的科學。我們對人體工程學的理解大都停留在辦公環境人體工程學，比如辦公椅調整、桌子高度、電腦屏幕位置等等。但是人體工程學不僅適用于電腦屏幕外圍的各種情況，也適用于發生在屏幕上的各種事情，在移動端亦是如此。

這里先介紹一下12條基本的人體工程學原則：

• 以正常的姿勢工作；
• 減少過度的壓力；
• 確保所有的東西都可以輕松獲得；
• 在合適的高度工作；
• 減少過度的動作；
• 盡量減小疲勞和靜載荷；
• 盡量減少壓力點；
• 提供間隙；
• 移動、運動和伸展；
• 保持舒適的環境；
• 提高清晰度，讓人理解；
• 改善工作流程。

從可用性的角度來說，這些人體工程學原則之所以重要，是因為盡管它們是根據實物世界中的作用效應總結出來的，但對屏幕產品的設計也有深遠的影響。例如：光標可以充當我們的電子手指，和真實的手指一樣，它也有能做和不能做的動作。此外，隨著觸摸屏的出現，我們的手指通常就是光標，突然之間，我們發現自己得同時應付線上的和線下的人體工程學問題。

說到人體工程學在屏幕設備上的應用，不得不提到費茨定律，定律的內容就不多說了，費茨定律在設計中的作用：

1. 按鈕等可點擊對象需要合理的大小，例如iOS規范中的44*44px規則。
2. 屏幕的邊和角的位置適合放菜單欄和按鈕這樣的元素。
3. 出現在用戶正在操作的對象旁邊的控制菜單或工具欄可以被打開的更快，例如點擊鼠標右鍵出現在旁邊的菜單。

大目標比小目標更容易捕捉和使

我們現在的網站出現了很多下拉菜單，它們都會觸發二級菜單，顯示在自己的側面。這種下拉菜單要注意的事情是：

確保點擊區域比鏈接中的文字區域大。因為更大/更容易點擊。

確保給用戶足夠的時間將光標移動到相應的位置。具體做法：1.光標在鏈接上面懸停約0.5秒后，再觸發擴展菜單。2.動畫菜單被觸發后，就應該盡快顯示菜單項，如果可能的話，顯示所用的時間應少于0.1秒。3.用戶將光標從菜單上移開后，要等待0.5秒再關閉菜單。這樣，用戶就不必嚴格地將光標固定在菜單的活動區域中，而可以在操作時更隨意地移動光標，也可以選擇比較近的操作路徑。

過延遲下拉菜單/彈出菜單的收起時間，用戶可以將光標直接移到對角線處的菜單項上，而不會觸發其他菜單項或者錯過他們想要點擊的菜單項

屏幕人體工程學方面的一個重要發現就是，如何最好地創建長鏈接列表?？捎眯詫＜已鸥鞑肌つ釥柹↗akob Nielsen）提到過“F模式”。當你觀察一幅眼睛跟蹤地圖時，會發現有一種F形模式。眼睛跟蹤地圖通常叫做熱點圖，哪里被看得越多，哪里就會越紅。

這個熱點圖清晰地顯示了人們的眼睛是如何瀏覽鏈接頁面的。創建列表或標題時，要確保將最重要的詞匯放在前面

這就是說，在準備列表的時候（尤其是鏈接列表），你要確保最重要的詞匯放在鏈接的開頭而不是后面。這也適用于具備機器可讀性的標題，即那些會在搜索結果列表中呈現特定網頁名稱的標題。所以，要認真地看待那些沒有以最重要的詞匯開頭的列表、菜單或者鏈接等。

另外一個基本的人體工程學原則 就是提供間隙，它意味著，要確保兩輛購物車可以同時通過超市的過道，按鈕大得可以讓人舒服地點擊。

我們在創建網站或應用的時候，需要給頁面中各個元素之間保留足夠的間隙，這樣才能保證用戶的使用不會有任何干擾。亞馬遜的網站中會存在一些彈出框，它們能夠正常的運行，在下圖中，彈窗中的各個元素（文本、按鈕等）之間保持各自的間隙，層次清晰。

我們要確保產品/系統遵循人體工程學的原則，就要保證：

1. 按鈕要足夠大，可以方便的通過鼠標或者手指點擊；
2. 網站中的下拉菜單等其他可交互控件要能被鼠標輕易的捕獲（移動設備上這些控件要能被手指輕松的捕獲）；
3. 頁面中的所有元素之間要保持一定的間隙，不能相互影響；
4. 我們的頁面要讓用戶輕松的知道要做什么；
5. 產品/系統中不能存在不符合邏輯的任務或工作流程，我們的產品/系統要易用。

產品便捷性

所有的東西需要時都有

對于便捷性的定義，很簡單：1.讓人感到舒適自在。2.觸手可及。數字產品的便捷性提現在使用這個產品的過程中，讓用戶感到舒適自在，使用我們的產品能夠輕松的解決他們想問題。而且，應該是觸手可及的，比如我們餓了，拿起手機找到美團外賣或者百度外賣就能 解決我們的問題。

讓人感到舒適自在

在這里，我們來看一下計算機的多模式輸入和輸出，計算機的多模式輸入包括鍵盤、鼠標和語音，多模式輸出包括聲音、視頻等。多模式的體驗是指，在一個任務執行過程中進行接口的切換，可以分為三大類：

1. 在同一個接口內從一個任務切換到另一個任務：表示我可以停留在同一個瀏覽器窗口，切換不同的任務。
2. 在相關的接口進行切換：表示任務可以從電腦屏幕移動到智能手機上，任務還將繼續。
3. 在不相關的接口內進行切換：表示可以從電腦屏幕移動到打印機輸出。

這三種情況下的體驗可以做到很好。不好的體驗我們要避免，例如：一個網站有兩個相互依賴的表單，但必須要分別單獨填寫，這就會給用戶帶來很差的體驗了。用戶更加期待的是無縫的體驗。讓人們盡可能以最少的干擾、最快的途徑、最少的異常來完成他們的工作。

從可用性的角度看，便捷性問題與一個經典的問題密切相關：只有當手機沒電的時候，你才會意識到公共場所的電源插座少得可憐；只有下雨的時候，你才會關注雨傘放在哪里。進入不熟悉的地域時，我們會自主的尋找舒適的區域。這是因為，符合我們個人日常習慣的事物就可以提供這種舒適感。事物提供了舒適感，我們就認為它們是便捷的。所以，我們的產品/系統要為用戶提供習慣性的舒適感，讓用戶在使用我們的產品時找到熟悉的舒適感，這會讓我們的產品加分不少。

觸手可及

在這個方面，我們講究的是“只需一次點擊即可完成”。如果你在修理汽車，最好把所有工具以及修理所需的任何配件都放在手邊。如果你在做飯，那么在開始之前你可能會買來所有的食材并把他們備好。如果你要在亞馬遜上瀏覽一個主題，那么你應該收集所有需要的鏈接，并在十幾個瀏覽器窗口中打開它們？當然不！

你期望亞馬遜去做這項艱難的工作，為你尋找并提供有效的鏈接。在亞馬遜的結賬頁面，所有鏈接和其他必要信息會放在同一個地方，所有的產品信息會在另一個地方。亞馬遜已經為你安排好了一切。將不同的信息都做好了分組。

我們確保產品/系統的便捷性，就要保證：1.將相關內容進行分組，使其更容易查找。2.如果擁有多模式體驗，要確保不同的進程不會互相干擾。3.要提供有用的內容。4.消除強制用戶多次輸入相同信息的區域。5.為用戶提供方便。

產品的簡單易用性

幫助人們避免操作錯誤或損壞產品

提示

指出人們可能不小心忘記了執行什么操作，比如在關閉文檔之前保存文檔，或者在郵件中忘記粘貼附件。

文明的toast提示

我們一般會看到兩種類型的系統提示。一種是比較標準的提示信息“是否要對更改的內容進行保存？”這樣的提示信息一般是為了提醒用戶，這種提示信息用戶是不太會反感的。另一種系統提示卻會對用戶的操作造成一些影響并且強制用戶進行許多選擇，如“你確定要刪除該文檔嗎？”“你是否確定？該操作不能恢復”（廢話，我自己選擇的刪除當然是要刪除了?。?。

我們使用提示信息不能打斷事件處理流程的流暢性，不能妨礙人們工作。在現實世界中，大量不恰當的消息也會對我們造成干擾。一些語音郵箱系統，總是會播放一段長長的廣告，才列出菜單項，很讓人郁悶。簡而言之，如果幫助是不必要的，那就不要出現。

警告

在一些內容上添加標簽或標記，來表示這些是用戶進行下一步操作之前必須完成的內容，比如輸入密碼或者勾選“我接受條款”復選框。

警告可以告訴人們有錯誤存在（如密碼錯誤），狀態發生改變（電量不足），或者其他一些需要你注意的內容。但是，一些警告僅僅是讓用戶確認電腦或者移動設備執行了一些操作。比如，往智能手機里插入耳機后，或者是拔出耳機的時候，屏幕上總是出現這樣的信息：

“手機插孔中連入一個設備”，我當然知道我查了耳機，難道會有人趁我不注意偷偷插耳機在我的手機上？

想要避免人們犯錯的出發點是很好的，但是不斷地陳述顯而易見的事實，是會惹惱用戶的。通常在設計此類警示信息時，非常重要的一點事不斷評價它們的相關性，確保它們能起到一些作用。警告通常是為了告知系統的錯誤故障等用戶不可預知的情況，并非是用戶明確的狀態。

在移動設備中，對話框作為警告的一種表現形式，在iOS和Google的規范中都有規定，對話框這種中斷用戶流的形式適用于用戶執行了將要引起嚴重錯誤的交互行為（在軟件中則是此操作將要引起用戶狀態變化的情況）或者是系統自身的異常警告等。在用戶掌握范圍內的情況，用提示更加妥當。

用戶操作在app中的警告提示

強制

消除一些不可用的選項，比如把一些不可用或者在某個特定時刻不適用的菜單項變灰色。

在數字世界中，實現強制操作的方式，是把那些因為某些原因不可用的菜單項置灰。例如，如果已經保存了文檔，沒有再對文檔修改，那“保存”按鈕就可以一直不可用。我們可以多考慮以點，置灰的菜單項用戶是不知道原因的，為什么之前還能點擊呢？我們希望程序能提供一些解釋，說明為什么這時這個菜單項不可用。例如，鼠標懸停在置灰的菜單項時，會有一個小小的提示說明彈出框來解釋原因。當然到目前為止，還沒有程序是這么做。

“下一步”按鈕置灰

我們要幫助人們做出更好的決策

屏幕信息有時候會需要我們做出選擇，甚至那些需要我們點擊“確定”的信息也會讓我考慮一下自己需要認可的內容。我們在設計這寫提示信息時，需要問自己一些問題：

1. 用戶知道為什么會出現這個信息嗎？
2. 用戶是否足夠理解這個提示，并且做出正確的決定？
3. 提示中信息是否有用，會不會讓用戶困惑？
4. 用戶理解做完決策的后果嗎？

如果所有的答案都是否，那么就得修改提示信息或者考慮更改設計，去掉這個提示信息。

我們要保證產品/系統的簡單易用，就要確保：

1. 為用戶提供多種響應方式，以防萬一。
2. 提示信息要清晰簡潔，易于理解。
3. 準確區分提示和警告，不得混淆。
4. 不要妨礙用戶去完成任務。
5. 為用戶提供認知線索，正確引導用戶使用產品。
6. 確保用戶隨時隨地獲取所需要的信息。

作者：流年，互聯網產品設計師，4年互聯網產品設計經驗。

本文由 @流年 原創發布于人人都是產品經理。未經許可，禁止轉載。

題圖來自PEXELS，基于CC0協議