2022-3-7 純純
復(fù)雜應(yīng)用大多情況下是偏專業(yè)和B端的一些UI界面,它們大多出現(xiàn)在桌面端使用環(huán)境,并且終端用戶類型多樣,涉及流程、鏈條、業(yè)務(wù)也大多呈現(xiàn)出多變復(fù)雜的特征。這篇文章,來自UX設(shè)計(jì)領(lǐng)域的頂級存在NNGroup,作者為凱特·卡普蘭。
我們之前將「復(fù)雜應(yīng)用」界定為特定專業(yè)領(lǐng)域當(dāng)中,需要經(jīng)過廣泛培訓(xùn)之后使用的,有著非結(jié)構(gòu)化目標(biāo)、非線性工作流程的任何應(yīng)用程序。這個概念可能聽起來有點(diǎn)抽象,不過這么說你可能會 更容易理解:從科學(xué)研究到專業(yè)人員,諸如金融分析師,它們常用的那些專業(yè)軟件應(yīng)用。這類應(yīng)用通常有著這些特點(diǎn):
盡管不同的復(fù)雜應(yīng)用之間差異很大,但是他們的共同點(diǎn)是,專業(yè)的從業(yè)人員對于這類工具有著極強(qiáng)的依賴性。
考慮到設(shè)計(jì)師和開發(fā)者在面對這類工具的時候的挑戰(zhàn),我梳理總結(jié)了 8 個復(fù)雜應(yīng)用的設(shè)計(jì)原則和指南。
很多研究表明,對于復(fù)雜的應(yīng)用和工具,用戶更加青睞可以立刻上手開始使用而不受它復(fù)雜度影響的那類工具。
與大量的教程、文檔、幫助和設(shè)置說明相比,能夠立刻開始的任務(wù)和項(xiàng)目,對于用戶有著莫大的吸引力。這種現(xiàn)象被稱為「活躍用戶悖論」。
雖然在專業(yè)領(lǐng)域當(dāng)中,倚靠摸索和試錯學(xué)習(xí)是不恰當(dāng)也不安全的,但是一定程度的邊做邊學(xué)是必須的,因?yàn)椴豢赡茉谂嘤?xùn)和手冊當(dāng)中涵蓋所有的使用場景。
所以,在設(shè)計(jì)的時候應(yīng)該提供「跳過教程」的直接上手的偏好設(shè)置,同時進(jìn)行相應(yīng)的安全性設(shè)置,避免新手的莽撞操作導(dǎo)致?lián)p失。比如可以限制這個階段的用戶執(zhí)行長流程多任務(wù)的操作,讓控制面板實(shí)時顯示操作結(jié)果或者預(yù)覽結(jié)果,這樣用戶無需執(zhí)行全部操作就可以知道大概的結(jié)果。
在 Salesforce 控制面板當(dāng)中,就可以實(shí)時預(yù)覽面板編輯的效果。
絕大多數(shù)用戶都不是進(jìn)階的專家級用戶,他們在絕大多數(shù)時候會使用基礎(chǔ)但是效率沒那么高的操作和執(zhí)行方案。很多用戶形成習(xí)慣之后,通常不會主動做出改變,而這在日積月累之后導(dǎo)致大量的時間浪費(fèi),效率低下。
值得一提的是,這個時候依賴冗長的文檔和教程其實(shí)很難達(dá)成效果,更合理的方式是結(jié)合用戶所處的上下文環(huán)境,通過界面工具提示的方式,適時地告知用戶「有更高效方便的方法」。
通常,可以使用懸停提示,或者是彈出式工具提示來實(shí)現(xiàn)這一功能。
ArcMap 是一款地理信息系統(tǒng)類工具,它通常會通過上下文環(huán)境下的信息引導(dǎo),來幫助用戶了解技巧。
復(fù)雜的應(yīng)用程序,通常會有很多功能是分散的而非線性的,不同的功能組合起來可以實(shí)現(xiàn)特定的功能。在這類工具當(dāng)中,用戶日??赡芤膊皇呛艽_切知道最終的目標(biāo)是什么,而需要通過數(shù)據(jù)分析來逐步推進(jìn),同時,在知道確切目標(biāo)的情況下,也應(yīng)該可以遵循不同的路徑靈活地達(dá)成目標(biāo)。
設(shè)計(jì)師這些應(yīng)用的時候,設(shè)計(jì)師應(yīng)該避免使用固定、唯一、 僵化的實(shí)現(xiàn)路徑,迫使用戶必循嚴(yán)格按照某一固定路徑來做事情。一方面,允許用戶跳過某個步驟,或者回滾到更早的路徑,另一方面,允許用戶遵循不同的方式和路徑來達(dá)成目標(biāo)。
比如萬事達(dá)卡的自助服務(wù)就可以通過交互式的圖表來引導(dǎo)用戶完成不同的任務(wù)。
復(fù)雜的任務(wù),通常意味著它需要很多步驟,不同的環(huán)節(jié),而在實(shí)際的應(yīng)用場景中,某個分析步驟耗費(fèi)幾個小時甚至幾天,都是有可能的。在高度復(fù)雜的現(xiàn)實(shí)生活中,某個步驟可能會換人接手,可能會因?yàn)橛布?網(wǎng)絡(luò)等問題而暫停甚至丟失,這也意味著「可追溯性」是很重要的。
所以,在這樣的復(fù)雜應(yīng)用當(dāng)中,應(yīng)該允許用戶在使用過程中,可以便捷清晰地記錄、保存、 導(dǎo)出內(nèi)容和記錄,允許用戶中斷,中斷后可以恢復(fù)特定的任務(wù)。在任務(wù)進(jìn)行過程中可以進(jìn)行注釋、保存相關(guān)的說明。
在決策建模軟件TreeAge 當(dāng)中,用戶可以在分析和建模過程中進(jìn)行開放式的注釋,可以后續(xù)在底部快速訪問這些筆記。
復(fù)雜的應(yīng)用通常還會面臨一個狀況,就是工具本身的不足,用戶需要在多個工作空間上使用工具和內(nèi)容的時候,它需要具備切換的功能。對于不具備的功能,應(yīng)用程序應(yīng)該允許使用第三方的應(yīng)用來作為補(bǔ)充。
比如當(dāng)軟件不支持某個操作的時候,應(yīng)該允許用戶從線上的其他數(shù)據(jù)庫中獲取并導(dǎo)出數(shù)據(jù)來使用,可以依托外部文檔作為支持,允許用戶在應(yīng)用中做注釋和評論。
減輕工作負(fù)擔(dān)的一個要點(diǎn),是盡量使用通用的API、接口和標(biāo)準(zhǔn),盡量兼容行業(yè)標(biāo)準(zhǔn)軟件,比如 Excel、Powerpoint ,盡量使用標(biāo)準(zhǔn)格式,等等。
微軟的商業(yè)分析軟件 PowerBI 就提供了標(biāo)準(zhǔn)化的導(dǎo)出和復(fù)制功能,非常方便
復(fù)雜應(yīng)用通常旨在保持泛用性。使用場景多樣,多種不同的功能,一家汽車生產(chǎn)廠家,可能會和蜜蜂養(yǎng)殖機(jī)構(gòu)采用同樣的工具和軟件來監(jiān)測機(jī)器故障。但是,這種泛用性的另外一面,就是混亂性。復(fù)雜的應(yīng)用可能會同時兼顧到基礎(chǔ)型的小白用戶和進(jìn)階型的專家用戶,而后者用到的功能很小概率會被基礎(chǔ)用戶用到。
所以,設(shè)計(jì)者需要在不降低功能性的情況下,基于應(yīng)用場景、 用戶需求來進(jìn)行簡化和優(yōu)化,在保持功能完整易用的前提之下,降低復(fù)雜度和混亂度。
分階段和層級展現(xiàn)就是一種降低混亂度但是不影響功能性的一種常見策略。當(dāng)用戶進(jìn)行到特定任務(wù)、特定階段、特等級別之后,再呈現(xiàn)特定功能,是有效的設(shè)計(jì)方法。
即使降低了混亂度,在復(fù)雜應(yīng)用當(dāng)中,信息量可能依然是過載的。通常,對于這種情況可以通過區(qū)分信息層級的主次來進(jìn)行快速的區(qū)分,不過,從交互上來說,這可能依然不夠。
對于諸如控制面板一樣的界面,用戶可能需要時刻查看面板上的信息,需要了解次級信息但是又不能離開界面,這就體現(xiàn)出主次信息之間的過渡呈現(xiàn)的重要性了。
一般而言,使用類似與懸停顯示的方式,能夠比較柔和地將次級信息呈現(xiàn)出來,允許用戶查看詳細(xì)的定量數(shù)據(jù)。下面這個案例當(dāng)中就是,懸停顯示更多次級信息。
復(fù)雜應(yīng)用通常在界面上包含由大量的信息,而這個時候關(guān)鍵性的數(shù)據(jù)如果不在視覺上做突出顯示,會被用戶錯過。通過視覺區(qū)分、提示警報的方式,讓用戶及時注意到,才有可能規(guī)避可能存在的問題。
值得注意的是,讓關(guān)鍵信息和元素凸顯的方式,并不一定非得是使用鮮艷的色彩和較粗的字體,簡單的放大呈現(xiàn),使用圖形化的元素輔助提示,或者是提供足夠的留白都可以達(dá)到目的,就像下面的案例一樣:
復(fù)雜的應(yīng)用多種多樣,支持的服務(wù)和功能也千差萬別,但是無論如何呈現(xiàn),此類復(fù)雜應(yīng)用的設(shè)計(jì)都是非常挑戰(zhàn)設(shè)計(jì)師的設(shè)計(jì)功底的,需要設(shè)計(jì)師了解業(yè)務(wù),了解用戶,并且能夠通過設(shè)計(jì)更好地提供服務(wù)。
文章來源:優(yōu)設(shè)(陳子木) 作者:Kate Kaplan
分享此文一切功德,皆悉回向給文章原作者及眾讀者.
免責(zé)聲明:藍(lán)藍(lán)設(shè)計(jì)尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問題,請及時與我們?nèi)〉寐?lián)系,我們立即更正或刪除。
藍(lán)藍(lán)設(shè)計(jì)( m.sillybuy.com )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國內(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ù)
藍(lán)藍(lán)設(shè)計(jì)的小編 http://m.sillybuy.com