為了滿(mǎn)足和權衡用戶(hù)交互的作用，本文提到了5個(gè)可衡量的原則。
以下內容由Mockplus（摹客）團隊翻譯整理，僅供學(xué)習交流，Mockplus是更快更簡(jiǎn)單的原型設計工具。
去年移動(dòng)端用戶(hù)首次在全球范圍內超過(guò)桌面端用戶(hù)?？纯磥?lái)自全球的統計數據，如今超過(guò)22％屏幕的分辨率為640x360。
這種趨勢不容忽視，盡管響應式和移動(dòng)式開(kāi)發(fā)已有一段時(shí)間了，移動(dòng)界面中的交互與桌面界面中的交互卻非常不同。隨著(zhù)React Native和Progressive Web Apps（響應式網(wǎng)頁(yè)程序）的興起，未來(lái)幾年移動(dòng)用戶(hù)界面的開(kāi)發(fā)也將成為Web開(kāi)發(fā)的重要組成部分。
在開(kāi)發(fā)移動(dòng)用戶(hù)界面時(shí)，簡(jiǎn)易性對于良好的用戶(hù)體驗至關(guān)重要。界面應保持一致，避免用戶(hù)的認知超負荷和讓用戶(hù)感覺(jué)到混亂。
為了滿(mǎn)足和權衡用戶(hù)交互的作用，本文提到了5個(gè)可衡量的原則。這篇文章將分別對這些原則做一個(gè)簡(jiǎn)短的總結，并舉例子來(lái)概述我們在創(chuàng )建移動(dòng)界面時(shí)應該考慮的問(wèn)題。
有效性
有效性可檢驗當用戶(hù)在使用界面時(shí)候的有效性如何。用戶(hù)有從其他界面和現實(shí)世界中獲取的經(jīng)驗。在人機交互（HCI）中，稱(chēng)為用戶(hù)正在創(chuàng )建的心理模型，以便更容易地理解復雜的概念。我們可以根據現實(shí)生活中獲取的知識來(lái)提高用戶(hù)的效率。有效性的目標是減少完成任務(wù)所需的操作次數。
舉一些例子：
PWA是使用心理模型來(lái)提升用戶(hù)效率的一個(gè)極好的例子。通過(guò)設計類(lèi)似于模擬調諧器的數字調諧器，用戶(hù)可以立即將這個(gè)數字版本的調諧器映射到他在現實(shí)世界的體驗中。
使用匹配和已知的圖標來(lái)減少認知負擔。把它們和小標簽結合起來(lái)，減少錯誤的解讀。
心理模型的另一個(gè)例子就是將事物的轉換看成類(lèi)似于現實(shí)世界中燈光的切換。
(圖片1)
效率
效率是指用戶(hù)能夠以何種方式理解應用程序的當前狀態(tài)以及可以執行的操作。它以每秒動(dòng)作來(lái)衡量，并描述了用戶(hù)完成任務(wù)的效率。
一些例子
在界面中提供用戶(hù)所在位置的視覺(jué)提示。例如顯示標題，在窗體中提供進(jìn)度條，突出顯示當前標簽。
如果界面變得太復雜了，那就設計出可分配子任務(wù)的簡(jiǎn)單類(lèi)別。例如所有用戶(hù)相關(guān)數據的概要，過(guò)去保存項目的集合以及新信息的檢索。
(圖片2)
生產(chǎn)率
生產(chǎn)率是指用戶(hù)成功完成任務(wù)所需的時(shí)間以及用戶(hù)發(fā)現和識別界面功能的容易程度。它是根據相對于時(shí)間完成任務(wù)所需的動(dòng)作數量來(lái)衡量的。
一些例子
通過(guò)提供界面核心任務(wù)的快捷方式來(lái)減少打字的需要。
避免使用誤導性的標簽，例如使用錯誤的圖標。
提供錯誤消息，以便用戶(hù)可以快速從錯誤中恢復。
(圖片3)
反饋錯誤信息
給用戶(hù)反饋是界面設計中最重要的部分之一。恰當的反饋可以明顯減少我們的錯誤。我們可以通過(guò)每個(gè)任務(wù)的每個(gè)操作中提交的錯誤數量來(lái)衡量失誤。
一些例子
為用戶(hù)操作提供適當的反饋。
突出重要/新信息。
提供教程或提示，可以在需要時(shí)查看。
顯示當前視圖/任務(wù)/用戶(hù)的名稱(chēng)。
當用戶(hù)發(fā)生錯誤或系統未按預期工作提供反饋。例如，表單錯誤，無(wú)法上傳/處理。
(圖片4)
認知負荷
減少用戶(hù)的認知負擔對于界面的友好度至關(guān)重要的。我們可以通過(guò)使用隱喻來(lái)解決晦澀的概念，并保持界面簡(jiǎn)單，以免使用戶(hù)混淆。衡量認知負荷的一種方法是計算每個(gè)視圖的動(dòng)作。
一些例子
在視圖和內容切換之間提供動(dòng)畫(huà)，切勿粗糙的剪切和混亂的篡改內容。
使用熟悉和匹配的符號，使用戶(hù)易于完成任務(wù)。
使用邏輯流程讓用戶(hù)快速完成一項新任務(wù)。
(圖片5)
結論
當我們設計一個(gè)用戶(hù)界面時(shí)，它的設計重點(diǎn)就應該是幫助用戶(hù)完成他要完成的任務(wù)。那么在界面設計過(guò)程中你應該問(wèn)自己一些問(wèn)題：
我設計的界面是否讓用戶(hù)以最簡(jiǎn)單的方式來(lái)完成任務(wù)？
界面是否遵循簡(jiǎn)單性以及利用心智模型來(lái)減少認知負荷？
該界面是否顯示用戶(hù)所在的位置，避免用戶(hù)混淆和迷失方向？
用戶(hù)是否得到了恰當的反饋意見(jiàn)？
界面是否考慮過(guò)可能出現的錯誤并提供對這些錯誤的反饋？
由于屏幕尺寸小，移動(dòng)界面很受限制，因此將應用程序簡(jiǎn)單化并把重心放在用戶(hù)想要完成的任務(wù)上就顯得尤為重要。如果界面變得過(guò)于復雜和混亂，可能是因為它試圖去滿(mǎn)足許多不同的條件，實(shí)際上應該被拆分成不同的應用程序。通過(guò)保持界面的有效性，效率，生產(chǎn)率，及時(shí)反饋錯誤信息和減少認知負載，我們可以避免設計出一些看起來(lái)花哨，實(shí)際上并不支持用戶(hù)完成任務(wù)的用戶(hù)界面。
學(xué)習工具，但不受限于某種工具。Mockplus做原型，更快更簡(jiǎn)單，現在下載Mockplus，免費體驗暢快的原型設計之旅。
原文鏈接：https://medium.com/swlh/principles-of-mobile-user-interfaces-94661cca7c16
原文作者：Lisi Linhart
