復(fù)雜UI界面的8個(gè)核心設(shè)計(jì)法則

2020-12-4    資深UI設(shè)計(jì)者

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

到底什么是復(fù)雜應(yīng)用?

我們之前將「復(fù)雜應(yīng)用」界定為特定專業(yè)領(lǐng)域當(dāng)中,需要經(jīng)過(guò)廣泛培訓(xùn)之后使用的,有著非結(jié)構(gòu)化目標(biāo)、非線性工作流程的任何應(yīng)用程序。這個(gè)概念可能聽(tīng)起來(lái)有點(diǎn)抽象,不過(guò)這么說(shuō)你可能會(huì) 更容易理解:從科學(xué)研究到專業(yè)人員,諸如金融分析師,它們常用的那些專業(yè)軟件應(yīng)用。這類應(yīng)用通常有著這些特點(diǎn):

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

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

考慮到設(shè)計(jì)師和開(kāi)發(fā)者在面對(duì)這類工具的時(shí)候的挑戰(zhàn),我梳理總結(jié)了 8 個(gè)復(fù)雜應(yīng)用的設(shè)計(jì)原則和指南。

1、采用邊做邊學(xué)的用戶流程

很多研究表明,對(duì)于復(fù)雜的應(yīng)用和工具,用戶更加青睞可以立刻上手開(kāi)始使用而不受它復(fù)雜度影響的那類工具。

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

雖然在專業(yè)領(lǐng)域當(dāng)中,倚靠摸索和試錯(cuò)學(xué)習(xí)是不恰當(dāng)也不安全的,但是一定程度的邊做邊學(xué)是必須的,因?yàn)椴豢赡茉谂嘤?xùn)和手冊(cè)當(dāng)中涵蓋所有的使用場(chǎng)景。

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

團(tuán)隊(duì)出品:復(fù)雜UI界面的8個(gè)核心設(shè)計(jì)法則

在 Salesforce 控制面板當(dāng)中,就可以實(shí)時(shí)預(yù)覽面板編輯的效果。

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

絕大多數(shù)用戶都不是進(jìn)階的專家級(jí)用戶,他們?cè)诮^大多數(shù)時(shí)候會(huì)使用基礎(chǔ)但是效率沒(méi)那么高的操作和執(zhí)行方案。很多用戶形成習(xí)慣之后,通常不會(huì)主動(dòng)做出改變,而這在日積月累之后導(dǎo)致大量的時(shí)間浪費(fèi),效率低下。

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

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

團(tuán)隊(duì)出品:復(fù)雜UI界面的8個(gè)核心設(shè)計(jì)法則

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

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

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

設(shè)計(jì)師這些應(yīng)用的時(shí)候,設(shè)計(jì)師應(yīng)該避免使用固定、唯一、 僵化的實(shí)現(xiàn)路徑,迫使用戶必循嚴(yán)格按照某一固定路徑來(lái)做事情。一方面,允許用戶跳過(guò)某個(gè)步驟,或者回滾到更早的路徑,另一方面,允許用戶遵循不同的方式和路徑來(lái)達(dá)成目標(biāo)。

團(tuán)隊(duì)出品:復(fù)雜UI界面的8個(gè)核心設(shè)計(jì)法則

比如萬(wàn)事達(dá)卡的自助服務(wù)就可以通過(guò)交互式的圖表來(lái)引導(dǎo)用戶完成不同的任務(wù)。

4、 幫助用戶跟蹤行為和思考過(guò)程

復(fù)雜的任務(wù),通常意味著它需要很多步驟,不同的環(huán)節(jié),而在實(shí)際的應(yīng)用場(chǎng)景中,某個(gè)分析步驟耗費(fèi)幾個(gè)小時(shí)甚至幾天,都是有可能的。在高度復(fù)雜的現(xiàn)實(shí)生活中,某個(gè)步驟可能會(huì)換人接手,可能會(huì)因?yàn)橛布?網(wǎng)絡(luò)等問(wèn)題而暫停甚至丟失,這也意味著「可追溯性」是很重要的。

所以,在這樣的復(fù)雜應(yīng)用當(dāng)中,應(yīng)該允許用戶在使用過(guò)程中,可以便捷清晰地記錄、保存、 導(dǎo)出內(nèi)容和記錄,允許用戶中斷,中斷后可以恢復(fù)特定的任務(wù)。在任務(wù)進(jìn)行過(guò)程中可以進(jìn)行注釋、保存相關(guān)的說(shuō)明。

團(tuán)隊(duì)出品:復(fù)雜UI界面的8個(gè)核心設(shè)計(jì)法則

在決策建模軟件TreeAge 當(dāng)中,用戶可以在分析和建模過(guò)程中進(jìn)行開(kāi)放式的注釋,可以后續(xù)在底部快速訪問(wèn)這些筆記。

5、可以協(xié)調(diào)多工具并且在工作空間之間轉(zhuǎn)換

復(fù)雜的應(yīng)用通常還會(huì)面臨一個(gè)狀況,就是工具本身的不足,用戶需要在多個(gè)工作空間上使用工具和內(nèi)容的時(shí)候,它需要具備切換的功能。對(duì)于不具備的功能,應(yīng)用程序應(yīng)該允許使用第三方的應(yīng)用來(lái)作為補(bǔ)充。

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

減輕工作負(fù)擔(dān)的一個(gè)要點(diǎn),是盡量使用通用的API、接口和標(biāo)準(zhǔn),盡量兼容行業(yè)標(biāo)準(zhǔn)軟件,比如 Excel、Powerpoint ,盡量使用標(biāo)準(zhǔn)格式,等等。

團(tuán)隊(duì)出品:復(fù)雜UI界面的8個(gè)核心設(shè)計(jì)法則

微軟的商業(yè)分析軟件 PowerBI 就提供了標(biāo)準(zhǔn)化的導(dǎo)出和復(fù)制功能,非常方便

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

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

所以,設(shè)計(jì)者需要在不降低功能性的情況下,基于應(yīng)用場(chǎng)景、 用戶需求來(lái)進(jìn)行簡(jiǎn)化和優(yōu)化,在保持功能完整易用的前提之下,降低復(fù)雜度和混亂度。

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

團(tuán)隊(duì)出品:復(fù)雜UI界面的8個(gè)核心設(shè)計(jì)法則

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

即使降低了混亂度,在復(fù)雜應(yīng)用當(dāng)中,信息量可能依然是過(guò)載的。通常,對(duì)于這種情況可以通過(guò)區(qū)分信息層級(jí)的主次來(lái)進(jìn)行快速的區(qū)分,不過(guò),從交互上來(lái)說(shuō),這可能依然不夠。

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

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

團(tuán)隊(duì)出品:復(fù)雜UI界面的8個(gè)核心設(shè)計(jì)法則

8、在視覺(jué)上突出關(guān)鍵信息

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

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

團(tuán)隊(duì)出品:復(fù)雜UI界面的8個(gè)核心設(shè)計(jì)法則

結(jié)論

復(fù)雜的應(yīng)用多種多樣,支持的服務(wù)和功能也千差萬(wàn)別,但是無(wú)論如何呈現(xiàn),此類復(fù)雜應(yīng)用的設(shè)計(jì)都是非常挑戰(zhàn)設(shè)計(jì)師的設(shè)計(jì)功底的,需要設(shè)計(jì)師了解業(yè)務(wù),了解用戶,并且能夠通過(guò)設(shè)計(jì)更好地提供服務(wù)。

文章來(lái)源:優(yōu)設(shè)   作者:Kate Kaplan

藍(lán)藍(lán)設(shè)計(jì)m.sillybuy.com )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 平面設(shè)計(jì)服務(wù)

日歷

鏈接

個(gè)人資料

存檔