實(shí)戰(zhàn)技巧|混合云場(chǎng)景 “控” 視角下的設(shè)計(jì)思維與策略(下)

云計(jì)算的全面爆發(fā)浪潮下,云平臺(tái)已經(jīng)不是簡(jiǎn)單的單個(gè)業(yè)務(wù)場(chǎng)景,而是由多種業(yè)務(wù),多種云產(chǎn)品,多種云平臺(tái)的組合與鏈接?!盎旌显啤?概念應(yīng)運(yùn)而生。而作為非技術(shù)出身的設(shè)計(jì)師,似乎很難與此類平臺(tái)中的技術(shù)型用戶建立同理心。

在實(shí)際混合云的業(yè)務(wù)場(chǎng)景探索過程中,我們發(fā)現(xiàn)了可以通過 “監(jiān)、管、控” 三種典型的用戶視角切入,通過總結(jié)設(shè)計(jì)場(chǎng)景化的設(shè)計(jì)模型,來保證混合云平臺(tái)的用戶體驗(yàn)一致性與規(guī)范性。
本期,我們重點(diǎn)分享 “控” 的視角:

一、什么是 “控”
控,即控制。在百度中的解釋是為了確保組織內(nèi)各項(xiàng)計(jì)劃按規(guī)定去完成而進(jìn)行的監(jiān)督和糾偏的過程。控制的目標(biāo)就是讓事物按計(jì)劃進(jìn)行,滿足用戶的預(yù)期與規(guī)劃,如若出現(xiàn)偏差及時(shí)找出原因并采取調(diào)整措施。

在信息化、智能化時(shí)代下的混合云體驗(yàn)設(shè)計(jì)中,設(shè)計(jì)師應(yīng)該從哪些方面著手,才能幫助用戶更好的掌控他們的產(chǎn)品,以此來滿足使用體驗(yàn)是本環(huán)節(jié)探討的重點(diǎn)。
我們先來對(duì) “控” 的場(chǎng)景做一個(gè)界定。黃帝內(nèi)經(jīng)中提到:治未病。未病先防、既病防變,瘥后防復(fù)。
未病先防:是指在為患病之前采取預(yù)防的方法從而避免疾病的發(fā)生。
既病防變:是指當(dāng)已經(jīng)處于疾病狀態(tài)時(shí),要早期診斷,及早治療,防止疾病轉(zhuǎn)變殃及其他未病臟腑或危及生命。
瘥(chài)后防復(fù):是指疾病的 “愈后” 階段,仍處于不穩(wěn)定狀態(tài),需要鞏固治療,防止疾病復(fù)發(fā)。
荀子也曾說過:防為上、救次之、戒為下。一曰防;二曰救;三曰戒。先其未然謂之防,發(fā)而止之謂之救,行而責(zé)之謂之戒。古代思想中未雨綢繆、見微知著、防微杜漸的預(yù)防思想體現(xiàn)了古人對(duì)于個(gè)體狀態(tài)或行為的掌控策略。這種思考同樣適用于云計(jì)算時(shí)代下用戶對(duì)個(gè)體資源的掌控需求,那就是“先預(yù)防、后糾錯(cuò)”。確實(shí),云上服務(wù),我們首要確保用戶數(shù)據(jù)的安全性、系統(tǒng)的穩(wěn)定性,需要通過更加信息化、智能化的方式,減少甚至預(yù)防故障的發(fā)生,所以在糾錯(cuò)、糾偏之前,需要通過設(shè)計(jì)及技術(shù)手段,預(yù)防錯(cuò)誤的發(fā)生,以各種智能化預(yù)警、容災(zāi)備份等手段在故障真正到來之前進(jìn)行謀劃,最大程度降低故障的發(fā)生。
根據(jù) “先預(yù)防、后糾錯(cuò)” 的思想,將 “控” (為了確保按計(jì)劃完成任務(wù)的監(jiān)督和糾偏行為) 的行為場(chǎng)景分為三個(gè)階段,幫助設(shè)計(jì)師更有針對(duì)性的進(jìn)行策略輸出。

因此,在混合云設(shè)計(jì)體系中,我們將 “控” 更聚焦在:從預(yù)防錯(cuò)誤,處理異常到恢復(fù)系統(tǒng)可用狀態(tài)的過程。在異常、偏差出現(xiàn)之前讓用戶提早感知到風(fēng)險(xiǎn),盡可能的了解風(fēng)險(xiǎn)的發(fā)展趨勢(shì)與后果,從而主動(dòng)規(guī)避或遏制。過程中,也需要設(shè)計(jì)主動(dòng)透?jìng)鳟a(chǎn)品的穩(wěn)定、可控,建立用戶信任。異常出現(xiàn)后則及時(shí)處理干預(yù),控制影響面擴(kuò)大,確保過程中的所有進(jìn)程與操作都符合用戶的預(yù)期與安全規(guī)范,直至對(duì)象回到正常狀態(tài)。
在預(yù)防錯(cuò)誤,處理異常到恢復(fù)系統(tǒng)可用狀態(tài)的過程中,“控” 的要素主要有哪些?通過對(duì)混合云產(chǎn)品設(shè)計(jì)對(duì)象的分析,總結(jié)為四個(gè)關(guān)鍵要素:態(tài)勢(shì)、感知、時(shí)效、鏈路。

二、“控” 場(chǎng)景下的設(shè)計(jì)策略與分析模型
在 “控“ 的各個(gè)階段下,用戶的行為與感知都圍繞著設(shè)計(jì)的 “引導(dǎo)思維“,幫助用戶掌控系統(tǒng)狀態(tài)與操作節(jié)奏?!币龑?dǎo)思維“ 會(huì)貫穿在系統(tǒng)控制的各個(gè)環(huán)節(jié),比如操作后的反饋也會(huì)起到引導(dǎo)的作用,操作完成不是行為的結(jié)束,而是下一個(gè)操作的開始。因此,我們將引導(dǎo)在混合云體系中使用的場(chǎng)景進(jìn)行梳理舉例,并按引導(dǎo)對(duì)用戶的干擾程度進(jìn)行層級(jí)劃分,可以看出,不同的操作觸點(diǎn)下,設(shè)計(jì)師會(huì)選擇與之對(duì)應(yīng)的引導(dǎo)策略來幫助用戶更好的掌控系統(tǒng)。

為了方便設(shè)計(jì)師在引導(dǎo)體系下對(duì)信息狀態(tài)和組件的選擇,我們結(jié)合信息本身的屬性,將引導(dǎo)體系下的信息類型進(jìn)一步明確,根據(jù)系統(tǒng)、用戶主動(dòng)性的大小,將信息分為:“通知”、“提示” 和 “反饋”:
1、系統(tǒng)主動(dòng)推送。用戶屬于被動(dòng)接受的一方,不受用戶的操作限制,此時(shí)信息類型為 “通知”。
2、用戶操作前或操作中系統(tǒng)給予的信息,用來引導(dǎo)下一步行為。用戶和系統(tǒng)處于即將交互或交互過程中,為了讓用戶更加正確的操作、更好的感知操作進(jìn)度和狀態(tài)等進(jìn)行的說明,此時(shí)信息類型為 “提示”。
3、用戶主動(dòng)操作后的結(jié)果。系統(tǒng)是根據(jù)用戶的操作被動(dòng)顯示對(duì)應(yīng)信息,此時(shí)信息的類型為 “反饋”。

基于 “控” 的場(chǎng)景、要素以及不同階段下用戶的心智,引導(dǎo)策略的傾向,我們總結(jié)出以下設(shè)計(jì)分析模型,幫助參與這類復(fù)雜控制臺(tái)產(chǎn)品的設(shè)計(jì)師,快速找到方法,盡可能快速梳理思路,設(shè)計(jì)出滿足產(chǎn)品功能、用戶需求且思考全面的運(yùn)維產(chǎn)品。在 “控” 的分析模型中,設(shè)計(jì)師除了要掌握對(duì)信息的運(yùn)用,還需要關(guān)注用戶在過程中的認(rèn)知與感受,讓用戶從「被動(dòng)」的接收系統(tǒng)狀態(tài)到「主動(dòng)」選擇操作與結(jié)果,給予用戶更大的掌控權(quán)和靈活度,幫助用戶主動(dòng)規(guī)避風(fēng)險(xiǎn)、主動(dòng)選擇解決方案、主動(dòng)控制系統(tǒng)。

三、如何有效預(yù)防錯(cuò)誤,規(guī)避異常
在異常發(fā)生之前的預(yù)防階段,用戶的心智是追求穩(wěn)定,避免異常的發(fā)生。在這個(gè)觸點(diǎn)下,用戶一方面關(guān)注系統(tǒng)及資源的實(shí)時(shí)狀態(tài)和發(fā)展趨勢(shì),如果有可能發(fā)生風(fēng)險(xiǎn)就要及時(shí)干預(yù);另一方面則關(guān)注所有可能造成異常的信息如何快速讓用戶感知,從而做到心中有數(shù),早做準(zhǔn)備。下面就結(jié)合預(yù)防錯(cuò)誤階段中的 “態(tài)勢(shì)” 和 “感知“ 進(jìn)行詳細(xì)設(shè)計(jì)介紹。
1、風(fēng)險(xiǎn)前置,消除潛在隱患
云上操作需格外謹(jǐn)慎,生產(chǎn)環(huán)節(jié)的任何故障都會(huì)被放大,威脅到用戶的數(shù)據(jù)安全。因此,必要的設(shè)計(jì)引導(dǎo)可在用戶操作之前將風(fēng)險(xiǎn)前置,及時(shí)提醒用戶有可能的風(fēng)險(xiǎn)。在預(yù)防錯(cuò)誤的階段,我們重點(diǎn)關(guān)注信息 “通知” 和 “提示”。根提示對(duì)象的重要性和用戶操作頻次,設(shè)計(jì)將風(fēng)險(xiǎn)引導(dǎo)分為三級(jí):不打擾用戶的消息通知->輕量級(jí)干預(yù)的風(fēng)險(xiǎn)提示->重要級(jí)強(qiáng)制的風(fēng)險(xiǎn)提示。
不打擾用戶的消息通知。如用戶登錄系統(tǒng)后,以通知形式提醒近期的安全公告,例如常見的封網(wǎng)公告。這種消息提示的量級(jí)最輕,讓用戶感知到即可,用戶可以關(guān)閉不再顯示,也可以不進(jìn)行處理,不會(huì)對(duì)用戶當(dāng)前的行為產(chǎn)生影響,用在任意需要告知用戶重要信息的頁面中。
輕量級(jí)干預(yù)的風(fēng)險(xiǎn)提示。如用戶進(jìn)行高風(fēng)險(xiǎn)的運(yùn)維變更操作,采用彈窗「二次確認(rèn)」的形式讓用戶確認(rèn)風(fēng)險(xiǎn),點(diǎn)擊“確認(rèn)”操作后,才可繼續(xù)行為。這種提示會(huì)對(duì)用戶當(dāng)前的行為進(jìn)行打斷,出現(xiàn)也較高頻,重量級(jí)一般,常用于資源的增、刪、改操作。
重要級(jí)強(qiáng)制的風(fēng)險(xiǎn)提示。這種風(fēng)險(xiǎn)提示將結(jié)果和影響前置,用戶必須在主動(dòng)了解本次操作的風(fēng)險(xiǎn)及可能的結(jié)果后,才能進(jìn)行后續(xù)操作。如下圖所示,不勾選風(fēng)險(xiǎn)確認(rèn),“提交” 按鈕則無法點(diǎn)擊。這種風(fēng)險(xiǎn)強(qiáng)制確認(rèn)的約束力最強(qiáng),它是在用戶達(dá)到目的的必經(jīng)之路上進(jìn)行的有效干預(yù),最大化降低誤操作的可能。

2、風(fēng)險(xiǎn)預(yù)警,幫助用戶主動(dòng)規(guī)避
狀態(tài)感知。針對(duì)狀態(tài)的掌控,通過警示色彩的運(yùn)用讓用戶快速辨識(shí),如健康度的色彩和趨勢(shì)圖的結(jié)合,讓用戶明確低于 50% 將觸發(fā)異常。右圖端口水位,采用指標(biāo)結(jié)合折線圖進(jìn)行可視化呈現(xiàn),異常水位超過基線,明確告知用戶超出正常多少。在表達(dá)狀態(tài)方面,設(shè)計(jì)不僅僅是一個(gè)數(shù)值、一個(gè)色塊,而是體現(xiàn)一段趨勢(shì)的有效信息的聚合,用戶可更有體感的掌握當(dāng)前資源的狀態(tài)及歷史變化,方便用戶及早判斷是否要人為干預(yù)。正常的指標(biāo)則不需要過多元素輔助,減少信息觸達(dá)的噪聲,讓用戶快速進(jìn)入緊急故障的處理環(huán)節(jié)。

趨勢(shì)預(yù)測(cè)。同樣以水位預(yù)警進(jìn)行說明,目前越來越多的系統(tǒng)朝著自動(dòng)化、智能化的方向發(fā)展,設(shè)計(jì)結(jié)合系統(tǒng)的智能化可以帶給用戶更具可靠穩(wěn)定的體驗(yàn)?;谟脩糍?gòu)買并使用中的產(chǎn)品,通過智能水位分析,讓用戶掌握產(chǎn)品當(dāng)前使用的容量以及剩余的可用容量,如下圖用戶可以很直觀的掌握當(dāng)前產(chǎn)品的實(shí)時(shí)使用率,以及未來一段時(shí)間容量是否滿足需求。根據(jù)預(yù)測(cè)增長(zhǎng)曲線提早進(jìn)行策略干預(yù),如果預(yù)測(cè)水位將超過基線,則提示用戶存在風(fēng)險(xiǎn),并引導(dǎo)用戶選擇對(duì)應(yīng)的解決方案,如通過擴(kuò)容、設(shè)施彈性策略或回收部分棄用資源來應(yīng)對(duì)即將發(fā)生的異常,將風(fēng)險(xiǎn)可能性降到最低。

3、穩(wěn)定感知,建立可信賴的安全策略
未知帶來恐懼,當(dāng)人對(duì)事情缺少了解,就會(huì)產(chǎn)生慌亂、猶疑。作為體驗(yàn)設(shè)計(jì)師,我們也一直致力于通過設(shè)計(jì)加強(qiáng)用戶對(duì)產(chǎn)品的掌控,使操作符合用戶的心智模型。通過設(shè)計(jì)將可能遇到的風(fēng)險(xiǎn)提前告知;將界面信息傳達(dá)的更為精準(zhǔn),將用戶的隱私進(jìn)行有效保護(hù),這樣可以在很大程度上提升用戶操作的穩(wěn)定、安全的感受。
管理等待。等待體驗(yàn)是用戶在云產(chǎn)品中一定會(huì)經(jīng)歷的,比如數(shù)據(jù)表查詢、監(jiān)控視圖刷新、任務(wù)提交后的結(jié)果反饋等。等待的過程用戶對(duì)系統(tǒng)的工作狀態(tài)是無感知的,因此需要設(shè)計(jì)引導(dǎo),緩解用戶的等待焦慮。對(duì)此,在混合云體驗(yàn)設(shè)計(jì)中,我們對(duì)不同等待時(shí)間下用戶的感知程度和設(shè)計(jì)策略也進(jìn)行了分級(jí)設(shè)計(jì)。針對(duì)「弱感知的等待」,通過 Loading 快速完成加載;「強(qiáng)感知的等待」,則一定需要設(shè)計(jì)的引導(dǎo),告知用戶實(shí)時(shí)進(jìn)度、相關(guān)原因及處理辦法,讓用戶明確系統(tǒng)仍處于穩(wěn)定可用的狀態(tài);對(duì)于超長(zhǎng)等待,可通過異步處理的手段,讓用戶可以不必限制在當(dāng)前頁面,確保不讓用戶因等待而產(chǎn)生 “不專業(yè)” “不穩(wěn)定” “不可控” 的心理感受。

細(xì)化空狀態(tài)。針對(duì)空狀態(tài)一定要運(yùn)用引導(dǎo)策略告知用戶空狀態(tài)的具體原因,提供幫助文案、操作建議等解決方案,表明在下一個(gè)界面可以做什么,引導(dǎo)用戶進(jìn)行操作??諣顟B(tài)的主要場(chǎng)景有:
初始化不存在對(duì)象或數(shù)據(jù)
用戶無權(quán)查看頁面
需要用戶先操作再顯示內(nèi)容時(shí)
用戶刪除數(shù)據(jù)后
沒有返回結(jié)果的搜索或過濾器
數(shù)據(jù)無法加載到頁面或特定部分/組件中
針對(duì)不同的空狀態(tài),梳理場(chǎng)景,建立相同場(chǎng)景下一致的交互體驗(yàn)與呈現(xiàn),傳遞穩(wěn)定的界面元素。當(dāng)列表或文本信息為空時(shí),可用 “-” 展示。圖表中數(shù)據(jù)為空時(shí)要考慮兩種場(chǎng)景,數(shù)據(jù)無法獲取用 “--” 表示,無數(shù)據(jù)用 “0” 表示,“--” 為占位符,而 “0“ 可以點(diǎn)擊。

當(dāng)組件中信息為空時(shí),也有行為上的區(qū)分,一種是用戶主動(dòng)清空了數(shù)據(jù),如待辦事項(xiàng);一種是初始化狀態(tài)下無數(shù)據(jù),如用戶暫無實(shí)例;以及搜索后組件中無匹配內(nèi)容,如列表數(shù)據(jù)。這種情況設(shè)計(jì)通常采用 “文字加圖形“ 的形式進(jìn)行提示,對(duì)于初始化場(chǎng)景可引導(dǎo)用戶下一步的操作。最后一種則是空狀態(tài)頁面,常見的有 404、403、無權(quán)限等,采用 “缺省場(chǎng)景插圖、原因說明、引導(dǎo)操作” 共同構(gòu)成。空狀態(tài)的設(shè)計(jì)策略可以有效降低未知的恐懼,增加確定感和可控感,滿足用戶渴望穩(wěn)定、安全的心理需求。

三、如何規(guī)范處理異常,恢復(fù)可用
規(guī)范,包括了對(duì)異常的響應(yīng)時(shí)間、處理方式、處理過程等要符合公司的基本要求。在線上環(huán)境中,出現(xiàn)故障需要用戶快速處理,避免影響面擴(kuò)大,如重要運(yùn)維場(chǎng)景下3分鐘不響應(yīng)故障則會(huì)自動(dòng)升級(jí)。操作過程中系統(tǒng)加載或因處理故障而帶來的用戶等待時(shí)間,都會(huì)影響操作效率。因此在處理異常階段,排查問題的 “響應(yīng)時(shí)間” 和 “操作鏈路” 直接影響用戶體驗(yàn),下面將重點(diǎn)分析處理過程中設(shè)計(jì)對(duì) “時(shí)效” “空間” 的節(jié)奏把控。
1、劃分信息主次,提升響應(yīng)時(shí)效
信息分層。在對(duì)故障的響應(yīng)方面,設(shè)計(jì)可以通過暴露關(guān)鍵信息,建立信息主次規(guī)則,幫助用戶捕捉關(guān)鍵信息縮減時(shí)間。從信息本身出發(fā),主動(dòng)幫助用戶進(jìn)行主次區(qū)分,快速獲取關(guān)鍵部分。信息可以按:強(qiáng)調(diào)、正文、輔助、次要的優(yōu)先級(jí)進(jìn)行分層,運(yùn)用格式塔相關(guān)設(shè)計(jì)原理,通過大小、位置間距、色彩對(duì)比等方式進(jìn)行主次輕重區(qū)分,幫助用戶聚焦信息關(guān)注點(diǎn)。通過設(shè)計(jì)幫助用戶提取出關(guān)鍵信息、區(qū)分狀態(tài)主次。如常見的告警級(jí)別,從緊急->嚴(yán)重->提示->一般,根據(jù)告警的嚴(yán)重程度進(jìn)行信息表現(xiàn)的遞進(jìn)式設(shè)計(jì),突出強(qiáng)調(diào)的同時(shí),弱化次要信息對(duì)用戶的干擾。此外,建立狀態(tài)的一致性,無論是淺色頁面還是暗色頁面,故障等級(jí)的色彩規(guī)范保持統(tǒng)一,可以很好的縮減用戶辨識(shí)與學(xué)習(xí)的時(shí)間,提升處理效率。

高效觸達(dá)。除了控制臺(tái) PC 端上的呈現(xiàn),在移動(dòng)端可以更好的發(fā)揮設(shè)計(jì)提示引導(dǎo)的優(yōu)勢(shì),將異常的通知和操作有機(jī)串聯(lián)。如用戶代辦任務(wù)的處理,通過標(biāo)簽引導(dǎo),標(biāo)記用戶響應(yīng)的時(shí)間;針對(duì)那些需要用戶立即執(zhí)行的任務(wù),增加獨(dú)立的操作入口,一鍵快速處理。此外還可以借助移動(dòng)端的短信、電話第一時(shí)間通知用戶故障,提升響應(yīng)時(shí)效。

2、鏈路清晰透明,給予足夠的掌控感
隨著云產(chǎn)品向智能化、無人化方向發(fā)展,越來越多的操作由系統(tǒng)自動(dòng)完成,通過設(shè)定的邏輯程序?qū)崿F(xiàn)自運(yùn)維、自修復(fù),這也意味著有些信息對(duì)用戶是不透明的,很難感知,甚至有些操作都不需要用戶手動(dòng)干預(yù),系統(tǒng)可以根據(jù)提前設(shè)定好的程序自動(dòng)完成。因此在復(fù)雜任務(wù)、復(fù)雜鏈路下,需要設(shè)計(jì)進(jìn)行可視化的呈現(xiàn),幫助用戶掌控系統(tǒng)安全。
鏈路掌控。設(shè)計(jì)師通過界面將 “黑盒化” 的運(yùn)行邏輯進(jìn)行 “白盒化” 轉(zhuǎn)譯,幫助用戶排查問題。有些企業(yè)在發(fā)布環(huán)節(jié)下會(huì)有嚴(yán)格的安全規(guī)約,如下圖所示,用戶需要先在測(cè)試環(huán)境發(fā)布,觀察 8 個(gè)小時(shí)沒有問題后可以發(fā)布到預(yù)發(fā)環(huán)境,預(yù)發(fā)環(huán)境下觀察4小時(shí)沒有異常才可以正式上到海外、國(guó)內(nèi)生產(chǎn)環(huán)境。在這樣一個(gè)長(zhǎng)鏈路的任務(wù)中,設(shè)計(jì)對(duì)步驟組件做進(jìn)一步延展,將 “間隔時(shí)間“ 融入步驟組件中,且不會(huì)增加原本的步數(shù),信息傳遞更為準(zhǔn)確。每個(gè)發(fā)布步驟中用戶都可以設(shè)置等待時(shí)間,支持用戶暫?;蚴謩?dòng)開始,便于異常情況的響應(yīng)和處理,降低風(fēng)險(xiǎn)。在鏈路呈現(xiàn)上,用戶可直觀了解每?jī)膳g的間隔時(shí)長(zhǎng)以及當(dāng)前進(jìn)行中的時(shí)間剩余多少,如果存在不按發(fā)布規(guī)則進(jìn)行的操作,如 “跳過停留時(shí)間” 則以「紅色」提醒進(jìn)行警告。

操作掌控。在任務(wù)過程的節(jié)點(diǎn)展現(xiàn)上,設(shè)計(jì)將當(dāng)前狀態(tài)下用戶可進(jìn)行的行動(dòng)點(diǎn)明確告知,根據(jù)狀態(tài)的不同,匹配對(duì)應(yīng)的操作,降低誤操作的同時(shí)進(jìn)一步提升過程中的掌控感。如上圖集群列表中,變更失敗時(shí)支持回滾、終止,變更中支持暫?;虺蜂N等。通過設(shè)計(jì)對(duì)流程和信息的再加工,有效告知用戶當(dāng)前任務(wù)的運(yùn)行狀況,輔助用戶充分掌控任務(wù)各環(huán)節(jié)的狀態(tài),并主動(dòng)提供讓用戶離開「非預(yù)期」?fàn)顟B(tài)的途徑。
3、主動(dòng)式操作引導(dǎo),使操作合規(guī)結(jié)果順意
主動(dòng)式幫助。為了保障用戶操作的合規(guī)性,設(shè)計(jì)上會(huì)將規(guī)范操作以引導(dǎo)幫助的形式,貫穿在用戶的行為鏈路中。一方面通過設(shè)計(jì),主動(dòng)幫助用戶按正確的流程進(jìn)行,一方面提供隨手可得的幫助引導(dǎo),讓用戶按規(guī)范完成操作。
混合云業(yè)務(wù)中,很多用戶是即使用公有云產(chǎn)品又有自己的私有云環(huán)境,在私有云場(chǎng)景下,研發(fā)運(yùn)營(yíng)人員需要到客戶現(xiàn)場(chǎng)部署服務(wù)與整套系統(tǒng),此時(shí),初始的部署過程是極其重要且復(fù)雜的。如下頁面,從部署準(zhǔn)備到 IDC 檢查最后到云平臺(tái)部署,每個(gè)部署環(huán)節(jié)下又包含很多步驟,為了讓用戶感知到部署的流程,設(shè)計(jì)了一個(gè)全局進(jìn)度和步驟進(jìn)度引導(dǎo),建立全局與局部的關(guān)系。
如何在一個(gè)屏幕下讓用戶按照規(guī)范的流程部署,并且及時(shí)了解大量的說明和注意事項(xiàng)?設(shè)計(jì)上采用了分欄結(jié)構(gòu),讓幫助指南模塊常駐,操作過程中遇到疑問可隨時(shí)快速查閱,建立用戶與系統(tǒng)間的流暢節(jié)奏。

結(jié)果反饋。在云計(jì)算業(yè)務(wù)中,數(shù)據(jù)計(jì)算分為實(shí)時(shí)計(jì)算和離線計(jì)算。實(shí)時(shí)是對(duì)當(dāng)前資源的即時(shí)操作,如運(yùn)維下的盯屏操作,可實(shí)時(shí)更新數(shù)據(jù)并根據(jù)用戶操作快速返回結(jié)果,數(shù)據(jù)是實(shí)時(shí)到達(dá)的;離線則是服務(wù)器讀入所有的操作數(shù)據(jù),然后進(jìn)行一次性處理,這就導(dǎo)致很多結(jié)果是異步的。
狀態(tài)不同步會(huì)給用戶在處理異常的過程中造成極大困擾,清晰的反饋可以有效緩解情緒。一般的實(shí)時(shí)操作后,以輕量的全局提示反饋用戶操作成功,在異步場(chǎng)景下,則要明確告知用戶需要等待一段時(shí)間,避免用戶操作后無法立即查詢到結(jié)果,如新建集群,創(chuàng)建成功后,后臺(tái)系統(tǒng)需要將配置信息按步驟下發(fā),并且在系統(tǒng)下一次檢查資源時(shí)才可以發(fā)現(xiàn)新增了集群。這種情況,設(shè)計(jì)不僅可以提示用戶需要等待,還可以將概覽信息進(jìn)行展示,讓用戶核對(duì)同時(shí)確保自己的操作被系統(tǒng)所接收,此外,一些步驟操作的結(jié)果頁除了結(jié)果反饋,設(shè)計(jì)上也會(huì)增加相關(guān)操作的引導(dǎo),不僅可以向用戶主動(dòng)介紹其他產(chǎn)品功能,也可以主動(dòng)引導(dǎo)用戶選擇下一步行為。

四、總結(jié)
以上是關(guān)于 “控” 這個(gè)場(chǎng)景下的常用設(shè)計(jì)策略,可以有效幫助用戶預(yù)防錯(cuò)誤,在異常發(fā)生之前引導(dǎo)用戶規(guī)避,建立穩(wěn)定可靠的信任感;在異常處理的過程中,則通過信息主次和一致性,讓用戶快速獲取關(guān)鍵信息并及時(shí)處理。此外,設(shè)計(jì)對(duì)鏈路流程的規(guī)劃、引導(dǎo)及呈現(xiàn),可以主動(dòng)幫助用戶掌控過程與結(jié)果。
?? 我們一起聊設(shè)計(jì) ???♂?
微信行業(yè)交流群
期待與更多優(yōu)秀設(shè)計(jì)師一起成長(zhǎng)
??
PS:歡迎大家關(guān)注三分設(shè),每天早上9點(diǎn),準(zhǔn)時(shí)充電。分享優(yōu)質(zhì)設(shè)計(jì)、創(chuàng)意靈感、新知新識(shí),定期大咖老師直播分享,零距離連麥,答疑解惑。 添加小小蟲微信號(hào)【 Lil_Bug 】,備注【 三分設(shè) 】加入!(只面向星標(biāo)了公眾號(hào)三分設(shè)的粉絲)
?? 星標(biāo)公眾號(hào)方法
點(diǎn)開下方公眾號(hào) ?? 點(diǎn)擊右上角【...】 ?? 設(shè)為星標(biāo)

