從四個方面完整分析b端工作臺的設計流程和方法,b端產品設計流程 今天小豆培訓網學歷教育小編就來給大家簡單介紹一下。
B端工作臺應該如何設計？本篇文章從需求分析、信息架構、可視化圖表和視覺設計這四個方面，為我們完整解析了一個B端工作臺的設計流程和方法，快來看看吧。
5W1H分析法包含如下幾個方面：
Why：為什么要做，是原因。What：做什么、做成什么，是目標。Where：在哪兒做，是地點。When：什么時候做，是時間。Who：誰來做，是執行對象。How：怎么做，是方法。通過上述分析我們可以（假設）知道：我們的用戶是技術人員、基層管理人員；做這個頁面的目的是為了讓用戶隨時掌握各項工作的進展情況，快速進入需要處理的工作事項。根據結論可以得出工作臺是一個導航頁面或者綜合管理頁面，它是用戶感知產品價值的重要“門面”，使用者有一定的經驗，屬于高級用戶。從設計角度來看，首頁工作臺是整個系統規范與視覺風格的核心場景。
使用角色：主要是技術人員、基層管理人員。
內容主次(根據需求得出)：
P0:各類數據指標的匯總、我的動態p1:總量趨勢、數據排名、操作匯總p2:分發匯總、待辦事項設計要求：重點突出、簡潔、清晰。
二、信息架構1. 優先級處理下面這張圖是產品給的原型，也是B端面試題中經常會遇到的題目。如果你打算就按照產品給的原型直接做美化，那估計很難被選中。
做需求分析的目的之一就是為了做信息處理，這里要提到一個詞叫“屏效”。B端產品我們都知道，目的是“降本增效”，在合理的信息布局下盡量利用交互等手段讓頁面縮短。
比如：上面原型中有兩個top10排名，如果一行展示會比較擁擠，也體現不了top10排名。考慮“易讀性”我們會放兩行，但這樣又占據了屏幕空間，在與產品溝通后我們把它整合到一起，利用按鈕組切換進行查看。同時排名也是業務人員需要關注的，所以我們把它們往上放。
頂部個人信息內容比較少，也沒必要占一整行，我們把它移到右邊；各類指標因前3個是不能點擊的，為了和后面可點擊按鈕做區分，我們整合到一個卡片上；待辦事項與產品溝通后說不太重要，移動到了最下面，操作匯總模塊往上移。
到這里模塊之間的信息優先級基本處理完成，下面就要對單個模塊進行拆解處理。
首先我們要觀察哪個是：重要信息、次要信息、輔助信息，上面我們提到了“效率”，把重要信息突出顯示，就是為了讓用戶一眼就能看清，不需要去尋找或被次要信息干擾。
最后一個模塊原型上只有一個標題，這真是驗證了一句話：“巧婦難為無米之炊”，所以又去找產品溝通，為什么單個模型可以點擊查看更多？用戶在這個地方想要獲取什么樣的數據？
經過一番溝通，拿到了一些“米”，巧婦終于可以干活了。為了體現“易發現性”，我們在后面這個模塊上加了一個詳情按鈕。
2. 柵格化處理其實上面的圖是我處理過的，產品的原型可不長這個樣子，模塊大小、間距都是隨便給的。你如果也按照產品給的原型模塊大小做，估計研發會“罵娘”，因為這樣沒法按照比例進行換算，也就沒法做自適應。
這一步主要就是做柵格化處理，我們需要定義每個模塊的占比與間距。B端產品通常選用24柵格布局，也就是24欄 23水槽 2頁邊距。
我遇到的工作臺頁面有兩種，一種是帶左側樹，一種是不帶，這兩種對應的柵格化數值不太一樣。按照目前常用的尺寸1440*900來計算：不帶左側樹我采用的是1440=2*20 43*24 16*23。
（1）優點
直觀反映數據變化趨勢。
（2）缺陷
無序的類別無法展示數據特點。
（3）設計要點
折線圖可以用于展示數據的趨勢變化，通過折線的起伏波動可以幫助人們探究數據背后的邏輯。但如果折線圖的設計不夠合理，在視覺上會讓人產生錯誤的認知。
在圖中，有的折線圖的刻度值設置不合理，如中間折線圖的刻度值未從0開始，導致折線的呈現夸大；右邊折線圖的刻度值過高，趨勢變化呈現過于平緩，這些都是在不客觀地表達數據。
正確的方式應該是刻度值從0開始，隨著數據的增減，刻度值也做相應的變化。
（4）視覺展示
3. 餅圖提到數據的占比，相信你第一個就會想到餅圖，主要用來展示數據分布情況。餅圖是展示占比數據最直觀的圖形，通過弧度大小來表示分類的占比多少。
但餅圖有一定的局限性，當占比數值接近或占比分類過多時，在視覺上就不容易辨別各個類別占比的大小。在數據可視化產品中，因為餅圖是大面積的色塊，視覺上會非常突顯，很容易搶走重要數據的風頭，所以使用時要酌情考慮。
（1）優點
直觀顯示各項占總體的占比，分布情況，強調整體與個體間的比較。
（2）缺陷
分類過多，則扇形越小，無法展現圖表。
（3）設計要點
每個圖形都有自己的設計規范，如當餅圖分類過多時，一般不把文字放在圖形元素上，因為一旦出現幾個相對較小的占比數據，字就很容易溢出，不容易辨別指向的分類，如圖中的右圖所示。好的解決方案就是，在圖形的外圍用引線指出分類數據，或者加示例圖展示。
（4）視覺展示
（5）相似圖表
嵌套圈餅圖：用于一個指標在不同維度的占比。跑道圖：看到占比的同時，可以直觀看到指標在當前維度下的排名情況。4. 表格表格看起來簡單，但想設計好也不是一件容易事。通常我們見到的（產品中）表格都屬于比較簡單的表格。
在BI系統中有一些復雜的表報，如果直接用組件信息會很難閱讀。我們需要對表格的視覺進行調整，讓信息獲取更高效，這就需要一些設計技巧和原則。
（1）設計要點
表格排版第一大原則：文字左對齊，數字右對齊。表格中文字需要左對齊，因為我們閱讀文字的習慣是從左到右。
而圖中（上圖）的項目名稱長短不一，居中對齊在視覺上會使切入點呈現“Z”字形，影響閱讀效率。左對齊可以使線性結構在視覺上不跳躍，閱讀流暢且更具美感。
表格中的數字需要右對齊，因為當我們在面對一個長數字時，一般會從右往左讀。比如數字￥368,568,023.00，我們一般是從個位到最后的千萬位順序識別數字體量，有的人可以通過千分符迅速判斷數字的體量，但其實也是從右到左的瀏覽順序，因此數字右對齊最符合人的閱讀方式。
在圖中（下圖），讓我們感受一下數字左對齊、居中對齊、右對齊的閱讀效率，以及對各個數據體量的對比感知。
文字左對齊和數字右對齊，針對的是長短不一的名稱和大體量的數字，而對于文字數量一樣、體量較小的數字也可以嘗試用居中對齊的方式，對稱的元素本身就具有美感。如圖所示，通過對表格中的文字和數字的重新排版，相信在閱讀效率上會有較大的提高。
雖然提高了閱讀效率，但這相比優秀的表格設計還差得很遠，其中最明顯的是表格的邊框在視覺上過于突出，接下來我們繼續調整。
（2）弱化邊框
如圖（下圖）所示，通過弱化邊框在視覺上能夠突出表格的內容。表格邊框可以讓信息的呈現更有條理，能夠提高易讀性，但在視覺層級上不能高于內容信息。
（7）表格字體運用
表格數字最容易出問題的是數字字體的運用，因為很多數字字體不是等距設計，比如數字“1”所占的字間距面積要小于“8”的。如果遇到一組大量級的數字，就有可能會誤導觀者。
如下圖所示，本來32,118,116,00大于28,558,363,00，但由于不同數字所占寬度不一樣，這樣的設計在視覺上容易誤導用戶。因此，表格中的數字要使用表格字體，因為表格字體每個數字所占面積一致，這樣就不會出現案例中的問題了。
2. 圖標常用的圖標分為兩類：
（1）工具圖標：包含一定產品功能隱喻的簡化抽象圖形，代替文字節省界面空間，方便用戶理解，常用于b端產品里面。
如圖，里面來自不同產品的圖標，雖然表現形式不太一樣，風格不太一樣，但都是為了體現圖標后面文字的意思。
在 B 端產品中，應用最廣泛的還是工具圖標。可能有人覺得工具類圖標太簡單了，它是看起來簡單，想做好一點都不容易。
首先要保證“一致性”， 粗細一致、圓角一致、透視一致、大小一致，同時還要把語義用圖形表達出來。
3. 間距一般采用8的倍數：8、16、24、32、40、48……
謝謝觀看！
作者：夜鶯B端UX設計；公眾號：夜鶯B端UX設計
1、北京哪有專門針對辦公軟件office的培訓呀？
去網上查查，或者自己在網上下載一些視頻#2、企業視頻監控機房應該如何設計？
這個問題我略懂一些，試著回答一下。
機房設計是很復雜很考驗專業性的一件事，因為大數據時代，云是一片一片的，所以IDC數據中心的建設也是非常火爆，尤其是在大型數據中心，模塊化機房、超融合、虛擬技術、大二層網絡等等，技術變革非常迅速，對于機房的建設要求也是越來越高。
企業級的視頻監控機房設計，要稍微簡單一些，不過也不能掉以輕心。我見過的最搞笑的一件事是，某企業機房按照模塊化機房設計，結果分包單位腦子短路，直接做成了普通機房，惹出了非常大的糾紛，其損失也以數十萬計。不過這家分包單位也將其無賴作風發揮到底，居然組織人到總包單位堵門要錢。最后總包單位因為是高科技企業嘛，從上到下沒人敢出頭，最終掏錢認栽。不由得感嘆一下，弱電行業里面，企業玩高科技固然好，不過還是需要點粗人的，能干點接地氣的事，別慫到家了。
書歸正傳，我們繼續說企業級的監控機房設計。
其設計主要分為如下幾個方面：
1、機房的定位
2、機房的選址
3、機房的設備布局規劃
4、機房裝修設計
5、機房的電氣系統設計
6、機房的消防設計
7、機房監控設計
一、機房的定位
機房設計是要遵循設計規范的，對于企業級的監控機房來說，最主要的設計規范包括：
GB 50174-2017《數據中心設計規范》
GB50343-2012《建筑物電子信息系統防雷技術規范》
GB50464-2008《視頻顯示系統工程技術規范》
GB50348-2018 《安全防范工程技術標準》（目前這個標準我還沒有下載到）
按照設計規范，企業級的監控機房應定義為C級機房，C級機房的建設標準，要比A級和B級機房低很多很多。
二、機房的選址
設置在建筑物內局部區域的機房，應對安全、設備運輸、管線敷設、雷電感應、結構荷載、水患及空調系統室外設備的安裝位置等問題進行綜合分析和經濟比較。
主要考慮因素包括如下幾點：
1 電力供給應充足可靠，通信應快速暢通，交通應便捷；
2 采用水蒸發冷卻方式制冷的數據中心，水源應充足。
3 自然環境應清潔，環境溫度應有利于節約能源；
4 應遠離產生粉塵、油煙、有害氣體以及生產或貯存具有腐蝕性、易燃、易爆物品的場所；
5 應遠離水災、地震等自然災害隱患區域；
6 應遠離強振源和強噪聲源；
7 應避開強電磁場干擾；
三、機房的設備布局規劃
作為一個企業級的監控機房，主要的設備包括：配電箱（柜）、空調、設備機柜（包含存儲設備、交換機、服務器等）、操作臺、電視墻等。設計時要合理利用空間，充分考慮設備散熱、設備高度、地板承重、電視墻的最佳視距、值班人員的舒適性等。
在設計時主要考慮如下幾點：
1、監控機房是否和數據中心機房合用？如果是小規模的企業，設備不多的話，合并在一起也可以；稍微有些規模的，最好是兩者獨立，最少也要做隔斷，劃分為兩個房間。
2、監控機房是否和消防控制室合用？經常會有設計這么多，但是我并不建議，因為根據《火災自動報警系統設計規范》GB50116-2013規定，消防控制室嚴禁通過與消防無關的電氣線路和管路。如果這么做，消防驗收很有可能通不過。最好的解決辦法還是給消防控制設備隔斷一個單獨的房間（還有單獨開一扇門），消防和安防的管線分開。
3、主機房凈高應根據機柜高度、管線安裝及通風要求確定。新建機房時，主機房凈高不宜小于3.0m。變形縫不宜穿過主機房。主機房和輔助區不應布置在用水區域的直接下方，不應與振動和電磁干擾源為鄰。
四、機房的裝修設計
主機房室內裝修，應選用氣密性好、不起塵、易清潔、符合環保要求、在溫度和濕度變化作用下變形小、具有表面靜電耗散性能的材料，不得使用強吸濕性材料及未經表面改性處理的高分子絕緣材料作為面層。
主機房內墻壁和頂棚的裝修應滿足使用功能要求，表面應平整、光滑、不起塵、避免眩光，并應減少凹凸面。
主機房地面設計應滿足使用功能要求，當鋪設防靜電活動地板時，活動地板的高度應根據電纜布線和空調送風要求確定，并應符合下列規定：
1、 活動地板下的空間只作為電纜布線使用時，地板高度不宜小于250mm。活動地板下的地面和四壁裝飾，可采用水泥砂漿抹灰。地面材料應平整、耐磨；
2 、活動地板下的空間既作為電纜布線，又作為空調靜壓箱時，地板高度不宜小于500mm。活動地板下的地面和四壁裝飾應采用不起塵、不易積灰、易于清潔的材料。樓板或地面應采取保溫、防潮措施，一層地面墊層宜配筋，圍護結構宜采取防結露措施。
裝修范圍包括墻柱面、吊頂、地板、隔斷、防水、保溫、門窗等。
五、機房的電氣系統設計
電氣系統為機房場地工程中重要組成部分，是機房內機電系統的能量來源，幾乎所有系統的運作都依賴于電氣系統，它的安全性、可用性是機房內各系統正常運行的基本保證。
主要設計內容包括：
配電系統、UPS、機房空調/新風、機房照明、插座、防雷接地等。
1、機房內設備的耗電量是很大的，所以設計時要充分考慮，單獨設置一面機房配電箱，有條件的話機房配電箱要做雙進線，兩路進線從兩臺變壓器引來，一主一備，通過ATS進行自動切換，確保機房供電的穩定性。
2、配電箱的出線，主要分為兩大部分，一部分給空調、市電照明、插座等供電。另一部分，則進入UPS。UPS為服務器和交換機等重要設施提供不間斷后備電源，確保在斷電后還能工作一段時間（依據客戶需求和設計規范）。
3、機房的空調，其實很多企業級機房出于成本考慮，只設置幾臺大功率的柜機，也是可以的。要求高一些的，就可以考慮精密空調，設計冷熱通道了。
主機房空調系統的氣流組織形式，應根據電子信息設備本身的冷卻方式、設備布置方式、設備散熱量、室內風速、防塵和建筑條件綜合確定。
4、機房的照明，主機房和輔助區一般照明的照度標準值應按照300lx～500 lx設計，一般顯色指數不宜小于80 。支持區和行政管理區的照度標準值應按現行國家標準《建筑照明設計標準》GB50034的有關規定執行。
照明燈具不宜布置在設備的正上方，工作區域內一般照明的照明均勻度不應小于0.7，非工作區域內的一般照明照度值不宜低于工作區域內一般照明照度值的1/3。機房還應設置通道疏散照明及疏散指示標志燈，主機房通道疏散照明的照度值不應低于5 lx，其它區域通道疏散照明的照度值不應低于1 lx。
5、防雷接地
數據中心內所有設備的金屬外殼、各類金屬管道、金屬線槽、建筑物金屬結構等必須進行等電位聯結并接地。機房應設置等電位聯結網格，網格四周應設置等電位聯結帶，并應通過等電位聯結導體將等電位聯結帶就近與接地匯流排、各類金屬管道、金屬線槽、建筑物金屬結構等進行連接。每臺電子信息設備（機柜）應采用兩根不同長度的等電位聯結導體就近與等電位聯結網格連接。
六、機房的消防設計
B級和C級數據中心的主機房宜設置氣體滅火系統，也可設置細水霧滅火系統或自動噴水滅火系統。監控機房長期有人，所以應設置自動噴水滅火系統，火災自動報警系統。
在機房內，因為有24小時空調的存在，所以氣流是高速流動的，所以煙霧會被氣流稀釋，致使一般感煙探測器的靈敏度降低；此外，煙霧可導致電子信息設備損壞，如能及早發現火災，可減少設備損失，因此主機房宜采用靈敏度嚴于0．01％obs／m的吸氣式煙霧探測火災報警系統作為感煙探測器。
值得注意的是， 機房內，建筑滅火器的設置應符合現行國家標準《建筑滅火器配置設計規范》GB50140的有關規定。滅火劑不應對電子信息設備造成污漬損害。
七、機房監控設計
機房監控也是分為兩大塊：一塊是設備與環境監控，另一塊是安防監控。
設備與環境監控：監測和控制主機房和輔助區的溫度、露點溫度或相對濕度等環境參數，當環境參數超出設定值時，應報警并記錄。核心設備區及高密設備區宜設置機柜微環境監控系統。機房內有可能發生水患的部位應設置漏水檢測和報警裝置；強制排水設備的運行狀態應納入監控系統。
安防監控：安全防范系統宜由視頻安防監控系統、入侵報警系統和出入口控制系統組成，各系統之間應具備聯動控制功能。緊急情況時，出入口控制系統應能接受相關系統的聯動控制信號，自動打開疏散通道上的門禁系統。 安全防范系統宜采用數字式系統，支持遠程監視功能。
用心回答，原創不易，如果對您有幫助，還請不吝點贊和轉發，也可以私信我深入討論。
