《我在混合云做控制臺》易用性體驗升級

1 評論 2342 瀏覽 15 收藏 9 分鐘

編輯導(dǎo)語:混合云控制臺的用戶體驗具有數(shù)據(jù)量大、維度多、多樣視角等特性。本文作者介紹了混合云控制臺在“易用性”方面的工作,從易操作、清晰、易學(xué)易理解、開放四個方面進(jìn)行優(yōu)化,一起來看看吧。

在上一篇文章《我在混合云做控制臺:一致性體驗升級》中,我們介紹了混合云控制臺的業(yè)務(wù)背景,以及設(shè)計師在平臺體驗“一致性”方面所做的提升。今天繼續(xù)介紹我們在“易用性”方面的工作。

《我在混合云做控制臺》易用性體驗升級

混合云控制臺的用戶體驗具有“數(shù)據(jù)量大、維度多”“業(yè)務(wù)邏輯有一定理解門檻”“多樣視角”等特性?;诖?,我們從以下四個方面進(jìn)行易用性的設(shè)計優(yōu)化:

《我在混合云做控制臺》易用性體驗升級

一、易操作:增強預(yù)判性

1. 關(guān)鍵信息前置,收攏關(guān)聯(lián)內(nèi)容

在企業(yè)級產(chǎn)品中,頁面層級相對較深,完成一個任務(wù)需要經(jīng)歷多次跳轉(zhuǎn),如果從業(yè)務(wù)上判斷流程無法縮短;那么還有一個思路——增加預(yù)判性設(shè)計:根據(jù)場景,讓功能和信息主動找到用戶,從而自然產(chǎn)生交互。將能輔助判斷的信息前置,幫助用戶提前過濾掉不需要深入的路徑。

例如,在“列表頁>詳情頁”這種路徑中,我們在列表頁增加暴露了一些有關(guān)詳情頁的關(guān)鍵字段值(如果值為0的話,用置灰的方式加以區(qū)別),那么用戶就可以提前排除其中不需要查看的部分。

《我在混合云做控制臺》易用性體驗升級

2. 時刻對總量有感知

在數(shù)據(jù)量較大的頁面上,設(shè)計師希望通過提前展示總量的方式,讓用戶對自己管理的內(nèi)容心中有數(shù),而不需要去逐一瀏覽具體內(nèi)容。

設(shè)計師一方面在通用列表頁的頁頭增加了“概覽數(shù)據(jù)”區(qū)塊,用直觀的統(tǒng)計數(shù)據(jù)匯總了列表信息;另一方面,在tab上增加統(tǒng)計數(shù)字,無需點擊就可以感知管理狀態(tài),提高決策的準(zhǔn)確性。

《我在混合云做控制臺》易用性體驗升級

3. 基于多權(quán)限視角,優(yōu)化文案指向性

在混合云控制臺上,企業(yè)各級組織、各職能角色所具有的權(quán)限范圍各不相同,可能出現(xiàn)“有查看和操作權(quán)限”“有查看權(quán)限、無操作權(quán)限”“無權(quán)限”等多種情況。

因此從設(shè)計上需要建立“多角色、多權(quán)限、多視角”的思路,梳理一個場景在不同的權(quán)限范圍下,會出現(xiàn)哪些狀況,并給出對應(yīng)的引導(dǎo)流程。

例如在配額管理中,“無法修改配額”這種報錯,通過多權(quán)限視角分析,其實對應(yīng)了多種原因,于是優(yōu)化了文案的指向性,便于用戶快速定位錯誤原因。

《我在混合云做控制臺》易用性體驗升級

二、清晰:強化信息分層

1. 優(yōu)化圖表,整理信息層次

在業(yè)務(wù)邏輯復(fù)雜的頁面中,設(shè)計師對原設(shè)計進(jìn)行分析,重新梳理數(shù)據(jù)關(guān)系,提出更符合數(shù)據(jù)性質(zhì)的圖表展示方式;并嘗試通過對圖表的進(jìn)一步解讀來幫助用戶理解數(shù)據(jù)的構(gòu)成關(guān)系,形成合理的信息層次。

《我在混合云做控制臺》易用性體驗升級

2. 避免平鋪,增強通用的信息排序能力

面對大量信息,我們可以進(jìn)行合理的分層,引導(dǎo)用戶通過觸發(fā)動作來展示詳細(xì)信息;或者提供排序和自定義能力,將最關(guān)注的信息放到重要的位置。

在新版本中,設(shè)計師與前端同學(xué)一起對表格的通用能力進(jìn)行了升級,默認(rèn)提供自定義列表字段對字段進(jìn)行排序的能力,并通過前端開發(fā)解決方案 Teamix Pro 中的 ProTable 來規(guī)范化落地

一個云資源列表常常有十幾列數(shù)據(jù),用戶可以根據(jù)工作范圍,將自己關(guān)注和常用的數(shù)據(jù)提到前面,將不常用的數(shù)據(jù)隱藏起來。未來甚至可以按照用戶角色提供默認(rèn)折疊低頻數(shù)據(jù)列的能力。

《我在混合云做控制臺》易用性體驗升級

三、易學(xué)易理解:提升瀏覽效率

1. 用含義明確的名稱替代機器碼

云資源管控場景優(yōu)先關(guān)注效率,這決定了我們在設(shè)計上更注重通用性標(biāo)準(zhǔn)化;但是站在體驗設(shè)計師的角度,我們也在探索如何在不影響操作效率的前提下優(yōu)化易用性

一個云資源具有名稱、ID 等若干屬性,以前在管控場景中,都以資源 ID作為唯一識別;資源 ID 具有全平臺唯一、不會缺省的優(yōu)點,但自動生成的機器碼 ID 在易讀性和辨識性上弱于人為命名的資源名稱。

因此,我們將詳情頁標(biāo)題等位置由資源ID改為了資源名稱,提高辨識效率;而在列表字段等位置,考慮到用戶有復(fù)制 ID 進(jìn)行搜索的需求,以及資源名稱可能缺省,依然使用資源 ID 作為主要識別字段。

《我在混合云做控制臺》易用性體驗升級

2. 通過規(guī)律分區(qū)使數(shù)據(jù)易讀

大量平鋪的信息需要通過有規(guī)律的分區(qū)來實現(xiàn)結(jié)構(gòu)化,使數(shù)據(jù)能夠自我表達(dá)?;旌显瓶刂婆_上的表格頁面包含各種類型的字段,為了使數(shù)據(jù)更加高效易讀,我們通過前端開發(fā)解決方案 Teamix Pro 中的 ProTable,對不同數(shù)據(jù)類型的默認(rèn)對齊和省略方式提供了內(nèi)置規(guī)則,設(shè)計師和前端開發(fā)者均無需再重復(fù)花費精力逐一調(diào)整。

《我在混合云做控制臺》易用性體驗升級

四、開放:擴展自定義能力

1. 品牌風(fēng)格自定義能力增強

混合云的部分客戶具有二次售賣的使用場景,此時需要去阿里云化,強化客戶品牌的暴露。因此本期從設(shè)計上提升了平臺視覺風(fēng)格的自定義能力。

例如,優(yōu)化了登錄頁背景圖及文案的定制能力,盡可能兼容用戶上傳的各種樣式和風(fēng)格的背景圖,幫助用戶更好地透出自身品牌調(diào)性,打造獨特性的品牌認(rèn)知。

《我在混合云做控制臺》易用性體驗升級

 

作者:和越;公眾號:Alibaba Cloud TxD

原文鏈接:https://mp.weixin.qq.com/s/NrvTl4I-BVprpKcdFiwklg

本文由 @Alibaba Cloud TxD 翻譯發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載。

題圖來自Pixabay,基于CC0協(xié)議。

更多精彩內(nèi)容,請關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. 上一篇好像沒有找到??去哪找

    回復(fù)