團隊出品:復雜UI界面的8個核心設計法則

2020-12-8    前端達人

復雜應用大多情況下是偏專業(yè)和B端的一些UI界面,它們大多出現(xiàn)在桌面端使用環(huán)境,并且終端用戶類型多樣,涉及流程、鏈條、業(yè)務也大多呈現(xiàn)出多變復雜的特征。這篇文章,來自UX設計領域的存在NNGroup,作者為凱特·卡普蘭。

到底什么是復雜應用?

我們之前將「復雜應用」界定為特定專業(yè)領域當中,需要經過廣泛培訓之后使用的,有著非結構化目標、非線性工作流程的任何應用程序。這個概念可能聽起來有點抽象,不過這么說你可能會 更容易理解:從科學研究到專業(yè)人員,諸如金融分析師,它們常用的那些專業(yè)軟件應用。這類應用通常有著這些特點:

  • 為有專業(yè)知識和訓練有素的用戶提供支持
  • 幫助用戶瀏覽、管理大型數(shù)據(jù)庫,并提供高級的數(shù)據(jù)分析和處理的功能
  • 通過可變和多樣的基礎任務功能來解決問題或者達成目標
  • 需要在多個角色、工具、平臺之間進行協(xié)作或者切換
  • 可以用來減輕高影響力/高價值任務的風險,降低損失

盡管不同的復雜應用之間差異很大,但是他們的共同點是,專業(yè)的從業(yè)人員對于這類工具有著極強的依賴性。

考慮到設計師和開發(fā)者在面對這類工具的時候的挑戰(zhàn),我梳理總結了 8 個復雜應用的設計原則和指南。

1、采用邊做邊學的用戶流程

很多研究表明,對于復雜的應用和工具,用戶更加青睞可以立刻上手開始使用而不受它復雜度影響的那類工具。

與大量的教程、文檔、幫助和設置說明相比,能夠立刻開始的任務和項目,對于用戶有著莫大的吸引力。這種現(xiàn)象被稱為「活躍用戶悖論」。

雖然在專業(yè)領域當中,倚靠摸索和試錯學習是不恰當也不安全的,但是一定程度的邊做邊學是必須的,因為不可能在培訓和手冊當中涵蓋所有的使用場景。

所以,在設計的時候應該提供「跳過教程」的直接上手的偏好設置,同時進行相應的安全性設置,避免新手的莽撞操作導致?lián)p失。比如可以限制這個階段的用戶執(zhí)行長流程多任務的操作,讓控制面板實時顯示操作結果或者預覽結果,這樣用戶無需執(zhí)行全部操作就可以知道大概的結果。

團隊出品:復雜UI界面的8個核心設計法則

在 Salesforce 控制面板當中,就可以實時預覽面板編輯的效果。

2、為用戶提供有效的方法和建議

絕大多數(shù)用戶都不是進階的專家級用戶,他們在絕大多數(shù)時候會使用基礎但是效率沒那么高的操作和執(zhí)行方案。很多用戶形成習慣之后,通常不會主動做出改變,而這在日積月累之后導致大量的時間浪費,效率低下。

值得一提的是,這個時候依賴冗長的文檔和教程其實很難達成效果,更合理的方式是結合用戶所處的上下文環(huán)境,通過界面工具提示的方式,適時地告知用戶「有更方便的方法」。

通常,可以使用懸停提示,或者是彈出式工具提示來實現(xiàn)這一功能。

團隊出品:復雜UI界面的8個核心設計法則

ArcMap 是一款地理信息系統(tǒng)類工具,它通常會通過上下文環(huán)境下的信息引導,來幫助用戶了解技巧。

3、提供靈活而流暢的功能路徑

復雜的應用程序,通常會有很多功能是分散的而非線性的,不同的功能組合起來可以實現(xiàn)特定的功能。在這類工具當中,用戶日??赡芤膊皇呛艽_切知道最終的目標是什么,而需要通過數(shù)據(jù)分析來逐步推進,同時,在知道確切目標的情況下,也應該可以遵循不同的路徑靈活地達成目標。

設計師這些應用的時候,設計師應該避免使用固定、唯一、 僵化的實現(xiàn)路徑,迫使用戶必循嚴格按照某一固定路徑來做事情。一方面,允許用戶跳過某個步驟,或者回滾到更早的路徑,另一方面,允許用戶遵循不同的方式和路徑來達成目標。

團隊出品:復雜UI界面的8個核心設計法則

比如萬事達卡的自助服務就可以通過交互式的圖表來引導用戶完成不同的任務。

4、 幫助用戶跟蹤行為和思考過程

復雜的任務,通常意味著它需要很多步驟,不同的環(huán)節(jié),而在實際的應用場景中,某個分析步驟耗費幾個小時甚至幾天,都是有可能的。在高度復雜的現(xiàn)實生活中,某個步驟可能會換人接手,可能會因為硬件、 網絡等問題而暫停甚至丟失,這也意味著「可追溯性」是很重要的。

所以,在這樣的復雜應用當中,應該允許用戶在使用過程中,可以便捷清晰地記錄、保存、 導出內容和記錄,允許用戶中斷,中斷后可以恢復特定的任務。在任務進行過程中可以進行注釋、保存相關的說明。

團隊出品:復雜UI界面的8個核心設計法則

在決策建模軟件TreeAge 當中,用戶可以在分析和建模過程中進行開放式的注釋,可以后續(xù)在底部快速訪問這些筆記。

5、可以協(xié)調多工具并且在工作空間之間轉換

復雜的應用通常還會面臨一個狀況,就是工具本身的不足,用戶需要在多個工作空間上使用工具和內容的時候,它需要具備切換的功能。對于不具備的功能,應用程序應該允許使用第三方的應用來作為補充。

比如當軟件不支持某個操作的時候,應該允許用戶從線上的其他數(shù)據(jù)庫中獲取并導出數(shù)據(jù)來使用,可以依托外部文檔作為支持,允許用戶在應用中做注釋和評論。

減輕工作負擔的一個要點,是盡量使用通用的API、接口和標準,盡量兼容行業(yè)標準軟件,比如 Excel、Powerpoint ,盡量使用標準格式,等等。

團隊出品:復雜UI界面的8個核心設計法則

微軟的商業(yè)分析軟件 PowerBI 就提供了標準化的導出和復制功能,非常方便

6、減少混亂而不影響功能

復雜應用通常旨在保持泛用性。使用場景多樣,多種不同的功能,一家汽車生產廠家,可能會和蜜蜂養(yǎng)殖機構采用同樣的工具和軟件來監(jiān)測機器故障。但是,這種泛用性的另外一面,就是混亂性。復雜的應用可能會同時兼顧到基礎型的小白用戶和進階型的專家用戶,而后者用到的功能很小概率會被基礎用戶用到。

所以,設計者需要在不降低功能性的情況下,基于應用場景、 用戶需求來進行簡化和優(yōu)化,在保持功能完整易用的前提之下,降低復雜度和混亂度。

分階段和層級展現(xiàn)就是一種降低混亂度但是不影響功能性的一種常見策略。當用戶進行到特定任務、特定階段、特等級別之后,再呈現(xiàn)特定功能,是有效的設計方法。

團隊出品:復雜UI界面的8個核心設計法則

7、主次信息之間要能平穩(wěn)過渡

即使降低了混亂度,在復雜應用當中,信息量可能依然是過載的。通常,對于這種情況可以通過區(qū)分信息層級的主次來進行快速的區(qū)分,不過,從交互上來說,這可能依然不夠。

對于諸如控制面板一樣的界面,用戶可能需要時刻查看面板上的信息,需要了解次級信息但是又不能離開界面,這就體現(xiàn)出主次信息之間的過渡呈現(xiàn)的重要性了。

一般而言,使用類似與懸停顯示的方式,能夠比較柔和地將次級信息呈現(xiàn)出來,允許用戶查看詳細的定量數(shù)據(jù)。下面這個案例當中就是,懸停顯示更多次級信息。

團隊出品:復雜UI界面的8個核心設計法則

8、在視覺上突出關鍵信息

復雜應用通常在界面上包含由大量的信息,而這個時候關鍵性的數(shù)據(jù)如果不在視覺上做突出顯示,會被用戶錯過。通過視覺區(qū)分、提示警報的方式,讓用戶及時注意到,才有可能規(guī)避可能存在的問題。

值得注意的是,讓關鍵信息和元素凸顯的方式,并不一定非得是使用鮮艷的色彩和較粗的字體,簡單的放大呈現(xiàn),使用圖形化的元素輔助提示,或者是提供足夠的留白都可以達到目的,就像下面的案例一樣:

轉自:優(yōu)設網


藍藍設計m.820esy.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業(yè)提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務


分享本文至:

日歷

鏈接

個人資料

藍藍設計的小編 http://m.820esy.cn

存檔