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