為了滿足和權(quán)衡用戶交互的作用，本文提到了5個(gè)可衡量的原則。

以下內(nèi)容由Mockplus（摹客）團(tuán)隊(duì)翻譯整理，僅供學(xué)習(xí)交流，Mockplus是更快更簡(jiǎn)單的原型設(shè)計(jì)工具。

去年移動(dòng)端用戶首次在全球范圍內(nèi)超過桌面端用戶。看看來自全球的統(tǒng)計(jì)數(shù)據(jù)，如今超過22％屏幕的分辨率為640x360。

這種趨勢(shì)不容忽視，盡管響應(yīng)式和移動(dòng)式開發(fā)已有一段時(shí)間了，移動(dòng)界面中的交互與桌面界面中的交互卻非常不同。隨著React Native和Progressive Web Apps（響應(yīng)式網(wǎng)頁(yè)程序）的興起，未來幾年移動(dòng)用戶界面的開發(fā)也將成為Web開發(fā)的重要組成部分。

在開發(fā)移動(dòng)用戶界面時(shí)，簡(jiǎn)易性對(duì)于良好的用戶體驗(yàn)至關(guān)重要。界面應(yīng)保持一致，避免用戶的認(rèn)知超負(fù)荷和讓用戶感覺到混亂。

為了滿足和權(quán)衡用戶交互的作用，本文提到了5個(gè)可衡量的原則。這篇文章將分別對(duì)這些原則做一個(gè)簡(jiǎn)短的總結(jié)，并舉例子來概述我們?cè)趧?chuàng)建移動(dòng)界面時(shí)應(yīng)該考慮的問題。

有效性

有效性可檢驗(yàn)當(dāng)用戶在使用界面時(shí)候的有效性如何。用戶有從其他界面和現(xiàn)實(shí)世界中獲取的經(jīng)驗(yàn)。在人機(jī)交互（HCI）中，稱為用戶正在創(chuàng)建的心理模型，以便更容易地理解復(fù)雜的概念。我們可以根據(jù)現(xiàn)實(shí)生活中獲取的知識(shí)來提高用戶的效率。有效性的目標(biāo)是減少完成任務(wù)所需的操作次數(shù)。

舉一些例子：

PWA是使用心理模型來提升用戶效率的一個(gè)極好的例子。通過設(shè)計(jì)類似于模擬調(diào)諧器的數(shù)字調(diào)諧器，用戶可以立即將這個(gè)數(shù)字版本的調(diào)諧器映射到他在現(xiàn)實(shí)世界的體驗(yàn)中。

使用匹配和已知的圖標(biāo)來減少認(rèn)知負(fù)擔(dān)。把它們和小標(biāo)簽結(jié)合起來，減少錯(cuò)誤的解讀。

心理模型的另一個(gè)例子就是將事物的轉(zhuǎn)換看成類似于現(xiàn)實(shí)世界中燈光的切換。

(圖片1)

效率

效率是指用戶能夠以何種方式理解應(yīng)用程序的當(dāng)前狀態(tài)以及可以執(zhí)行的操作。它以每秒動(dòng)作來衡量，并描述了用戶完成任務(wù)的效率。

一些例子

在界面中提供用戶所在位置的視覺提示。例如顯示標(biāo)題，在窗體中提供進(jìn)度條，突出顯示當(dāng)前標(biāo)簽。

如果界面變得太復(fù)雜了，那就設(shè)計(jì)出可分配子任務(wù)的簡(jiǎn)單類別。例如所有用戶相關(guān)數(shù)據(jù)的概要，過去保存項(xiàng)目的集合以及新信息的檢索。

(圖片2)

生產(chǎn)率

生產(chǎn)率是指用戶成功完成任務(wù)所需的時(shí)間以及用戶發(fā)現(xiàn)和識(shí)別界面功能的容易程度。它是根據(jù)相對(duì)于時(shí)間完成任務(wù)所需的動(dòng)作數(shù)量來衡量的。

一些例子

通過提供界面核心任務(wù)的快捷方式來減少打字的需要。

避免使用誤導(dǎo)性的標(biāo)簽，例如使用錯(cuò)誤的圖標(biāo)。

提供錯(cuò)誤消息，以便用戶可以快速?gòu)腻e(cuò)誤中恢復(fù)。

(圖片3)

反饋錯(cuò)誤信息

給用戶反饋是界面設(shè)計(jì)中最重要的部分之一。恰當(dāng)?shù)姆答伩梢悦黠@減少我們的錯(cuò)誤。我們可以通過每個(gè)任務(wù)的每個(gè)操作中提交的錯(cuò)誤數(shù)量來衡量失誤。

一些例子

為用戶操作提供適當(dāng)?shù)姆答仭?/p>

突出重要/新信息。

提供教程或提示，可以在需要時(shí)查看。

顯示當(dāng)前視圖/任務(wù)/用戶的名稱。

當(dāng)用戶發(fā)生錯(cuò)誤或系統(tǒng)未按預(yù)期工作提供反饋。例如，表單錯(cuò)誤，無法上傳/處理。

(圖片4)

認(rèn)知負(fù)荷

減少用戶的認(rèn)知負(fù)擔(dān)對(duì)于界面的友好度至關(guān)重要的。我們可以通過使用隱喻來解決晦澀的概念，并保持界面簡(jiǎn)單，以免使用戶混淆。衡量認(rèn)知負(fù)荷的一種方法是計(jì)算每個(gè)視圖的動(dòng)作。

一些例子

在視圖和內(nèi)容切換之間提供動(dòng)畫，切勿粗糙的剪切和混亂的篡改內(nèi)容。

使用熟悉和匹配的符號(hào)，使用戶易于完成任務(wù)。

使用邏輯流程讓用戶快速完成一項(xiàng)新任務(wù)。

(圖片5)

結(jié)論

當(dāng)我們?cè)O(shè)計(jì)一個(gè)用戶界面時(shí)，它的設(shè)計(jì)重點(diǎn)就應(yīng)該是幫助用戶完成他要完成的任務(wù)。那么在界面設(shè)計(jì)過程中你應(yīng)該問自己一些問題：

我設(shè)計(jì)的界面是否讓用戶以最簡(jiǎn)單的方式來完成任務(wù)？

界面是否遵循簡(jiǎn)單性以及利用心智模型來減少認(rèn)知負(fù)荷？

該界面是否顯示用戶所在的位置，避免用戶混淆和迷失方向？

用戶是否得到了恰當(dāng)?shù)姆答佉庖姡?/p>

界面是否考慮過可能出現(xiàn)的錯(cuò)誤并提供對(duì)這些錯(cuò)誤的反饋？

由于屏幕尺寸小，移動(dòng)界面很受限制，因此將應(yīng)用程序簡(jiǎn)單化并把重心放在用戶想要完成的任務(wù)上就顯得尤為重要。如果界面變得過于復(fù)雜和混亂，可能是因?yàn)樗噲D去滿足許多不同的條件，實(shí)際上應(yīng)該被拆分成不同的應(yīng)用程序。通過保持界面的有效性，效率，生產(chǎn)率，及時(shí)反饋錯(cuò)誤信息和減少認(rèn)知負(fù)載，我們可以避免設(shè)計(jì)出一些看起來花哨，實(shí)際上并不支持用戶完成任務(wù)的用戶界面。

學(xué)習(xí)工具，但不受限于某種工具。Mockplus做原型，更快更簡(jiǎn)單，現(xiàn)在下載Mockplus，免費(fèi)體驗(yàn)暢快的原型設(shè)計(jì)之旅。

原文鏈接：https://medium.com/swlh/principles-of-mobile-user-interfaces-94661cca7c16

原文作者：Lisi Linhart