中文字幕无码av不卡一区,亚洲综合AV永久无码精品一区二区,黑人巨大白妞出浆,黄色高清无码免费看,久久久久免费精品国产,久久无码人妻丰满熟妇区毛片,欧美日韩国产综合草草,久久福利网站,亚洲一区二区三区中文字幕在线,av国内精品久久久久影院

編輯導(dǎo)語：控制臺是用戶通過web端管理和使用云產(chǎn)品的入口，是一種直觀的圖形化界面。那么，在混合云做控制臺是一種什么樣的體驗?zāi)?？本篇文章作者將結(jié)合自身經(jīng)驗對混合云控制臺展開一系列的講述，感興趣的小伙伴們快來一起看看吧。

一、控制臺體驗

控制臺(Console）是用戶通過web端管理和使用云產(chǎn)品的入口，是一種直觀的圖形化界面。

幾乎所有云廠商都提供控制臺，以方便對云產(chǎn)品和服務(wù)進(jìn)行購買、查看、使用等操作。

1. 公混用戶差異

相比公共云幾千萬的線上用戶數(shù)，混合云用戶數(shù)可謂寥寥無幾。公共云上人人都是 DevOps，是服務(wù)的開發(fā)者，是原廠工程師。

用戶只需在一個控制臺上購買產(chǎn)品和服務(wù)，出現(xiàn)故障也無需擔(dān)心運(yùn)維修復(fù)，因為這些問題都會被云廠商自行解決。

混合云以大型企業(yè)用戶為主，部門多、角色多、需求差異大，難以在一個控制臺完成所有工作。每種角色都是一個專業(yè)的群體，All in one Console 的產(chǎn)品思路可能會讓控制臺變成一艘航空母艦，但對于每個崗位的專家用戶而言 “大而全” 不如 “少而專”。

2. 混合云管理平臺

阿里云混合云管理平臺（Apsara Uni-manager）是面向阿里云專有云和混合云場景的企業(yè)級云管理平臺，提供全方位的云資源供給、運(yùn)維和運(yùn)營管理能力，具備一體化管控、自動化運(yùn)維、智能化分析及個性化擴(kuò)展等核心競爭力；致力于為客戶提供優(yōu)質(zhì)的用戶體驗，簡化混合云管理，加速政企數(shù)字化轉(zhuǎn)型。

“分平臺，聚能力”的產(chǎn)品形態(tài)為多崗位用戶帶來了獨(dú)立的管理體驗，但給“跨平臺，體驗難統(tǒng)一”埋下了隱患。

混合云對外交付產(chǎn)品數(shù)量眾多，過往各產(chǎn)品擁有自己獨(dú)立的產(chǎn)品體驗和技術(shù)選型，這就給客戶側(cè)帶來產(chǎn)品風(fēng)格差異大、管控行為不統(tǒng)一的體驗心智。

一致性（Consistency）是每個復(fù)雜系統(tǒng)平臺追求的首要體驗?zāi)繕?biāo)之一。

體驗一致，能讓用戶在跨平臺使用中形成熟悉感，也能讓產(chǎn)研規(guī)模化可復(fù)制。

我們將“打造面向企業(yè)級用戶簡單+高效+統(tǒng)一的混合云管控體驗”作為構(gòu)建體驗競爭力的長期目標(biāo)，并在多個版本產(chǎn)品迭代中逐步滲透管云方法論。

把簡單留給用戶，把復(fù)雜留給自己。

3. 有序建立，共識驅(qū)動

“一致性”不是一天建立起來的。首先，設(shè)計師要直面“業(yè)務(wù)錯綜復(fù)雜、依賴公共云產(chǎn)品、客戶需求多樣化”的產(chǎn)研外環(huán)境，又要克服“資源少、交付快、多版本”的研發(fā)內(nèi)環(huán)境。

在每個版本研發(fā)周期中，留給我們的時間其實非常少，如何將“一致性”分階段有效落實是我們必須面臨的挑戰(zhàn)。

我們將一致性目標(biāo)分為“物理層、行為層、感知層”三層分別推進(jìn)。

在每個版本的研發(fā)初期，設(shè)計師要和業(yè)務(wù)、研發(fā)梳理本次必須優(yōu)化治理的體驗關(guān)鍵項，并從影響面、產(chǎn)品價值、研發(fā)成本等角度評估，哪些是高優(yōu)先級務(wù)必要落入版本的，哪些是可以在下個版本進(jìn)行的。

達(dá)成共識后，設(shè)計師就能有的放矢地對每個體驗項針對性推進(jìn)。

二、物理層

關(guān)注業(yè)務(wù)、系統(tǒng)、設(shè)備差異，打磨“細(xì)致見微”的界面觀感。

1. 拉通公混設(shè)計底層，打造“一朵云”體驗

對于企業(yè)用戶而言，無論多少部署地點(diǎn)，無論購買了多少云產(chǎn)商的產(chǎn)品服務(wù)，控制臺都應(yīng)該提供“一朵云”的管理體驗。未來的企業(yè)用戶很大可能是混合云用戶，也會是多云用戶。

所以，我們從設(shè)計系統(tǒng)創(chuàng)建初期就與阿里云公共云保持設(shè)計共建，在設(shè)計語言、全局樣式、基礎(chǔ)組件庫上達(dá)成了一致。

再者，混合云控制臺中有大量頁面直接集成公共云頁面，所以拉通設(shè)計底層，只會讓內(nèi)部整體更一致、更可控。

2. 統(tǒng)一導(dǎo)航模式，形成組件化應(yīng)用

導(dǎo)航是信息架構(gòu)中最重要的“冰山一角”。各產(chǎn)品的頂部導(dǎo)航在統(tǒng)一之前“相似但又不同”，主要有三類問題：

1. 菜單個數(shù)超量，局部信息過載，深度不均勻
2. 多場景、多角色區(qū)分不強(qiáng)，分析鏈路存在斷點(diǎn)
3. 各業(yè)務(wù)獨(dú)立開發(fā)維護(hù)，不利于新產(chǎn)品復(fù)用

我們嘗試把“頂部導(dǎo)航”看做一個大組件封裝，來解決上述問題：

1. 結(jié)合業(yè)務(wù)邏輯梳理導(dǎo)航具備的功能，形成子功能區(qū)塊，并進(jìn)行模塊化開發(fā)。
2. 運(yùn)用窮舉思路，列舉各區(qū)塊在不同權(quán)限、角色、內(nèi)容下的不同樣式，通過配置化方式讓不同類型的樣式在各種業(yè)務(wù)中靈活調(diào)用。

3. 信息展示：高密度，快獲取，易定位

控制臺單頁面的信息量往往非常大，“高密度，快獲取，易定位”一直是我們在信息展示上堅持的設(shè)計理念。

（1）高密度

讓同一層級或關(guān)聯(lián)性強(qiáng)的內(nèi)容聚攏，減少留白。比如，我們讓每個表格都具備了緊湊模式，讓用戶在一屏中能多看30%的內(nèi)容。

（2）快獲取

通過優(yōu)化元素之間的間距和對齊、通欄和分割，讓視線盡量成直線移動，更快掃視數(shù)據(jù)。

（3）易定位

“瀏覽”和“切換”是用戶最高頻的兩類行為。在用戶需要頻繁在不同對象中切換的場景下，我們把切換區(qū)（Switch）始終固定在頁面頂部，讓用戶滾動時內(nèi)始終看到可切換項，既保持明確的定位感，也能在瀏覽中方便快速切換定位。

4. 關(guān)注用戶真實設(shè)備系統(tǒng)，讓操作更沉浸、更優(yōu)雅

我們發(fā)現(xiàn)大部分企業(yè)用戶還是使用臺式機(jī)為主，一般只有鍵盤和鼠標(biāo)（沒有觸摸板）。

在某些滾動場景，橫向滾動體驗非常糟糕。比如，在多行多列的鎖列列表頁中，用戶需要先用鼠標(biāo)滑到頁面底端才能找到橫向滾動條，然后拖拽橫向滾動條進(jìn)行左右滑動以瀏覽表頭其他字段。

如果既要上下滾動又要左右滾動，體驗就會非常糟糕。

我們對控制臺中的所有表格都內(nèi)置了一種“全屏模式”的交互態(tài)。在全屏模式下，表格高度始終固定，縱向和橫向滾動條能在首屏就被看見，方便用鼠標(biāo)拖動；從信息傳達(dá)角度來看，全屏也加大了表格寬度，讓更多表頭字段在一屏內(nèi)同時得到暴露。

另外，我們還關(guān)注到大部分企業(yè)用戶電腦是 Windows 系統(tǒng)，而設(shè)計師常用 macOS 進(jìn)行設(shè)計，很多系統(tǒng)差異帶來的細(xì)節(jié)點(diǎn)會被忽略。

比如，macOS上已經(jīng)存在覆蓋式滾動條，該操作系統(tǒng)有”始終顯示/滾動時顯示/根據(jù)鼠標(biāo)顯示”三種模式可選，而Windows 10前還沒有一個設(shè)置來控制滾動條的可見性。

這就導(dǎo)致 Windows 10 之前系統(tǒng)下的“F型”頁面滾動條“又多又粗”，視覺上非常不美觀。

所以針對 Windows，我們對滾動條進(jìn)行了樣式覆蓋預(yù)置，讓滾動條看上去更優(yōu)雅、更美觀。

不過，近期微軟也宣布將重新設(shè)計非覆蓋式滾動條，以適應(yīng)Fluent Design的設(shè)計理念，并在Windows 11/10得以運(yùn)用，我們需要保持關(guān)注后續(xù)如何適配新系統(tǒng)的變化。

5. 讓文案及時有、講清楚、好理解

文案，是中后臺平臺系統(tǒng)的細(xì)胞。文案治理是個長期過程，需要和國際化內(nèi)容團(tuán)隊緊密溝通，建立內(nèi)容定期走查和更新機(jī)制。好的文案體驗應(yīng)該是：

（1）及時有

在用戶容易產(chǎn)生疑慮的位置，盡可能多增加文案進(jìn)行解釋說明。

（2）講清楚

與公共云相似的文案場景，要明確展示出差異化。

（3）好理解

避免機(jī)器語言直接暴露，也要考慮國際化翻譯后是否符合當(dāng)前語境。

三、行為層

將“選擇”、“搜索”、“篩選”的用戶行為收斂為幾種固定交互模式，讓用戶形成統(tǒng)一的操作心智。

1. 數(shù)據(jù)動態(tài)獲取，分梯度制定面板樣式和能力

動態(tài)獲取導(dǎo)致下拉面板的菜單個數(shù)容易發(fā)生變化，比如有些客戶可能購買了上百款云產(chǎn)品，有些客戶只購買了幾個，“一刀切”的面板樣式難以承載動態(tài)數(shù)量的菜單展示，而有些數(shù)據(jù)結(jié)構(gòu)是相對固定的。

比如，同一云廠商的云產(chǎn)品都有“一級分類”→“云產(chǎn)品”→“二級資源”這樣相似而穩(wěn)定的層級結(jié)構(gòu)，所以就有可能根據(jù)層級和數(shù)量推導(dǎo)不同樣式，并封裝在一個大組件里，在超量時提供分組、搜索和錨點(diǎn)能力，讓選擇更快速。

2. 根據(jù)用戶習(xí)慣，收斂為少而精的數(shù)據(jù)過濾模式

我們將數(shù)據(jù)過濾收斂為“實時篩選”和“多條件篩選”兩種過濾模式，滿足不同條件個數(shù)、不同查詢頻次的使用訴求。

“實時篩選”是一種逐步縮小范圍的查詢心智，適合條件個數(shù)不多的業(yè)務(wù)場景；“多條件篩選”是一次性多個條件并發(fā)查詢命中結(jié)果的心智，適合條件個數(shù)多而且復(fù)雜、接口實時查詢慢的業(yè)務(wù)場景。在多條件篩選中，我們將某些高頻條件常駐在面板外，提高內(nèi)容的曝光率。

四、一致性落地

任何設(shè)計規(guī)范從產(chǎn)生到落地，都是一個意識傳遞的過程。

在業(yè)務(wù)規(guī)?；l(fā)展的重壓下，我們一直在探索如何讓設(shè)計規(guī)范在產(chǎn)研鏈路中又“快”又“準(zhǔn)”的傳遞。

（1）快

面向產(chǎn)品經(jīng)理和設(shè)計師，我們建立了一個搭建平臺Teamix，將混合云設(shè)計規(guī)范內(nèi)置到搭建物料中，讓需求方在原型階段更多關(guān)注業(yè)務(wù)邏輯本身而少關(guān)注設(shè)計規(guī)范的約束，讓專業(yè)人做專業(yè)事。

需求溝通和設(shè)計協(xié)同在一個平臺上進(jìn)行，也是為了讓不同角色能更可視、更精準(zhǔn)、更自由的「在線」表達(dá)。

（2）準(zhǔn)

面向開發(fā)者，我們提供了“精于心，簡于行”的前端開發(fā)解決方案Teamix Pro。

它預(yù)設(shè)了混合云業(yè)務(wù)所有通用場景的UI樣式和邏輯性代碼，讓開發(fā)者大膽跳過那些「重要但你又不想關(guān)心的樣式、邏輯」，全力關(guān)注真正復(fù)雜的業(yè)務(wù)邏輯實現(xiàn)。

Teamix Pro致力于完美還原設(shè)計規(guī)范，用大組件思路拼裝頁面，最大程度減少頁面代碼量，讓「高質(zhì)量還原」和「高效開發(fā)」同時成為可能。

可視化搭建和可視化配置是我們探索設(shè)計規(guī)范價值最大化的兩個方向，設(shè)計資產(chǎn)無論是以Lowcode還是Procode形態(tài)輸出都是為了提高”設(shè)計規(guī)范流轉(zhuǎn)效率”。

由于篇幅有限，本文重點(diǎn)講述近半年來我們在物理層、行為層的一致性提升工作，后續(xù)會用專門一篇文章來介紹感知層的實踐，敬請期待。

作者：壹?。还娞枺?Alibaba Cloud TxD

原文鏈接：https://mp.weixin.qq.com/s/Ag8sjlBTbk4CjsgOmWa3iw

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

題圖來自Unsplash ，基于CC0協(xié)議。