編輯導(dǎo)語(yǔ)：產(chǎn)業(yè)互聯(lián)網(wǎng)是一種新的經(jīng)濟(jì)形態(tài)，利用信息技術(shù)與互聯(lián)網(wǎng)平臺(tái)，充分發(fā)揮互聯(lián)網(wǎng)在生產(chǎn)要素配置中的優(yōu)化和集成作用，實(shí)現(xiàn)互聯(lián)網(wǎng)與傳統(tǒng)產(chǎn)業(yè)深度融合。要想實(shí)現(xiàn)真正意義上的去互聯(lián)網(wǎng)化，就要拋棄傳統(tǒng)、原始的發(fā)展模式，用全新的視角來(lái)看待產(chǎn)業(yè)互聯(lián)網(wǎng)。
以撮合和對(duì)接為代表的互聯(lián)網(wǎng)平臺(tái)模式紅利的見(jiàn)頂，讓越來(lái)越多的人開始尋找新的發(fā)展突破口，產(chǎn)業(yè)互聯(lián)網(wǎng)的概念便是在這樣一種大背景下誕生的。同經(jīng)典的互聯(lián)網(wǎng)模式不同，產(chǎn)業(yè)互聯(lián)網(wǎng)時(shí)代的互聯(lián)網(wǎng)模式更加深入，更加多元。
對(duì)于經(jīng)典互聯(lián)網(wǎng)模式的執(zhí)念，最終讓產(chǎn)業(yè)互聯(lián)網(wǎng)或多或少地陷入到了流量的怪圈當(dāng)中。因此，早期的互聯(lián)網(wǎng)玩家基本上都在將獲取流量看成是發(fā)展的終極目標(biāo)，無(wú)論是以賦能還是以改造為出發(fā)點(diǎn)的模式，幾乎都是以獲取B端流量為終極追求的。
或許，這便是產(chǎn)業(yè)互聯(lián)網(wǎng)的概念當(dāng)中有“互聯(lián)網(wǎng)”的字眼的根本原因。然而，如果產(chǎn)業(yè)互聯(lián)網(wǎng)僅僅只是局限于此，那么，等到B端流量被瓜分殆盡，看似光鮮的產(chǎn)業(yè)互聯(lián)網(wǎng)或許又將陷入沉寂，一切都將從頭開始。
產(chǎn)業(yè)互聯(lián)網(wǎng)正在遭遇到的困局，為我們生動(dòng)地詮釋了這一點(diǎn)?？梢?jiàn)，流量始終都不是產(chǎn)業(yè)互聯(lián)網(wǎng)的關(guān)鍵，除此之外，產(chǎn)業(yè)互聯(lián)網(wǎng)應(yīng)當(dāng)有更加豐富的內(nèi)涵和意義。
于是，我們不禁會(huì)問(wèn)，產(chǎn)業(yè)互聯(lián)網(wǎng)的本質(zhì)是什么？什么才是產(chǎn)業(yè)互聯(lián)網(wǎng)的關(guān)鍵？筆者始終認(rèn)為，盡管產(chǎn)業(yè)互聯(lián)網(wǎng)本身有“互聯(lián)網(wǎng)”的字眼。
但是，從本質(zhì)上來(lái)看，它已經(jīng)與互聯(lián)網(wǎng)不再有太多的聯(lián)系，無(wú)論是從商業(yè)模式上，還是從內(nèi)在的驅(qū)動(dòng)力上，產(chǎn)業(yè)互聯(lián)網(wǎng)都是一個(gè)完全不一樣的嶄新存在。站在新角度，而不是互聯(lián)網(wǎng)的角度來(lái)看待產(chǎn)業(yè)互聯(lián)網(wǎng)，并且尋找產(chǎn)業(yè)互聯(lián)網(wǎng)的正確發(fā)展模式，或許才是產(chǎn)業(yè)互聯(lián)網(wǎng)真正步入正軌的關(guān)鍵所在。
伴隨著產(chǎn)業(yè)互聯(lián)網(wǎng)概念誕生的是S2B的商業(yè)模式，很顯然，這種商業(yè)模式與互聯(lián)網(wǎng)時(shí)代經(jīng)典的B2B模式是有著一定的聯(lián)系的?？梢哉f(shuō)，S2B模式是在B2B模式的基礎(chǔ)上衍生而來(lái)的。
盡管產(chǎn)業(yè)互聯(lián)網(wǎng)的擁躉者們一直都在試圖給S2B模式賦予新的內(nèi)涵和意義，但是，如果無(wú)法厘清互聯(lián)網(wǎng)在其中扮演的角色和作用，縱然是給S2B模式加上再多的標(biāo)簽，或許都將無(wú)濟(jì)于事。
盡管產(chǎn)業(yè)互聯(lián)網(wǎng)的概念當(dāng)中有“互聯(lián)網(wǎng)”的字眼，但是，它卻是一個(gè)去互聯(lián)網(wǎng)化的過(guò)程。
換句話說(shuō)，產(chǎn)業(yè)互聯(lián)網(wǎng)，其實(shí)是一場(chǎng)互聯(lián)網(wǎng)玩家的自我革命。如果一味地綁定產(chǎn)業(yè)互聯(lián)網(wǎng)與互聯(lián)網(wǎng)之間的聯(lián)系，而不是厘清其與互聯(lián)網(wǎng)之間的聯(lián)系，那么，所謂的產(chǎn)業(yè)互聯(lián)網(wǎng)的概念或許僅僅只是一個(gè)概念而已。
從本質(zhì)上來(lái)看，所謂的產(chǎn)業(yè)互聯(lián)網(wǎng)是一個(gè)去互聯(lián)網(wǎng)化的過(guò)程。它不僅要改變經(jīng)典意義上的互聯(lián)網(wǎng)商業(yè)模式，而且還要改變互聯(lián)網(wǎng)技術(shù)的主導(dǎo)地位。
所謂的改變互聯(lián)網(wǎng)的商業(yè)模式，其實(shí)就是要改變傳統(tǒng)意義上的平臺(tái)和中心為主導(dǎo)的商業(yè)模式，通過(guò)去平臺(tái)化和去中心化的方式以達(dá)成行業(yè)運(yùn)行效率的提升，我們現(xiàn)在看到的以互聯(lián)網(wǎng)公司為主導(dǎo)的數(shù)字化工廠的出現(xiàn)就是在這樣一種脈絡(luò)下建立起來(lái)的。
商業(yè)模式的重塑僅僅只是一個(gè)方面，產(chǎn)業(yè)互聯(lián)網(wǎng)對(duì)于新技術(shù)的探索和實(shí)踐則是另外一個(gè)方面。同PC時(shí)代向移動(dòng)互聯(lián)網(wǎng)時(shí)代的轉(zhuǎn)移僅僅只是建構(gòu)在互聯(lián)網(wǎng)技術(shù)之上不同，從消費(fèi)互聯(lián)網(wǎng)時(shí)代向產(chǎn)業(yè)互聯(lián)網(wǎng)時(shí)代的轉(zhuǎn)變更多地是在以新技術(shù)作為基礎(chǔ)設(shè)施，從而去建構(gòu)一個(gè)全新的時(shí)代。
我們現(xiàn)在所看到的大數(shù)據(jù)、云計(jì)算、區(qū)塊鏈和人工智能等新技術(shù)都是產(chǎn)業(yè)互聯(lián)網(wǎng)的底層技術(shù)，盡管這些技術(shù)誕生于互聯(lián)網(wǎng)的襁褓之中，但是，很多技術(shù)恰恰是為了修正互聯(lián)網(wǎng)的問(wèn)題才出現(xiàn)的。
比如，以大數(shù)據(jù)為代表的智能推薦，以區(qū)塊鏈為代表的去中心化的商業(yè)模式，基本上都是在這種邏輯下衍生而來(lái)的。因此，所謂的產(chǎn)業(yè)互聯(lián)網(wǎng)其實(shí)是一個(gè)去互聯(lián)網(wǎng)化的過(guò)程。
不可否認(rèn)的是，互聯(lián)網(wǎng)時(shí)代的來(lái)臨的確在一定程度上提升了行業(yè)運(yùn)行效率，但是，我們同樣應(yīng)當(dāng)看到的是互聯(lián)網(wǎng)所帶來(lái)的這種效率的提升是建立在強(qiáng)大的規(guī)模優(yōu)勢(shì)之上的。
換句話說(shuō)，互聯(lián)網(wǎng)時(shí)代的來(lái)臨帶來(lái)的是實(shí)體經(jīng)濟(jì)的式微，形成的是互聯(lián)網(wǎng)經(jīng)濟(jì)與實(shí)體經(jīng)濟(jì)的分野。如何修復(fù)和彌合互聯(lián)網(wǎng)經(jīng)濟(jì)與實(shí)體經(jīng)濟(jì)的鴻溝，讓兩者實(shí)現(xiàn)統(tǒng)一，才是產(chǎn)業(yè)互聯(lián)網(wǎng)真正應(yīng)該思考的重要課題。
然而，當(dāng)產(chǎn)業(yè)互聯(lián)網(wǎng)的概念被提出，我們看到的是玩家們?cè)噲D在用它進(jìn)一步鞏固互聯(lián)網(wǎng)的主導(dǎo)地位，讓實(shí)體經(jīng)濟(jì)進(jìn)一步成為附庸。很顯然，這種做法是徹底地將產(chǎn)業(yè)互聯(lián)網(wǎng)看成了一種概念和工具，而沒(méi)有真正理解產(chǎn)業(yè)互聯(lián)網(wǎng)的內(nèi)涵和意義。
因此，我們需要用一種全新的方式來(lái)看待產(chǎn)業(yè)互聯(lián)網(wǎng)。拋棄將產(chǎn)業(yè)互聯(lián)網(wǎng)看成是一種工具的觀點(diǎn)，真正將產(chǎn)業(yè)互聯(lián)網(wǎng)看成是一個(gè)“產(chǎn)業(yè)”與“互聯(lián)網(wǎng)”深度融合的過(guò)程。這里的“產(chǎn)業(yè)”就是實(shí)體經(jīng)濟(jì)，而“互聯(lián)網(wǎng)”就是互聯(lián)網(wǎng)經(jīng)濟(jì)。
從這個(gè)角度來(lái)看，產(chǎn)業(yè)互聯(lián)網(wǎng)并不是互聯(lián)網(wǎng)的一種，而是一個(gè)實(shí)體經(jīng)濟(jì)與虛擬經(jīng)濟(jì)深度融合的過(guò)程。
經(jīng)過(guò)了產(chǎn)業(yè)互聯(lián)網(wǎng)時(shí)代的修復(fù)和彌合之后，在消費(fèi)互聯(lián)網(wǎng)時(shí)代形成的互聯(lián)網(wǎng)行業(yè)與傳統(tǒng)行業(yè)之間對(duì)立、此消彼長(zhǎng)的發(fā)展?fàn)顟B(tài)將會(huì)得到修復(fù)，從而真正將行業(yè)的發(fā)展帶入到一個(gè)深度融合的新階段。
可以預(yù)見(jiàn)的是，經(jīng)過(guò)了產(chǎn)業(yè)互聯(lián)網(wǎng)時(shí)代之后，經(jīng)典意義上的互聯(lián)網(wǎng)模式和經(jīng)典意義上的互聯(lián)網(wǎng)企業(yè)都將不復(fù)存在，而是將會(huì)與實(shí)體經(jīng)濟(jì)一道匯聚到數(shù)字化的長(zhǎng)河里。
流量思維的長(zhǎng)期存在，最終導(dǎo)致的是平臺(tái)思維的延續(xù)以及第三方的產(chǎn)生。
如果一直都存在第三方，那么，行業(yè)運(yùn)行過(guò)程當(dāng)中始終必然要遵循一種供應(yīng)方——平臺(tái)——需求方的運(yùn)行邏輯。在信息不對(duì)稱的大背景下，我們是需要平臺(tái)的撮合和對(duì)接的。這便是互聯(lián)網(wǎng)平臺(tái)存在的意義。
然而，隨著信息的逐步公開和透明，特別是隨著大數(shù)據(jù)、云計(jì)算為代表的新技術(shù)的成熟，信息不對(duì)稱的現(xiàn)象得到了最大程度上的消解，縱然是不需要第三方平臺(tái)，我們依然可以實(shí)現(xiàn)供應(yīng)方與需求方的對(duì)接。這就是產(chǎn)業(yè)互聯(lián)網(wǎng)的概念出現(xiàn)的內(nèi)在原因。
在產(chǎn)業(yè)互聯(lián)網(wǎng)時(shí)代，并不存在嚴(yán)格意義上的平臺(tái)和中心，每一個(gè)部分都是參與者，每一個(gè)部分都是組成行業(yè)運(yùn)行不可或缺的條件。
如果我們依然還在用流量的思維來(lái)看待產(chǎn)業(yè)互聯(lián)網(wǎng)，那么，最終所導(dǎo)致的必然是一個(gè)又一個(gè)平臺(tái)的誕生，行業(yè)的運(yùn)行依然沒(méi)有擺脫互聯(lián)網(wǎng)式的邏輯。欲要讓產(chǎn)業(yè)互聯(lián)網(wǎng)跳出這樣一種發(fā)展魔咒，首先要做的就是要進(jìn)行去流量的操作。
當(dāng)我們不再以流量的思維來(lái)看待產(chǎn)業(yè)上下游的時(shí)候，我們便不再用平臺(tái)和中心的邏輯來(lái)看待和定位自己，我們所做的一切也不再是為了維持自身的市場(chǎng)地位而進(jìn)行的操作。
這才是真正意義上的產(chǎn)業(yè)互聯(lián)網(wǎng)，當(dāng)流量不再是產(chǎn)業(yè)互聯(lián)網(wǎng)的主導(dǎo)，所謂的產(chǎn)業(yè)互聯(lián)網(wǎng)才能真正跳出互聯(lián)網(wǎng)模式的束縛，真正進(jìn)入到一個(gè)全新的時(shí)代，從這個(gè)邏輯上來(lái)看，所謂的產(chǎn)業(yè)互聯(lián)網(wǎng)同樣是一個(gè)去互聯(lián)網(wǎng)化的過(guò)程。
之所以會(huì)說(shuō)產(chǎn)業(yè)互聯(lián)網(wǎng)是一種去互聯(lián)網(wǎng)化的存在，還有一個(gè)主要原因在于它是一種中間狀態(tài)，而不是一個(gè)終極狀態(tài)。所謂的中間狀態(tài)，其實(shí)就是一個(gè)過(guò)渡階段。
當(dāng)這個(gè)階段完成之后，產(chǎn)業(yè)的發(fā)展必然還將會(huì)以另外一種全新?tīng)顟B(tài)來(lái)呈現(xiàn)。在我看來(lái)，產(chǎn)業(yè)互聯(lián)網(wǎng)的終極狀態(tài)是數(shù)字化以及數(shù)字化基礎(chǔ)上的智能化。當(dāng)產(chǎn)業(yè)互聯(lián)網(wǎng)時(shí)代的終極狀態(tài)來(lái)臨，互聯(lián)網(wǎng)將會(huì)以新的狀態(tài)存在，而不再是現(xiàn)在這樣一種形式存在。
這是產(chǎn)業(yè)互聯(lián)網(wǎng)經(jīng)歷了數(shù)年的發(fā)展之后，越來(lái)越多地玩家開始將關(guān)注的焦點(diǎn)聚焦在數(shù)字化和智能化身上的根本原因所在。
透過(guò)這些玩家的實(shí)踐，我們可以看出現(xiàn)在這個(gè)階段的產(chǎn)業(yè)互聯(lián)網(wǎng)當(dāng)中“互聯(lián)網(wǎng)”占據(jù)的比重越來(lái)越少，而數(shù)字化在其中所占據(jù)的比重越來(lái)越大。需要明確的是，對(duì)于互聯(lián)網(wǎng)的越來(lái)越少的提及，并不說(shuō)明互聯(lián)網(wǎng)已經(jīng)不復(fù)存在，而是說(shuō)互聯(lián)網(wǎng)開始以一種全新的形式存在。
比如，現(xiàn)在很多的互聯(lián)網(wǎng)平臺(tái)就成為了一個(gè)數(shù)據(jù)的集散中心和處理中心，通過(guò)這種方式可以繼續(xù)給自身的發(fā)展帶來(lái)新的動(dòng)能。如果我們將產(chǎn)業(yè)互聯(lián)網(wǎng)看成是一種終極狀態(tài)，而不是中間狀態(tài)的時(shí)候，目前這種狀態(tài)便不會(huì)出現(xiàn)，產(chǎn)業(yè)互聯(lián)網(wǎng)的發(fā)展又回到了那個(gè)以撮合和中介為主導(dǎo)的怪圈當(dāng)中。
真正將產(chǎn)業(yè)互聯(lián)網(wǎng)看成是一個(gè)中間狀態(tài)，依然是一個(gè)去互聯(lián)網(wǎng)化的過(guò)程。
當(dāng)我們把產(chǎn)業(yè)互聯(lián)網(wǎng)看成了中間狀態(tài)之后，我們才能拋棄互聯(lián)網(wǎng)的商業(yè)模式，通過(guò)不斷試水新模式、新技術(shù)來(lái)尋找發(fā)展的突破口，產(chǎn)業(yè)互聯(lián)網(wǎng)行業(yè)的發(fā)展才能真正進(jìn)入到一個(gè)全新的時(shí)代。由此可見(jiàn)，產(chǎn)業(yè)互聯(lián)網(wǎng)同樣必然是一個(gè)去互聯(lián)網(wǎng)化的過(guò)程。
一味地將產(chǎn)業(yè)互聯(lián)網(wǎng)與互聯(lián)網(wǎng)深度綁定，最終讓產(chǎn)業(yè)互聯(lián)網(wǎng)蛻變成了互聯(lián)網(wǎng)的附庸。很顯然，這種方式是無(wú)法讓產(chǎn)業(yè)互聯(lián)網(wǎng)的作用發(fā)揮到最大的。
實(shí)現(xiàn)真正意義上的去互聯(lián)網(wǎng)化，拋棄傳統(tǒng)、原始的發(fā)展模式，以全新的視角來(lái)看待產(chǎn)業(yè)互聯(lián)網(wǎng)，產(chǎn)業(yè)互聯(lián)網(wǎng)才能有新的內(nèi)涵和意義，才能有更多新的想象空間。
文章來(lái)源：人人都是產(chǎn)品經(jīng)理 作者：孟永輝
藍(lán)藍(lán)設(shè)計(jì)( www.yvirxh.cn )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(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ù)
每一個(gè)在公司勤勤懇懇埋頭耕耘的設(shè)計(jì)師小朋友，都常常會(huì)在腦海中不禁閃過(guò)各種問(wèn)號(hào)：
但是苦于只有極少的團(tuán)隊(duì)會(huì)匹配用研資源，這些疑問(wèn)往往是石沉大海。更有甚者，等到用戶流失才心急火燎的改版。
在日常工作中，由于 UI 設(shè)計(jì)師在業(yè)務(wù)的中上游，很難直面用戶，不能獲得直觀的第一手資料，很難獲得用戶體驗(yàn)的話語(yǔ)權(quán)，經(jīng)常被產(chǎn)品和運(yùn)營(yíng)牽著鼻子走。長(zhǎng)此以往，設(shè)計(jì)部門的存在感也也會(huì)大打折扣。
那么我們?cè)鯓釉趧?shì)單力薄的情況下在用戶體驗(yàn)上做一些工作呢？筆者結(jié)合這些年的摸索經(jīng)歷，談?wù)勗趺匆徊揭徊綇男〉酱蟮奶剿?a class="tag_a" target="_blank" style="color:#525252;text-decoration-line:none;transition:all 0.2s ease 0s;border-bottom:none;word-break:break-all;">用戶體驗(yàn)的調(diào)研。
在初創(chuàng)業(yè)務(wù)或公司中，人手和資金往往都比較緊張，很難系統(tǒng)的對(duì)用戶進(jìn)行調(diào)研。這就需要設(shè)計(jì)師本人用最小的成本推動(dòng)用戶調(diào)研和用戶體驗(yàn)的提升。這個(gè)階段調(diào)研的內(nèi)容應(yīng)主要集中在產(chǎn)品的可用性方面，以定性調(diào)研為主，輸出的結(jié)果也不求高大全。
我們可以通過(guò)以下幾個(gè)手段進(jìn)行初期信息積累：
1. 后臺(tái)用戶投訴或反饋
用戶常常是懶惰的，當(dāng)用戶在系統(tǒng)中投訴時(shí)，一般都是遇見(jiàn)一些令他無(wú)法忍受的嚴(yán)重問(wèn)題。設(shè)計(jì)師可以把后臺(tái)的反饋內(nèi)容都搜集起來(lái)，內(nèi)容加以分類甄別。一般會(huì)有可用性問(wèn)題、業(yè)務(wù)問(wèn)題、情緒表達(dá)等內(nèi)容。這些不是我們都能處理的，我們應(yīng)優(yōu)先從可用性問(wèn)題下入手，解決一些功能上的阻礙，這就足以解決許多關(guān)鍵環(huán)節(jié)的體驗(yàn)問(wèn)題。而情緒表達(dá)類的留言也要留心總結(jié)，里面能夠折射出用戶的消費(fèi)心理和需求的痛點(diǎn)癢點(diǎn)，為未來(lái)的設(shè)計(jì)提供指引。
2. 粉絲用戶群
運(yùn)營(yíng)和客服同學(xué)都會(huì)組建一些深度用戶為主的粉絲群，在這里你能看到各式各樣的吐槽。設(shè)計(jì)師同學(xué)潛伏其中，不但能聆聽(tīng)用戶心聲，也可以發(fā)出問(wèn)題，主動(dòng)收集反饋。這里的粉絲也很樂(lè)于溝通，并接受輕松的訪談。但是粉絲一般是中高級(jí)用戶，所以初級(jí)問(wèn)題容易被忽略，這需要更加廣泛的調(diào)研來(lái)補(bǔ)充。
3. 內(nèi)部招募體驗(yàn)
這是一種非常直觀且有意義的調(diào)研，在項(xiàng)目初期階段就可以檢驗(yàn)出產(chǎn)品中存在的問(wèn)題。
方法如下：邀請(qǐng)公司內(nèi)部的同學(xué)現(xiàn)場(chǎng)使用產(chǎn)品，在操作時(shí)匯報(bào)自己的所觀所想。設(shè)計(jì)同學(xué)可以在一旁觀察和引導(dǎo)，并在用戶進(jìn)行不下去的時(shí)候給予必要的幫助。招募 3-8 個(gè)初中級(jí)用戶，往往就足以發(fā)現(xiàn)產(chǎn)品操作流程中存在的絕大多數(shù)的問(wèn)題。在此情境下的用戶一般都更加有耐心，所以足以使它們停頓、困惑甚至放棄操作的問(wèn)題對(duì)外部用戶影響更甚。最好全程錄像，更有利于事后分析對(duì)比。
4. 內(nèi)部專家訪問(wèn)
在一線的客服、運(yùn)營(yíng)、銷售等同學(xué)往往對(duì)用戶都有著更加深刻的認(rèn)知。由于他們的工作目標(biāo)不一樣，所以他們的精力不全在改善用戶體驗(yàn)上。但對(duì)于用戶的痛點(diǎn)他們有更強(qiáng)認(rèn)知，也有自己的調(diào)研積累，這是我們極佳的信息來(lái)源。與他們進(jìn)行訪談會(huì)聽(tīng)到很多真知灼見(jiàn)，他們也很愿意配合一些調(diào)研活動(dòng)，如投放問(wèn)卷、聯(lián)絡(luò)訪談?dòng)脩舻?，這是我們不可或缺的助力。
5. 數(shù)據(jù)挖掘
技術(shù)同學(xué)對(duì)于用戶信息會(huì)有一套基礎(chǔ)的統(tǒng)計(jì)，通過(guò)他們的幫助，我們能了解用戶的使用機(jī)型、使用時(shí)間、活躍時(shí)長(zhǎng)、分布城市等，從而確定主要的使用場(chǎng)景和人群。用戶是否有跨平臺(tái)的操作習(xí)慣也能在這里展現(xiàn)。埋點(diǎn)和 A/B 測(cè)也是后期極為重要的工具。
△多渠道搜集用戶反饋
當(dāng)業(yè)務(wù)有一定規(guī)模時(shí)，設(shè)計(jì)的目標(biāo)就不僅僅限于可用性問(wèn)題的研究了，我們需要對(duì)用戶和業(yè)務(wù)有更深入的了解。用戶群體不同，需求也會(huì)有差異。我們調(diào)研時(shí)，如果不清晰的劃分用戶群體，就會(huì)造成數(shù)據(jù)失真。這樣的調(diào)研結(jié)果，對(duì)設(shè)計(jì)的指引將大打折扣。比如相機(jī)這種通用功能，也會(huì)為高級(jí)用戶做出個(gè)性化設(shè)置。它沒(méi)有假定色溫調(diào)節(jié)是多數(shù)人都需要的，而給它一個(gè)外露的位置。但也沒(méi)有主觀臆斷此功能無(wú)人使用，而把它刪去。
這時(shí)就需要我們?nèi)ハ到y(tǒng)調(diào)研用戶了。
1. 劃分目標(biāo)用戶
系統(tǒng)調(diào)研的第一步就是劃分調(diào)研的目標(biāo)用戶。
很多時(shí)候設(shè)計(jì)師都希望輸出一份全面的用戶畫像，顯得高大上而富有意義。但是精準(zhǔn)的用戶畫像成本很高，往往在建立后又不知道如何使用。其實(shí)建立用戶畫像是個(gè)細(xì)分后并不斷修正的過(guò)程。
用戶一般可以分為以下幾類：
業(yè)務(wù)足夠成熟的時(shí)候，他們會(huì)成為非常重要的增長(zhǎng)點(diǎn)，具體的劃分方法可以根據(jù)業(yè)務(wù)類型和產(chǎn)品需求來(lái)定。
2. 梳理調(diào)研維度
在確定目標(biāo)用戶后就要關(guān)注調(diào)研的維度了。銷售和產(chǎn)品往往也有自己用戶畫像，我們可以有所借鑒，但它和設(shè)計(jì)師所追求的并不完全一致。
設(shè)計(jì)師的用戶畫像可以分以下幾個(gè)維度。
不同的業(yè)務(wù)類型，用戶調(diào)研的側(cè)重會(huì)有不同。
例如企業(yè)級(jí)產(chǎn)品往往與使用者消費(fèi)習(xí)慣無(wú)關(guān)，但和認(rèn)知能力關(guān)系較大，使用者與付費(fèi)者也分離。而 K12 類產(chǎn)品的消費(fèi)周期、使用習(xí)慣與電商類也有很大區(qū)別。
△ 用戶畫像維度劃分
只有充分的前期準(zhǔn)備，才能使我們順利的展開深入調(diào)研。系統(tǒng)的調(diào)研方法筆者將在后續(xù)文章中闡述，在這段時(shí)間，設(shè)計(jì)師們趕緊揮舞起勤勞的小手吧，期待下次我們相會(huì)。
文章來(lái)源：站酷 作者：58UXD
藍(lán)藍(lán)設(shè)計(jì)( www.yvirxh.cn )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(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ù)
最近在社群里有人問(wèn)，有什么總結(jié)和復(fù)盤的經(jīng)驗(yàn)嗎？感覺(jué)自己表達(dá)能力很差啊。今天，彩云就跟大家分享一些我的經(jīng)驗(yàn)，希望能幫到有類似問(wèn)題的朋友。
以上類似的問(wèn)題，相信不少朋友都遇到過(guò)：
1）明明自己做的設(shè)計(jì)不差，但不懂得怎么去跟其他人推進(jìn)自己的方案
2）明明自己已經(jīng)很努力，設(shè)計(jì)能力也不差，但總是被其他能說(shuō)的同事占了主導(dǎo)
3）項(xiàng)目做完了，不知道怎么復(fù)盤和包裝，跟面試官介紹項(xiàng)目的時(shí)候感覺(jué)講不出亮點(diǎn)
復(fù)盤表達(dá)能力在職場(chǎng)中的作用不用多說(shuō)，大家都懂，那如何提升呢？我給你支幾招，絕對(duì)好用：
1）善于記錄，把想法轉(zhuǎn)化成文字
2）做事多想想附加價(jià)值
3）多跟別人分享，輸出倒逼輸入
4）學(xué)會(huì)模仿，掌握說(shuō)話的節(jié)奏
5）復(fù)盤的具體操作
復(fù)盤和表達(dá)其實(shí)是2個(gè)能力維度的事，一個(gè)是文字總結(jié)提煉能力，一個(gè)是語(yǔ)言組織表達(dá)能力。所以，我在平時(shí)會(huì)有針對(duì)性的去做下面這些練習(xí)，分享給大家。
腦子中的想法和口中說(shuō)的話，往往是比較零碎不系統(tǒng)的，而文字則讓你有更多時(shí)間思考和梳理。不管是從邏輯性還是簡(jiǎn)練程度上，文案能力都會(huì)更加能鍛煉一個(gè)人的總結(jié)能力。
可能從一開始讓你寫大段的文章對(duì)很多人來(lái)說(shuō)，是很困難的一件事，但你可以從小事開始。比如每天寫總結(jié)，記錄自己的想法，這些想法可以來(lái)自于學(xué)到的知識(shí)、突然的靈感或者對(duì)某件事的看法等等。
關(guān)于記錄，我一般先快速寫下當(dāng)時(shí)的想法，幾個(gè)關(guān)鍵字，句子不通順都沒(méi)關(guān)系。但一定不能拖延，要不然過(guò)了那個(gè)時(shí)刻，你可能就覺(jué)得好像沒(méi)啥值得記錄的或者干脆就忘記了。等寫的差不多了，再回頭來(lái)調(diào)整語(yǔ)句，調(diào)整邏輯問(wèn)題，就跟設(shè)計(jì)做改稿一樣，當(dāng)時(shí)記錄的是初稿，然后再不斷優(yōu)化就好了。切忌完美主義者，動(dòng)手記錄更加重要。
我自己是從畢業(yè)以來(lái)一直保持著記錄的習(xí)慣，而且隨著寫的量越來(lái)越多，寫的速度也是越來(lái)越快。比如這段文字，就是在班車上20多分鐘內(nèi)寫下來(lái)的。
高質(zhì)量的記錄內(nèi)容來(lái)自哪里？除了完成需求外，多想想這件事做完之后，還能給自己帶來(lái)什么其他的價(jià)值沒(méi)有？比如產(chǎn)品讓你做一個(gè)設(shè)計(jì)需求，做完它并過(guò)稿是最基本的要求，因?yàn)檫@部分是交換工資的價(jià)值。那還需要去思考，如何通過(guò)這個(gè)需求去放大價(jià)值。比如，這個(gè)需求能不能成為自己作品集中的一個(gè)作品？能不能把這個(gè)需求總結(jié)成一篇文章？能不能把這個(gè)需求做出亮點(diǎn)然后成為自己出去分享的案例等等。
如果答案是肯定的，有時(shí)間的話，一定要去達(dá)成后面的這些增值的部分。如果是有這些目標(biāo)的話，你可能就會(huì)很自然的去記錄過(guò)程中遇到的問(wèn)題，思考需求的前因后果，記錄最終的數(shù)據(jù)等等，因?yàn)槟憧赡軐?lái)某一天要出去跟別人講的嘛。
通過(guò)這樣的動(dòng)作，就能加深對(duì)需求本身的理解，也就是所謂的深入。有了這些記錄和思考，讓你再去寫一篇總結(jié)也就是水到渠成的事了。
把自己的想法講出來(lái)給別人，其實(shí)是一個(gè)非?？简?yàn)人的事。不知道大家有沒(méi)有這樣的感覺(jué)，明明這個(gè)項(xiàng)目是自己從頭到尾跟進(jìn)的，但讓你完整的跟別人講出來(lái)卻發(fā)現(xiàn)很有難度。
要跟別人講明白一個(gè)道理，就必須自己真正理解透徹才可以。這就會(huì)倒逼你，真正梳理好自己的所學(xué)。而當(dāng)你真正跟別人講過(guò)一次之后，關(guān)于這個(gè)知識(shí)點(diǎn)或者項(xiàng)目的細(xì)節(jié)，你會(huì)印象深刻。
我習(xí)慣在學(xué)到一個(gè)新的知識(shí)點(diǎn)后，興奮的找同事朋友們?nèi)シ窒砦业氖斋@，一方面是能加深自己對(duì)知識(shí)的理解，進(jìn)一步鞏固所學(xué)，另一方面也想鍛煉自己的表達(dá)能力。
演講也是需要練習(xí)的，沒(méi)有誰(shuí)天生就擅長(zhǎng)，講的多了，應(yīng)變能力、總結(jié)能力都能提上來(lái)。
表達(dá)能力怎樣提升？模仿是一個(gè)很好的方法。我自己經(jīng)常會(huì)去看一些大佬的演講，像俞敏洪的演講我是非常喜歡的。然后還有TED的演講，佩服他們能在短短5-10分鐘內(nèi)，把一個(gè)內(nèi)容很好的講完，并且聽(tīng)眾還容易理解。
學(xué)習(xí)大佬們?cè)谑裁辞闆r下會(huì)停頓，如何與觀眾進(jìn)行互動(dòng)，甚至包括演講時(shí)的姿態(tài)，表情，手勢(shì)都可以模仿和研究。聽(tīng)的時(shí)候，帶著目的去觀察，相信能學(xué)到很多平時(shí)不注意的細(xì)節(jié)。
注意說(shuō)話時(shí)的停頓和語(yǔ)速，可以理解為設(shè)計(jì)中的留白和行距。好的留白間距，能使得讀者獲得更好的閱讀體驗(yàn)，演講也是如此。但說(shuō)的容易，做起來(lái)難，如果缺少練習(xí)，在實(shí)際的匯報(bào)、述職或公開演講中由于緊張或者其他狀況，很難讓你從容應(yīng)對(duì)。
這部分也是需要對(duì)應(yīng)的學(xué)習(xí)和練習(xí)的。
針對(duì)實(shí)際項(xiàng)目，一般可以從以下6個(gè)方面來(lái)進(jìn)行復(fù)盤：
1）定位目標(biāo)
從前面說(shuō)的記錄中，或者可以咨詢產(chǎn)品、運(yùn)營(yíng)，某個(gè)具體的需求目標(biāo)是什么，從產(chǎn)品維度，運(yùn)營(yíng)維度，設(shè)計(jì)維度等多角度進(jìn)行目標(biāo)回顧。
2）應(yīng)對(duì)過(guò)程
簡(jiǎn)單說(shuō)，就是自己遇到這個(gè)需求后是怎么去解決這個(gè)問(wèn)題的。仔細(xì)思考自己的應(yīng)對(duì)過(guò)程，并分析過(guò)程中有沒(méi)有可以改進(jìn)的點(diǎn)。
3）評(píng)估結(jié)果
最終的結(jié)果，有沒(méi)有達(dá)到預(yù)期？是好的還是不好的，把一些數(shù)據(jù)和用戶評(píng)價(jià)拉出來(lái)，作為結(jié)果。
4）分析原因
不論結(jié)果如何，都應(yīng)該分析其成功或者失敗的原因，從過(guò)程中的每一個(gè)環(huán)節(jié)去思考，這些經(jīng)驗(yàn)都是最寶貴的。
5）發(fā)現(xiàn)規(guī)律
從原因中找到規(guī)律，這個(gè)規(guī)律也就是所謂的方法論，這些方法論是否具有普適性，也就是你得到的這套經(jīng)驗(yàn)?zāi)懿荒軓?fù)用到其他項(xiàng)目中，或者沒(méi)有做過(guò)此類項(xiàng)目的設(shè)計(jì)師拿到你的方法論，能不能很好的復(fù)用你的經(jīng)驗(yàn)把項(xiàng)目做到你這樣的結(jié)果或者是能做的更好。
6）沉淀文檔
最終，把這些方法論、設(shè)計(jì)規(guī)范、經(jīng)驗(yàn)教訓(xùn)等等，以文檔的形式記錄下來(lái)，就完成了一個(gè)真正的完整項(xiàng)目沉淀。這些也是設(shè)計(jì)師做需求時(shí)的一種價(jià)值放大，很多優(yōu)秀的資深設(shè)計(jì)師都擅長(zhǎng)做這件事。
在面試或演講時(shí)，也應(yīng)該按照這樣的邏輯順序去講你的項(xiàng)目，心里有譜，講話才靠譜。
復(fù)盤和演講，在職場(chǎng)中都是非常重要的能力，但那些能說(shuō)會(huì)道的人，PPT寫的很厲害的人，也并非天生就如此。他們也都是后天在工作中不斷的練習(xí)得到提升的。
像解決所有困難的事情一樣，學(xué)會(huì)拆解，總結(jié)能力也是如此。
文章來(lái)源：站酷 作者：彩云Sky
藍(lán)藍(lán)設(shè)計(jì)( www.yvirxh.cn )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(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ái)的沖擊，同時(shí)如今很多企業(yè)都在進(jìn)行數(shù)字化轉(zhuǎn)型，一些企業(yè)協(xié)同工具就發(fā)揮了重要的作用；像這類企業(yè)協(xié)同產(chǎn)品更多的需要注重用戶的角度，以及一些對(duì)應(yīng)的功能；本文作者分享了關(guān)于用經(jīng)濟(jì)學(xué)思維看產(chǎn)品之企業(yè)協(xié)同的思考，我們一起來(lái)了解一下。
科斯定理：一項(xiàng)有價(jià)值的資源，不管從一開始它的產(chǎn)權(quán)歸誰(shuí)，最后這項(xiàng)資源都會(huì)流動(dòng)到能最大化利用其價(jià)值的人手里去。
網(wǎng)絡(luò)效應(yīng)：有一種產(chǎn)品或者服務(wù)，它隨著每一個(gè)用戶人數(shù)的增加，自己本身的價(jià)值也會(huì)增加；簡(jiǎn)單來(lái)說(shuō)就是，「用的人越多，產(chǎn)品越好用」。
2020疫情給線上協(xié)同辦公帶來(lái)了大量的新用戶，使得市場(chǎng)規(guī)模增速顯著提升，除釘釘、企業(yè)微信類老牌產(chǎn)品繼續(xù)擴(kuò)大服務(wù)范圍外，飛書、閃布、Welink等新興成員也隨著這一波云辦公的潮流極速成長(zhǎng)吸收用戶。
從艾瑞數(shù)據(jù)發(fā)布的市場(chǎng)報(bào)告來(lái)看，2020年中國(guó)協(xié)同辦公市場(chǎng)規(guī)模已然達(dá)到440億元，同比增長(zhǎng)率為43.5%，至2021年市場(chǎng)規(guī)模預(yù)計(jì)將突破500億元。
企業(yè)協(xié)同SaaS屬于B端產(chǎn)品中的企業(yè)服務(wù)領(lǐng)域，不僅需要企業(yè)負(fù)責(zé)人的拍板使用，也需要保證員工工作中使用的可靠性；這讓協(xié)同SaaS在設(shè)計(jì)開發(fā)的過(guò)程中充滿了多項(xiàng)挑戰(zhàn)，因?yàn)槔习迮c員工似乎本身就處在對(duì)立面，需要滿足兩個(gè)對(duì)立面的需求并不是一件容易的事。
企業(yè)協(xié)同實(shí)際上是一個(gè)非常大的概念，涉及到的產(chǎn)品也非常之多，細(xì)分領(lǐng)域可涉及文件存儲(chǔ)與共享、企業(yè)郵箱、項(xiàng)目管理、員工管理、聚合平臺(tái)等。
下圖為艾瑞數(shù)據(jù)在《2021年中國(guó)協(xié)同辦公市場(chǎng)研究報(bào)告》列舉的部分協(xié)同軟件：
今天我們將重點(diǎn)放在綜合協(xié)同平臺(tái)上，聊聊如何用經(jīng)濟(jì)學(xué)思維來(lái)幫助和協(xié)助產(chǎn)品的設(shè)計(jì)，選取的對(duì)象為我自己較為熟悉的三個(gè)產(chǎn)品：釘釘、飛書、閃布。
首先我們要知道，企業(yè)的本質(zhì)就是一種團(tuán)隊(duì)，企業(yè)存在是因?yàn)?span style="font-weight:700;">“團(tuán)隊(duì)效應(yīng)”（能夠帶來(lái)比每一個(gè)成員單獨(dú)產(chǎn)出之合還要大的產(chǎn)出的組織）。
從經(jīng)濟(jì)學(xué)角度來(lái)說(shuō)，企業(yè)的存在降低了每個(gè)人的交易費(fèi)用，避免了單干造成的無(wú)謂損失；既然成為企業(yè)是為了降低損失，那么因?yàn)槠髽I(yè)的成立，增加的內(nèi)部管理成本以及隨著員工人數(shù)增加、業(yè)務(wù)的冗雜等原因造成的協(xié)調(diào)工作的難度急劇增加，這個(gè)損失該如何解決？
產(chǎn)品的本質(zhì)就是解決人們的問(wèn)題。
而協(xié)同辦公產(chǎn)品的本質(zhì)就是降低成本，提高效能，為解決企業(yè)內(nèi)部的損耗提供相應(yīng)的解決方案。
以現(xiàn)有的產(chǎn)品形態(tài)舉例：企業(yè)云盤可以解決員工之間文件的儲(chǔ)存和分享；線上會(huì)議可以解決員工異地或在家辦公實(shí)現(xiàn)云討論；項(xiàng)目管理可以幫助企業(yè)更好的進(jìn)行項(xiàng)目的分解計(jì)劃于實(shí)行；線上審批可以推動(dòng)企業(yè)管理數(shù)字化……
對(duì)于協(xié)同產(chǎn)品而言，除了需要能夠滿足企業(yè)現(xiàn)實(shí)需求外，如何形成自己的網(wǎng)絡(luò)效應(yīng)也是極為關(guān)鍵的。
協(xié)同是指協(xié)調(diào)兩個(gè)或者兩個(gè)以上的不同資源或者個(gè)體，協(xié)同一致地完成某一目標(biāo)的過(guò)程或能力；因此協(xié)同產(chǎn)品只有在人數(shù)達(dá)到一定量后才能真正發(fā)揮和檢驗(yàn)他的價(jià)值，如果一個(gè)企業(yè)僅有部分人使用同一個(gè)協(xié)同產(chǎn)品，他們不僅要承擔(dān)高昂的運(yùn)營(yíng)成本，而且只能與數(shù)量有限的人交流信息，顯然是沒(méi)辦法達(dá)到用戶需求與產(chǎn)品目標(biāo)的。
且協(xié)同產(chǎn)品因?yàn)槠鋸?fù)雜性，企業(yè)更替的成本是極高的，員工不會(huì)愿意頻繁更換自己的辦公工具，對(duì)于企業(yè)負(fù)責(zé)人而言也一定不愿意因?yàn)檫x擇錯(cuò)誤導(dǎo)致高額的無(wú)謂損失；選擇協(xié)同產(chǎn)品就好比走上了一條不歸路，慣性的力量會(huì)使這一選擇不斷自我強(qiáng)化。
所以企業(yè)會(huì)努力往最大的平臺(tái)上靠或找到可以與自身完全匹配的產(chǎn)品，趨利避害降低風(fēng)險(xiǎn)；以此出發(fā)產(chǎn)品可以找準(zhǔn)自己關(guān)鍵點(diǎn)，你是否足夠全面以支撐來(lái)自各行各業(yè)的需求實(shí)現(xiàn)，亦或者你足夠靈活可以輕松的承接獨(dú)立且個(gè)性的需求，找到他，并對(duì)外宣傳他，形成自己的路徑依賴，不要妄想自己的產(chǎn)品能夠兼顧各方。
在現(xiàn)如今的互聯(lián)網(wǎng)產(chǎn)品浪潮中，每一片浪花都只能蕩起自己的小船，鎖住用戶才能真正存活下來(lái)。
說(shuō)到B端市場(chǎng)，大家腦海里循環(huán)播放的一定是KP、KP、KP（關(guān)鍵人）。
B端產(chǎn)品的KP就是“老板”，那是因?yàn)槔习逋瞧髽I(yè)的專用資源（必須在特定平臺(tái)上發(fā)揮作用且投入很難再收回）；而普通員工往往是企業(yè)的通用資源，其投入往往僅有個(gè)人勞動(dòng)，可以隨時(shí)收回。因此為了防止勞動(dòng)力濫用資本，老板需要更多的特權(quán)與保護(hù)；因此在企業(yè)中的話語(yǔ)權(quán)也更重。從這個(gè)角度看，協(xié)同產(chǎn)品使用的關(guān)鍵同樣也是老板，擒賊先擒王，正如釘釘做的一樣。
釘釘?shù)暮芏喈a(chǎn)品功能點(diǎn)，與其說(shuō)是在實(shí)現(xiàn)企業(yè)內(nèi)部的協(xié)作需求，倒不如說(shuō)在實(shí)現(xiàn)“老板”的管理需求；因?yàn)樾枰焖俚恼业饺硕Q生的“釘一下”為釘釘?shù)那捌诎l(fā)展帶來(lái)了直線性的發(fā)展，而與之一起打組合拳的已讀未讀功能，更是讓員工在辦公中無(wú)處可藏，把釘釘帶上了一個(gè)新高度，也為后續(xù)中國(guó)企業(yè)協(xié)同產(chǎn)品奠定了一個(gè)產(chǎn)品基調(diào)，放眼當(dāng)前協(xié)同產(chǎn)品池，強(qiáng)提醒+消息狀態(tài)已然成為了企業(yè)溝通工具的標(biāo)配。
而為了企業(yè)更好的嘉獎(jiǎng)與“刺激”員工成長(zhǎng)，釘釘推出了獨(dú)有的專屬紅包，不僅可以隨時(shí)隨地發(fā)送指定員工領(lǐng)取的紅包，還可以在群組內(nèi)出現(xiàn)撒花等慶祝的交互樣式，真正成為了老板們弘揚(yáng)企業(yè)價(jià)值的工具。
類似的場(chǎng)景你也可以在閃布中看到，作為傳統(tǒng)行業(yè)出身的協(xié)同辦公產(chǎn)品，自上而下的體系仍然深深影響著產(chǎn)品的整體邏輯與優(yōu)先級(jí)。
閃布的用戶狀態(tài)，去除了多種可能性的復(fù)雜度，屏蔽了用戶手動(dòng)操作的機(jī)會(huì)；簡(jiǎn)單粗暴的反映出員工的在線情況，簡(jiǎn)單的狀態(tài)展示有別于釘釘與飛書的多種自定義選項(xiàng)，以此減少員工之間溝通的時(shí)間等待成本，加強(qiáng)了管理者的把控程度。
但是，協(xié)同產(chǎn)品真的只要做到搞定老板就可以了嗎？
從科斯定理所說(shuō)，一項(xiàng)有價(jià)值的資源，不管從一開始它的產(chǎn)權(quán)歸誰(shuí)，最后這項(xiàng)資源都會(huì)流動(dòng)到能最大化利用其價(jià)值的人手里去；而企業(yè)協(xié)同是員工用來(lái)相互協(xié)作的工具，其價(jià)值必然也會(huì)體現(xiàn)在員工上，因此企業(yè)協(xié)同不僅需要有決策者的考量與拍板，同樣需要有使用者的易用與喜愛(ài)，正如飛書在做的一樣。
基于對(duì) “生產(chǎn)力工具缺乏變革、工具不應(yīng)管控人而要激發(fā)人、B 端產(chǎn)品應(yīng)具有和 C 端產(chǎn)品同樣友好的用戶體驗(yàn)”三方面的思考，字節(jié)跳動(dòng)啟動(dòng)了飛書項(xiàng)目；因此飛書自娘胎里就把使用者放在了自己的意識(shí)中，不論是視覺(jué)與交互的感官體驗(yàn)，還是各模塊間產(chǎn)品功能的強(qiáng)耦合，直至深層的極致系統(tǒng)性能。
飛書都給用戶們帶來(lái)了與普通辦公軟件及其不同的感受，翻看飛書的軟文、App Store等各渠道的用戶評(píng)論，夸贊與認(rèn)同占了極大的比例。
那么我們究竟該如何處理這白與黑的關(guān)系呢？
茲認(rèn)為作為企業(yè)服務(wù)領(lǐng)域的標(biāo)志性產(chǎn)品，企業(yè)協(xié)同仍然需要將解決企業(yè)問(wèn)題，降低企業(yè)損耗，提升企業(yè)效率作為迭代的基礎(chǔ)，通過(guò)產(chǎn)品的方式將線下的流程電子化，人工的行為系統(tǒng)化，化繁為簡(jiǎn)實(shí)現(xiàn)產(chǎn)品的目標(biāo)；因此不論是產(chǎn)品需求的優(yōu)先級(jí)排序還是產(chǎn)品的北極星指標(biāo)，讓協(xié)同真正在企業(yè)間實(shí)現(xiàn)價(jià)值是首位的；同時(shí)在降本提效的基礎(chǔ)上也需要保證維護(hù)員工的個(gè)人權(quán)益，不以犧牲使用者的主觀意愿為代價(jià)實(shí)現(xiàn)目標(biāo)，最后逐步提升產(chǎn)品的易用性與優(yōu)秀的使用體驗(yàn)。
舉閃布的案例，閃布的工作臺(tái)初期是由企業(yè)的運(yùn)營(yíng)管理人員進(jìn)行全局配置，用于推廣與運(yùn)營(yíng)企業(yè)內(nèi)部應(yīng)用，隱藏每個(gè)員工看到的工作應(yīng)用都一模一樣，有些自己不常用的或根本不接觸的應(yīng)用也常常被強(qiáng)制掛在首頁(yè)突出位置。
在接收到各方需求反饋后，閃布將工作臺(tái)的應(yīng)用分成了“我的應(yīng)用”與“全部應(yīng)用”兩部分，并且允許用戶主動(dòng)選擇應(yīng)用與相應(yīng)位置，且當(dāng)用戶自定義后系統(tǒng)將不再推送后臺(tái)運(yùn)營(yíng)配置的默認(rèn)應(yīng)用；這個(gè)方案不僅能滿足企業(yè)針對(duì)員工(大部分用戶都不會(huì)修改默認(rèn)配置）的內(nèi)部應(yīng)用推廣需求，也可以保證員工（小部分會(huì)修改配置）的自身權(quán)利得到保障，很好地詮釋了白與黑，天與地的融合之道。
中國(guó)有句古話叫做授人以魚不如授人以漁，經(jīng)濟(jì)學(xué)里也有一句話叫給窮人錢比給窮人食物更有幫助，因?yàn)殄X有選擇的權(quán)利。這些意思用在協(xié)同產(chǎn)品上也最為合適不過(guò)了。
協(xié)同產(chǎn)品不只是單純的給用戶一個(gè)工具，更需要傳遞更高效的工作方法。
就好像Xmind給普通大眾帶來(lái)思維導(dǎo)圖框架的思考方式、Visio給用戶帶來(lái)具體嚴(yán)謹(jǐn)?shù)倪壿嬎季S流程一樣，協(xié)同產(chǎn)品也需要通過(guò)探尋用戶的日常使用情況（包括痛點(diǎn)、癢點(diǎn)、爽點(diǎn)燈），獲取一些反饋的信息；能夠支持并滿足用戶在日常辦公過(guò)程中的需求，并可以將各類需求整合成一種工作方式與工作方法，并將此反哺給用戶，幫助用戶規(guī)范工作流程、加強(qiáng)管理能力、找到正確的辦公方法。
再次舉個(gè)栗子，飛書在21年全新的π版本中上線了飛閱會(huì)的線上會(huì)議功能，采用了發(fā)揚(yáng)于谷歌的靜默會(huì)議的方式，支持文件提前上傳且可在文件中實(shí)時(shí)提出疑問(wèn)并標(biāo)注、支持同時(shí)段語(yǔ)音轉(zhuǎn)義并自動(dòng)保存會(huì)議紀(jì)要、支持會(huì)后根據(jù)會(huì)議情況創(chuàng)建日程待辦并整理會(huì)議相關(guān)內(nèi)容發(fā)送給參會(huì)者，詳情可見(jiàn)下圖。
這整一個(gè)產(chǎn)品鏈路對(duì)于很多企業(yè)、員工來(lái)說(shuō)都是一中全新的會(huì)議方式，飛書也正是通過(guò)這個(gè)產(chǎn)品模塊與功能的介紹向用戶展示了如何進(jìn)行一場(chǎng)高效的會(huì)議，這個(gè)方法的效果甚至比產(chǎn)品本身更重要。
當(dāng)然除了方法論，真真切切的實(shí)現(xiàn)分工與合作也可以為企業(yè)協(xié)同帶來(lái)更好的結(jié)果。分工與合作可以給人們帶來(lái)更大財(cái)富，自己有什么優(yōu)勢(shì)集中做，社會(huì)的餅就能做大；而一個(gè)企業(yè)一個(gè)部門的每個(gè)人都處在自己獨(dú)特的工作環(huán)節(jié)中，其所面對(duì)的人與事件都是獨(dú)立的。
因此，產(chǎn)品需要考慮不同情況下如何實(shí)現(xiàn)最優(yōu)分工，又在何種場(chǎng)景中最需合作，如將員工根據(jù)不同的崗位與崗級(jí)進(jìn)行相應(yīng)的標(biāo)簽分類，后期功能均可根據(jù)不同的角色標(biāo)簽給予不同的權(quán)限；而針對(duì)不同行業(yè)，產(chǎn)品也可以做到個(gè)性化定制與特殊化處理，比如釘釘就會(huì)針對(duì)學(xué)校場(chǎng)景設(shè)計(jì)獨(dú)特的表單、群聊信息、線上會(huì)議模式等；而飛書則會(huì)針對(duì)互聯(lián)網(wǎng)企業(yè)設(shè)計(jì)相應(yīng)的話題群、Markdown格式文件等，這些種種是都是為了讓人們能有更好的分工的基礎(chǔ)，并最終完成合作的目標(biāo)。
文章來(lái)源：人人都是產(chǎn)品經(jīng)理 作者：碌碌無(wú)為的阿栓
藍(lán)藍(lán)設(shè)計(jì)( www.yvirxh.cn )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(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ù)
實(shí)用的管理方法
抽屜式管理法是一種通俗形象的管理術(shù)語(yǔ)，在現(xiàn)代管理中也叫做職務(wù)分析。抽屜式管理的主要含義是在每個(gè)管理人員的辦公桌的抽屜里，都有一個(gè)明確的職務(wù)工作規(guī)范。它包括兩個(gè)方面的含義：
- 每個(gè)人所從事的職、責(zé)、權(quán)、利等四個(gè)方面進(jìn)行明確的規(guī)定，做到四者統(tǒng)一；
- 明確每個(gè)人所從事的管理和主要專業(yè)業(yè)務(wù)，分工協(xié)作關(guān)系，橫向縱向聯(lián)合事宜，以及上下左右的對(duì)口單位等，達(dá)到理順企業(yè)管理關(guān)聯(lián)的目的。
抽屜式管理是近幾年世界上最為流行的管理方法。
他的主要內(nèi)容包括兩個(gè)方面：
- 業(yè)務(wù)部門的職務(wù)分析，即職能權(quán)限范圍。業(yè)務(wù)部門的職責(zé)權(quán)限范圍分析，應(yīng)根據(jù)企業(yè)的總體目標(biāo)、生產(chǎn)經(jīng)營(yíng)指標(biāo)，以及專業(yè)對(duì)口的要求和協(xié)作關(guān)系進(jìn)行層層的分析、逐級(jí)落實(shí)、明確規(guī)定；
- 管理人員的職務(wù)分析，即職務(wù)說(shuō)明或職務(wù)規(guī)范；
管理人員的能力分析要根據(jù)管理層次的不同劃分來(lái)進(jìn)行，它的關(guān)鍵是處理好集權(quán)與分權(quán)的關(guān)系。例如一家設(shè)計(jì)公司，美術(shù)指導(dǎo)要對(duì)設(shè)計(jì)總監(jiān)負(fù)責(zé)，資深設(shè)計(jì)師要對(duì)美術(shù)指導(dǎo)負(fù)責(zé)，設(shè)計(jì)師要對(duì)資深設(shè)計(jì)師負(fù)責(zé)，設(shè)計(jì)助理要對(duì)設(shè)計(jì)師負(fù)責(zé)，實(shí)習(xí)生要對(duì)設(shè)計(jì)助理負(fù)責(zé)。
企業(yè)在施行抽屜式管理方法時(shí)，首先要組織一個(gè)由各個(gè)部門結(jié)成的職務(wù)分析小組。并對(duì)職務(wù)分析小組進(jìn)行短期培訓(xùn)，以掌握抽屜式管理的概念和內(nèi)涵。其次，企業(yè)應(yīng)圍繞企業(yè)的總體目標(biāo)、生產(chǎn)經(jīng)營(yíng)指標(biāo)、根據(jù)業(yè)務(wù)對(duì)口，編制業(yè)務(wù)職責(zé)權(quán)限范圍。
企業(yè)應(yīng)分層進(jìn)行管理人員分析，按職、責(zé)、權(quán)、利四者統(tǒng)一，制定管理人員職務(wù)說(shuō)明或職務(wù)規(guī)范。最后，企業(yè)需要制定必要的考核、獎(jiǎng)懲機(jī)制，與職務(wù)分析法配套執(zhí)行。
流行的管理方法
在一些商業(yè)企業(yè)中，不同程度的存在著職責(zé)分不清，分工不明確，權(quán)利與責(zé)任相分離等問(wèn)題，造成辦事效率低，拖拉等狀況，它們一般都表現(xiàn)在：
- 各部門分工不明確，一些工作上的事情誰(shuí)都不管，有些事情又都想插手，造成互相扯皮，嚴(yán)重影響了實(shí)際工作效率；
- 企業(yè)內(nèi)部橫向聯(lián)系比較差，協(xié)調(diào)能力弱，使執(zhí)行人員只能聽(tīng)四方指示，八方匯報(bào)，大大的延長(zhǎng)了工作流程，極大的影響了實(shí)際工作效率與人員浪費(fèi)；
- 企業(yè)用人多少缺乏一個(gè)客觀標(biāo)準(zhǔn)，容易受魅力偏見(jiàn)的影響，強(qiáng)壯的和漂亮的應(yīng)聘者更受歡迎；對(duì)于設(shè)計(jì)行業(yè)而言作品造假，作品集過(guò)度包裝引起的能力與職位不匹配的問(wèn)題，沒(méi)有一個(gè)較為標(biāo)準(zhǔn)的審查機(jī)制，都屬于個(gè)人的主觀因素。
企業(yè)要進(jìn)行策略管理，就必須明確企業(yè)內(nèi)部各個(gè)崗位的主要職責(zé)以及各職務(wù)之間的分工與協(xié)作關(guān)系，它能大大的提高企業(yè)戰(zhàn)略管理的科學(xué)性、系統(tǒng)性和有效性。
抽屜式管理在人力資源管理中一般用于職務(wù)分析。隨著社會(huì)經(jīng)濟(jì)的發(fā)展，抽屜式管理的公司也越來(lái)越普遍，人們認(rèn)為抽屜式管理是21世紀(jì)初現(xiàn)代化管理發(fā)展的新趨勢(shì)。
當(dāng)前一些經(jīng)濟(jì)發(fā)達(dá)國(guó)家的大中型企業(yè)都非常重視抽屜式管理和職位分類，并且都在抽屜式管理的基礎(chǔ)上，不同程度的建立了職位分類制度。絕大部分世界500強(qiáng)企業(yè)都在實(shí)施抽屜式管理，這一工具在福特經(jīng)理們的心目中，具有非常重要的地位，幾乎每一個(gè)經(jīng)理人都在管理下級(jí)之中應(yīng)用了這一工具。
抽屜式管理的步驟
第一步 - 建立一個(gè)由各部門組成的職務(wù)分析小組
考評(píng)小組的組成人員包括：
- 企業(yè)領(lǐng)導(dǎo)者：可以保障部門權(quán)責(zé)設(shè)定與企業(yè)整體目標(biāo)一致，保障權(quán)威性與決策的有效性。
- 人力資源管理領(lǐng)導(dǎo)者：抽屜式管理模式的主管者，有利于人力資源管理精準(zhǔn)性的提升。
- 各部門角領(lǐng)導(dǎo)者和員工代表：促進(jìn)決策的民主性和科學(xué)性。
第二步 - 正確處理企業(yè)內(nèi)部的集權(quán)和分權(quán)關(guān)系
要考慮與正確劃分，在哪些領(lǐng)域或事項(xiàng)上集權(quán)，在哪些工作上分權(quán)，部門權(quán)責(zé)考評(píng)小組要以整體績(jī)效為基準(zhǔn)。
第三步 - 圍繞企業(yè)的總體目標(biāo)，層層分解、逐級(jí)落實(shí)職責(zé)權(quán)限范圍
層層分解與逐級(jí)落實(shí)是“抽屜式”管理模式的核心環(huán)節(jié)，或者說(shuō)是管理落實(shí)與職權(quán)細(xì)化的關(guān)鍵性步驟。整體目標(biāo)指的是企業(yè)戰(zhàn)略總目標(biāo)，實(shí)現(xiàn)企業(yè)經(jīng)濟(jì)效益、提升管理績(jī)效與職權(quán)分解、落實(shí)是目標(biāo)與手段的關(guān)系。
第四步 - 編寫職務(wù)說(shuō)明書，制定出每個(gè)職務(wù)工作的要求準(zhǔn)則
職務(wù)說(shuō)明書包括兩部分，即對(duì)部門領(lǐng)導(dǎo)者和員工的職務(wù)都進(jìn)行規(guī)范化說(shuō)明。其次制定員工職務(wù)說(shuō)明書，通過(guò)書面化的形式將員工工作相關(guān)內(nèi)容進(jìn)行明確規(guī)定。哪個(gè)員工在哪個(gè)環(huán)節(jié)上出了問(wèn)題，只要拿出放在抽屜內(nèi)的職務(wù)說(shuō)明書即可進(jìn)行查詢。
第五步 - 制定考核與獎(jiǎng)懲制度，與職務(wù)分析法配套執(zhí)行
績(jī)效考核與獎(jiǎng)懲制度是抽屜式管理模式的保障性措施，也是提升管理有效性的配套手段。制定與權(quán)、責(zé)相配套的獎(jiǎng)懲、晉升制度。以職務(wù)說(shuō)明書為依據(jù),通過(guò)績(jī)效考核反饋給予認(rèn)真履職者獎(jiǎng)勵(lì)，給予玩忽職守者相應(yīng)的懲罰。
總結(jié)：其實(shí)抽屜式管理法就是管理層的一種管理手段，在抽屜里放一些對(duì)于員工的職務(wù)職責(zé)的約束規(guī)則，在心理上給員工施壓，進(jìn)而使之完善所做的工作；在規(guī)則上也同樣施壓，一旦員工的工作不飽和，又或沒(méi)有完善部分工作，就可以直接拿規(guī)則說(shuō)事兒，企業(yè)也挺雞賊的。
對(duì)于員工而言還是要不斷完善自身能力，自己沒(méi)有問(wèn)題別人也挑不出問(wèn)題，其次要注意溝通協(xié)作的問(wèn)題，把自己工作做好的同時(shí)，如果有精力和能力也幫助同事提升能力和幫助完善部分工作，對(duì)自己負(fù)責(zé)，對(duì)公司負(fù)責(zé)，同事和公司才會(huì)對(duì)你負(fù)責(zé)，更看重你。
文章來(lái)源：站酷 作者：羅耀_系列
藍(lán)藍(lán)設(shè)計(jì)( www.yvirxh.cn )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(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ù)
人類一切創(chuàng)造性活動(dòng)和造物活動(dòng)都可以稱為設(shè)計(jì)，這是從廣義角度去理解設(shè)計(jì)的定義。從狹義角度理解設(shè)計(jì)的定義，設(shè)計(jì)就是構(gòu)想和解決問(wèn)題的過(guò)程。應(yīng)以人為本，通過(guò)系統(tǒng)化的方法滿足消費(fèi)者的市場(chǎng)需求，進(jìn)而產(chǎn)生功能價(jià)值與審美價(jià)值。
除了廣義與狹義的設(shè)計(jì)定義，處在不同時(shí)期不同的人站在的角度和立場(chǎng)均不同，產(chǎn)生的觀點(diǎn)是各抒己見(jiàn)，各不相同。在國(guó)內(nèi)考研只用采用其中一種定義就可以了，但知識(shí)是要去學(xué)習(xí)和理解的，這里我研讀了近100本書籍，把所有關(guān)于設(shè)計(jì)的定義都整理出來(lái)供大家學(xué)習(xí)與參考。
設(shè)計(jì)的定義
彼得·勞倫斯（美國(guó)設(shè)計(jì)學(xué)會(huì)創(chuàng)始人）：設(shè)計(jì)是一種手段，通過(guò)這種手段可以提高生活質(zhì)量，并能有效的滿足人類的需求
王受之教授：設(shè)計(jì)是把計(jì)劃、規(guī)劃、設(shè)想、解決問(wèn)題的方式，通過(guò)視覺(jué)化的形式傳達(dá)出來(lái)的過(guò)程
《大不列顛百科詞典》（1786年 / 工業(yè)革命前）：設(shè)計(jì)指的是立體、色彩、結(jié)構(gòu)、輪廓、線條、形狀、比例、動(dòng)態(tài)和審美方面的協(xié)調(diào)
《大不列顛百科詞典》（1976年 / 工業(yè)革命后）：設(shè)計(jì)常指擬定計(jì)劃的過(guò)程，又特指記在心中或者制作成草圖的具體計(jì)劃
6:19 STUDIO - slava balbek / Nata Kurylenko
《簡(jiǎn)明不列顛百科全書》（1985年 / 中美編譯）：Design包含兩個(gè)層面，第一個(gè)層面指“心理上的計(jì)劃”，即計(jì)劃的思考與擬定計(jì)劃的過(guò)程；第二個(gè)層面指“藝術(shù)計(jì)劃”，即把計(jì)劃中的想法制成草圖的具體計(jì)劃。
《韋伯斯特大辭典》（名詞方面）：針對(duì)某一目的在腦中形成的規(guī)劃；根據(jù)對(duì)象預(yù)先所作出的模型；文學(xué)、戲劇作品的輪廓；音樂(lè)作品的框架；視覺(jué)藝術(shù)作品的線條、細(xì)節(jié)、外觀等方面的相互關(guān)系
《韋伯斯特大辭典》（動(dòng)詞方面）：頭腦中的想象與計(jì)劃；策劃；創(chuàng)造功能；為了達(dá)到目的而進(jìn)行的創(chuàng)造、規(guī)劃和計(jì)算；用商標(biāo)、符號(hào)表達(dá)；對(duì)物象的描繪；零部件的形狀與配置
《牛津英文詞典》（1588年）：設(shè)計(jì)是由人所設(shè)想一種計(jì)劃，或是為了實(shí)現(xiàn)某物而做的綱要
6:19 STUDIO - slava balbek / Nata Kurylenko
《授予博士碩士學(xué)位和培養(yǎng)研究生的學(xué)科專業(yè)簡(jiǎn)介》（1999年）：設(shè)計(jì)是一門多學(xué)科交叉的、實(shí)用性的藝術(shù)科學(xué)，其內(nèi)涵是按照文化藝術(shù)與科學(xué)技術(shù)相結(jié)合的規(guī)律，創(chuàng)造人類生活的物質(zhì)產(chǎn)品和精神產(chǎn)品的一門科學(xué)
柳冠中教授《工業(yè)設(shè)計(jì)學(xué)概論》：設(shè)計(jì)應(yīng)該被認(rèn)為是一種方法論，應(yīng)提高‘一切人為事物’的角度來(lái)認(rèn)識(shí)
李硯祖教授：設(shè)計(jì)是人類改變?cè)惺挛?，使其變化、增益、更新、發(fā)展的創(chuàng)造性活動(dòng)，設(shè)計(jì)是構(gòu)想和解決問(wèn)題的過(guò)程，它涉及人類一切有目的的價(jià)值創(chuàng)造活動(dòng)
尹定邦教授：設(shè)計(jì)其實(shí)就是人類把自己的意志加在自然界之上，用以創(chuàng)造人類文明的一種廣泛的活動(dòng)，設(shè)計(jì)是一種文明
6:19 STUDIO - slava balbek / Nata Kurylenko
我國(guó)《高級(jí)漢語(yǔ)大詞典》：按照任務(wù)的目的和要求，預(yù)先設(shè)定好工作方案和計(jì)劃，繪制出為解決這個(gè)問(wèn)題而設(shè)計(jì)的圖案
我國(guó)綜合字典《辭?！?/strong>：設(shè)計(jì)指“按照任務(wù)的目的和要求，預(yù)先定出工作方案和計(jì)劃，繪出圖樣，為解決這個(gè)問(wèn)題而專門設(shè)計(jì)的圖案”
赫伯特·西蒙在《人工科學(xué)》書中的一段話：凡是以現(xiàn)存情形改變成向往情形，為目標(biāo)而構(gòu)思行動(dòng)方案的人都是在搞設(shè)計(jì)
6:19 STUDIO - slava balbek / Nata Kurylenko
阿切爾：設(shè)計(jì)是圍繞目標(biāo)的問(wèn)題求解的活動(dòng)
路甬祥：設(shè)計(jì)是在一定的約束條件下，最合理的滿足社會(huì)的需求
佩齊：設(shè)計(jì)是從客觀現(xiàn)實(shí)向未來(lái)可能富有想象力的跨越
6:19 STUDIO - slava balbek / Nata Kurylenko
?？?/strong>：設(shè)計(jì)是獲得足夠把握前，對(duì)未來(lái)產(chǎn)品盡可能多地模仿
喬尼斯：設(shè)計(jì)是表達(dá)一種精粹信念的活動(dòng)
里斯維克：設(shè)計(jì)是從無(wú)到有的創(chuàng)造，創(chuàng)造新的、有用的事物
考研知識(shí)
國(guó)內(nèi)的知識(shí)大多數(shù)采用國(guó)內(nèi)教育工作者對(duì)設(shè)計(jì)的定義，例如我們?cè)诰W(wǎng)上查關(guān)于設(shè)計(jì)的定義，一般都會(huì)出現(xiàn)相同的搜索結(jié)果，也就是《現(xiàn)代漢語(yǔ)詞典》對(duì)設(shè)計(jì)的定義，即“在正式做某件工作之前，根據(jù)一定目的的要求，預(yù)先制定方法、圖樣等。
6:19 STUDIO - slava balbek / Nata Kurylenko
另外考研的知識(shí)點(diǎn)還有設(shè)計(jì)的核心內(nèi)容知識(shí)，包括以下三個(gè)階段；
第一階段 計(jì)劃，構(gòu)思的形成
第二階段 將計(jì)劃、構(gòu)思、設(shè)想、解決問(wèn)題的方式利用視覺(jué)化的傳達(dá)方式表現(xiàn)出來(lái)，如圖紙、制作效果圖、模型等
第三階段 將設(shè)計(jì)的方案實(shí)施完成
附加知識(shí)
以上指的設(shè)計(jì)的定義是不包含工程設(shè)計(jì)的，工程設(shè)計(jì)主要解決人造物（機(jī)械、設(shè)備、交通工具、建筑等等）中的物與物之間的關(guān)系，包括產(chǎn)品的內(nèi)部功能、結(jié)構(gòu)、傳動(dòng)原理、組裝條件等。
工程設(shè)計(jì)主要是研究和實(shí)施建筑、城市、景觀設(shè)計(jì)與工業(yè)產(chǎn)品（建筑屬于工業(yè)）、造型設(shè)計(jì)、功能性設(shè)計(jì)、結(jié)構(gòu)設(shè)計(jì)、可靠性設(shè)計(jì)、生產(chǎn)工藝設(shè)計(jì)、生產(chǎn)系統(tǒng)集成設(shè)計(jì)等的工程技術(shù)領(lǐng)域，工程設(shè)計(jì)更注重產(chǎn)品的實(shí)施與落地。
6:19 STUDIO - slava balbek / Nata Kurylenko
工業(yè)設(shè)計(jì)就是對(duì)工業(yè)產(chǎn)品的使用方式、人機(jī)關(guān)系、外觀造型等做設(shè)計(jì)和定義的過(guò)程。他將產(chǎn)品的功能通過(guò)有型的方式創(chuàng)造性的體現(xiàn)，使得工業(yè)產(chǎn)品和人的適當(dāng)?shù)?、高效的，甚至有情感的交流得以?shí)現(xiàn)。是一種產(chǎn)品與人溝通的語(yǔ)言，是工業(yè)產(chǎn)品和人之間的重要紐帶，是用戶體驗(yàn)的決定性組成部分。
文章中提到的設(shè)計(jì)是解決物與物關(guān)系的同時(shí)，更側(cè)重于解決物與人的關(guān)系問(wèn)題，考慮產(chǎn)品對(duì)人的生理、心理的作用。因此設(shè)計(jì)是包含藝術(shù)審美同時(shí)又有科學(xué)技術(shù)的人文科學(xué)、社會(huì)科學(xué)相結(jié)合的藝術(shù)。
文章來(lái)源：站酷 作者：羅耀_系列
藍(lán)藍(lán)設(shè)計(jì)( www.yvirxh.cn )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(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ù)
Dashboard的含義
Dashboard在B端設(shè)計(jì)的工作中是一個(gè)繞不開的話題，在此我根據(jù)自己工作中實(shí)際的一些經(jīng)驗(yàn)總結(jié)給大家歸納出一篇更符合工作場(chǎng)景中Web端的Dashboard設(shè)計(jì)內(nèi)容。
Dashboard的中文直譯是儀表盤，最初與dashboard相關(guān)在界面出現(xiàn)的是蘋果電腦系統(tǒng)Mac OS X v10.4 Tiger操作系統(tǒng)中的應(yīng)用程序，用作稱為“widget”的小型應(yīng)用程序之運(yùn)行基礎(chǔ)。
2013年Stephen Few寫的《Information Dashboard Design》中指出“儀表盤是為了實(shí)現(xiàn)某些特定目標(biāo)而對(duì)重要信息進(jìn)行的視覺(jué)傳達(dá)，對(duì)一屏上的內(nèi)容進(jìn)行組織呈現(xiàn)使人一瞥便能掌握其所傳達(dá)的信息。簡(jiǎn)單點(diǎn)來(lái)說(shuō)就是：為用戶提供全局概覽，讓用戶快速掌握工作進(jìn)展及進(jìn)入工作狀態(tài)并可以訪問(wèn)最重要的數(shù)據(jù)，功能和控件。
Dashboard設(shè)計(jì)案例
以下是Dashboard常見(jiàn)4點(diǎn)設(shè)計(jì)不是很好的案例，現(xiàn)在帶大家一個(gè)個(gè)看下怎么才是更為合理。
案例一：右邊Dashboard上的信息做了層級(jí)的區(qū)分，相對(duì)左邊更加直觀。
案例二：左邊Dashboard顏色偏熒光色，色彩語(yǔ)言相對(duì)右邊不適合長(zhǎng)期工作使用。
案例三：設(shè)計(jì)方案時(shí)沒(méi)有采用格柵格化解決適配對(duì)不齊等等問(wèn)題
案例四：dashboard模塊之間間距沒(méi)有呼吸感。
B端設(shè)計(jì)中，設(shè)計(jì)師要實(shí)時(shí)了解哪些是重要內(nèi)容以及核心數(shù)據(jù)。Dashboard可以直接傳遞出：“業(yè)務(wù)整體狀況如何？有哪些關(guān)鍵指標(biāo)？各指標(biāo)的運(yùn)行情況分別如何？哪些指標(biāo)出現(xiàn)異常？需要用戶做些什么？”。由此可知，B端Dashboard產(chǎn)品中大多數(shù)都以看為主，輔以功能控制。主要分為監(jiān)控操作、分析處理兩大場(chǎng)景。當(dāng)業(yè)務(wù)較為復(fù)雜時(shí)，可以用戰(zhàn)略概覽場(chǎng)景提供快速入口。
1.監(jiān)控操作：
使用戶可以一目了然地檢查其狀態(tài)，提供關(guān)鍵指標(biāo)實(shí)時(shí)監(jiān)測(cè)并且告知異常狀態(tài)。更重視實(shí)時(shí)觀看狀態(tài)。
2.分析處理：
通過(guò)數(shù)據(jù)圖表，配合控件進(jìn)行不同維度的數(shù)據(jù)分析。以數(shù)據(jù)為中心，并顯示盡可能多的相關(guān)數(shù)據(jù)視圖。
數(shù)據(jù)性Dashboard。數(shù)據(jù)概覽可視化展示為主。幫助用戶提供較為直觀數(shù)據(jù)維度，更好分析決策。
綜合性Dashboard，既有提供數(shù)據(jù)全局概覽可視化，同時(shí)也能快速在頁(yè)面進(jìn)行操作完成工作。國(guó)內(nèi)B端產(chǎn)品最常出現(xiàn)的Dashboard功能模式。本篇文章也是著重介紹如何完成這個(gè)類型需求
3.戰(zhàn)略概覽：
在復(fù)雜的業(yè)務(wù)中，可以呈現(xiàn)業(yè)務(wù)分散的重點(diǎn)信息，用戶可以通過(guò)提供入口快速跳轉(zhuǎn)至相關(guān)模塊。
B端設(shè)計(jì)過(guò)程中每多了解一個(gè)維度分析就更有利于下一步Dashboard框架搭建。因此在對(duì)Dashboard有了一些簡(jiǎn)單了解之后，我們?cè)賮?lái)了解下用戶場(chǎng)景。例如：用戶是財(cái)務(wù)人員審批商戶充值申請(qǐng)。工作人員進(jìn)入dashboard之后先是進(jìn)行充值打款申請(qǐng)。那么設(shè)計(jì)時(shí)可以考慮在Dashboard中加入常用功能：充值。并且需要給到相應(yīng)充值數(shù)據(jù)概覽：賬戶余額。每個(gè)B端產(chǎn)品都有自己特定工作場(chǎng)景。因此從用戶、場(chǎng)景和任務(wù)這三方面考慮，可以做到幫助設(shè)計(jì)師更清晰設(shè)計(jì)dashboard布局以及設(shè)計(jì)自查。
因此以上這些信息都是需要在設(shè)計(jì)Dashboard時(shí)弄清楚的內(nèi)容。
信息處理
當(dāng)弄清楚需要呈現(xiàn)信息內(nèi)容后，需要進(jìn)一步對(duì)信息做處理。從用戶的角度，舉個(gè)例子在FMS財(cái)務(wù)系統(tǒng)記賬中，財(cái)務(wù)需要查看季度報(bào)表。那么數(shù)據(jù)的單位以默認(rèn)季度呈現(xiàn)會(huì)更為符合使用用戶需求，準(zhǔn)確且高效。具體可以從以下四個(gè)維度來(lái)做進(jìn)一步處理：覆蓋范圍、時(shí)間跨度、粒度、個(gè)性定制。一般核心指標(biāo)不超過(guò)7個(gè)，確定核心指標(biāo)的聯(lián)系及優(yōu)先級(jí)。
合理的信息結(jié)構(gòu)能夠幫助用戶高效閱讀，理解內(nèi)容。如何將信息碎片有邏輯地組合在一起，合理呈現(xiàn)和布局，選擇使用什么結(jié)構(gòu)視內(nèi)容而定。
舉個(gè)例子：
對(duì)于管理者的角色來(lái)說(shuō)使用Dashboard的訴求是：及時(shí)把控業(yè)務(wù)情況
信息處理內(nèi)容：
1.掌握重要業(yè)務(wù)數(shù)據(jù)：經(jīng)營(yíng)數(shù)據(jù)，訂單數(shù)據(jù)，客戶數(shù)據(jù)；
2.了解員工工作進(jìn)度；
3.處理急需解決的工作任務(wù)。
對(duì)于執(zhí)行者的角色來(lái)說(shuō)使用Dashboard的訴求是：高效完成工作任務(wù)
信息處理內(nèi)容：
1.急需解決的工作任務(wù)：待發(fā)貨訂單，待退款，待跟進(jìn)客戶
2.了解自己的工作進(jìn)度
3.經(jīng)常使用的功能：發(fā)布商品，添加客戶，開單
4.查看重要通知公告：公司發(fā)布的公告
Dashboard表現(xiàn)結(jié)構(gòu)常見(jiàn)兩種類型：卡片型、流程型。
卡片型
最常見(jiàn)就是卡片型。即將有相關(guān)聯(lián)的內(nèi)容進(jìn)行分組呈現(xiàn)，讓Dashboard內(nèi)容歸類而不雜亂無(wú)章。
流程型
內(nèi)容相互之間具有一定的邏輯關(guān)系，如地理位置關(guān)系、數(shù)字包含關(guān)系、對(duì)象父子關(guān)系等，這種結(jié)構(gòu)可以讓對(duì)象之間的邏輯關(guān)系十分直觀。很直觀的呈現(xiàn)了資源對(duì)象之間的相互關(guān)系。
國(guó)內(nèi)B端產(chǎn)品一般是由以下這幾個(gè)部分組成的。全局導(dǎo)航、數(shù)據(jù)概覽、待辦事項(xiàng)、常用功能、任務(wù)進(jìn)展、平臺(tái)推送、數(shù)據(jù)圖表。下面帶大家仔細(xì)看下具體每個(gè)部分具體如何設(shè)計(jì)。
1.全局導(dǎo)航
在B端Dashboard中，全局導(dǎo)航一般由三個(gè)部分組成。平臺(tái)LOGO、功能入口導(dǎo)航、快捷功能導(dǎo)航。
1.1平臺(tái)LOGO
一般這里都會(huì)放LOGO，對(duì)于一些壁壘標(biāo)準(zhǔn)化B端服務(wù)，這里通常是給好標(biāo)準(zhǔn)規(guī)則，后臺(tái)自動(dòng)配不同客戶的LOGO。因此要考慮到區(qū)域的色彩是否適用各種不同LOGO。如果是OA或是定制化B端服務(wù)，那么就可以直接定制設(shè)計(jì)。
1.2功能入口導(dǎo)航
就是菜單導(dǎo)航，在B端Dashboard一般都是在側(cè)邊。建議最多不要超過(guò)9個(gè)，遵循7±2原則。盡量將同類型歸類，好好利用下二級(jí)分類。另外入口不要太深，用戶容易找不到入口。盡量設(shè)計(jì)優(yōu)化合并來(lái)減少用戶使用負(fù)擔(dān)。
在國(guó)內(nèi)B端產(chǎn)品中，最常就是將功能入口導(dǎo)航放在側(cè)邊。適用于更專注功能和快速操作的系統(tǒng)
優(yōu)點(diǎn)：
拓展性，一級(jí)導(dǎo)航的數(shù)目可以展示更多；
層級(jí)清晰，一二三級(jí)導(dǎo)航都可以流暢展示；
操作效率高，用戶在操作和瀏覽中可以快速定位和切換當(dāng)前位置。
缺點(diǎn)：
視覺(jué)動(dòng)線左右折回，比頂部導(dǎo)航更易疲勞，
內(nèi)容區(qū)的排版空間更小，需要考慮適配問(wèn)題。
在國(guó)內(nèi)B端結(jié)構(gòu)比較龐大的后臺(tái)中,通常會(huì)將功能入口導(dǎo)航設(shè)計(jì)為混合模式。混合模式就是將功能入口分為頂部與側(cè)邊兩邊都有。這是因?yàn)閭?cè)邊模式已經(jīng)無(wú)法層級(jí)擴(kuò)展性已經(jīng)無(wú)法很好的滿足產(chǎn)品架構(gòu)了。
優(yōu)點(diǎn)：
層級(jí)拓展性強(qiáng)，可達(dá)四、五級(jí)導(dǎo)航。
缺點(diǎn)：
操作難度上升、視覺(jué)動(dòng)線更復(fù)雜。
還有一種模式：頂部模式，這種模式在國(guó)外產(chǎn)品中較多，在國(guó)內(nèi)的B端產(chǎn)品中較為少應(yīng)用。原因之一是起初最早的國(guó)內(nèi)B端產(chǎn)品就采用這種排版模式，在國(guó)內(nèi)形成了一種用戶操作習(xí)慣。國(guó)外最常見(jiàn)的B端頂部導(dǎo)航：saleforces、hubspot、zoho。
優(yōu)點(diǎn)：
沉浸感比側(cè)邊以及混合都要強(qiáng)，幾乎不會(huì)對(duì)于用戶的閱讀行為有干擾，因?yàn)閃eb也有頂部瀏覽器菜單。
缺點(diǎn)：
一級(jí)導(dǎo)航欄的欄數(shù)及字段內(nèi)容受限嚴(yán)重。國(guó)內(nèi)B端產(chǎn)品會(huì)有很多快捷功能就更不利用采用這種模式
1.3快捷功能導(dǎo)航
一般包含：消息通知、賬號(hào)信息、幫助中心、設(shè)置。在國(guó)內(nèi)B端產(chǎn)品中基本上都是在右上角
在B端Dashboard中，數(shù)據(jù)概覽通常都是選取最關(guān)注的數(shù)據(jù)指標(biāo)來(lái)展示，而不是全部數(shù)據(jù)；選取最關(guān)注的時(shí)間段，而非全部時(shí)間段。
構(gòu)成：數(shù)據(jù)名稱+數(shù)字
這個(gè)模塊在設(shè)計(jì)表現(xiàn)上最重要就是信息層級(jí)的設(shè)計(jì)處理。如何能夠讓用戶一眼就看到最關(guān)注的數(shù)據(jù)內(nèi)容指標(biāo)。設(shè)計(jì)時(shí)注意突出數(shù)據(jù)才是關(guān)鍵。設(shè)計(jì)時(shí)關(guān)鍵數(shù)字上就要字號(hào)大一點(diǎn)，甚至可以采用特殊的數(shù)字字體，例如DIN系列，來(lái)加強(qiáng)對(duì)比。
待辦事項(xiàng)模塊通常是應(yīng)用在執(zhí)行角色的Dashboard中。節(jié)省工作人員尋找任務(wù)的時(shí)間，避免遺漏任務(wù)。
構(gòu)成：待辦事項(xiàng)名稱+數(shù)字+可點(diǎn)擊跳轉(zhuǎn)的鏈接
待辦事項(xiàng)的展示方式可以是數(shù)據(jù)可視化也可以是數(shù)據(jù)概覽。但是有一點(diǎn)，數(shù)據(jù)必須是要能夠點(diǎn)擊的，因?yàn)榇k事項(xiàng)就是要有入口去操作。同時(shí)也可以把待辦事項(xiàng)平鋪出來(lái)，平鋪幾個(gè)可以根據(jù)具體情況定。如果待辦樣式本身很多的情況下，可以采用tap切換的樣式全部展示出來(lái)。
用戶高頻操作快捷入口，點(diǎn)擊跳轉(zhuǎn)相應(yīng)操作頁(yè)面。這個(gè)模塊每個(gè)b端產(chǎn)品都不一樣，需要仔細(xì)反復(fù)斟酌是否是用戶需要的高頻功能。
用戶當(dāng)前最關(guān)心的任務(wù)，常用進(jìn)度條或者時(shí)間軸的形式表示。
平臺(tái)用來(lái)觸達(dá)企業(yè)的信息，一般有產(chǎn)品更新動(dòng)態(tài)，學(xué)習(xí)培訓(xùn)，客服，廣告推送，活動(dòng)消息（這個(gè)一般比較常出現(xiàn)在平臺(tái)類的b端產(chǎn)品中）
卡片式數(shù)據(jù)圖表可以拆分成圖表+輔助兩種組成部分
7.1圖表
B端設(shè)計(jì)師需要準(zhǔn)確通過(guò)圖表來(lái)表達(dá)出用戶需要的維度信息。
7.1.1折線圖
隨時(shí)間（連續(xù)內(nèi)容）而變化的連續(xù)數(shù)據(jù)，適合表現(xiàn)趨勢(shì)。Y 軸刻度值選擇要合理，以數(shù)據(jù)波動(dòng)要最大化的顯示
7.1.2面積圖
面積圖和折線圖比較類似，針對(duì)只有單個(gè)數(shù)據(jù)類型有面積區(qū)域的表達(dá)效果比折線圖好。數(shù)據(jù)類型盡量不要超過(guò)2個(gè)，有2個(gè)數(shù)據(jù)類型時(shí)，注意調(diào)整面積區(qū)域的透明度以及色系保持統(tǒng)一
7.1.3柱狀圖
通常用來(lái)統(tǒng)計(jì)累積疊加數(shù)據(jù)，數(shù)據(jù)之間能夠非常清晰直觀對(duì)比。柱狀圖的單位寬度不要是固定值，單位寬度之間間距在不同分辨率屏幕下的對(duì)比要合理。不用大圓角元素，不夠嚴(yán)謹(jǐn)，太活潑。最多使用兩種顏色，一種默認(rèn)，一種hover或tap，保持界面統(tǒng)一性
7.1.4扇形圖
有共同的上一級(jí)層級(jí)作為統(tǒng)計(jì)總合，數(shù)據(jù)之間平級(jí)且有占比。數(shù)據(jù)必須是正整數(shù)，至少兩個(gè)以上數(shù)據(jù)，且用不同顏色表示
7.1.5環(huán)形圖
與扇形圖很相似，但是比扇形圖更加直觀瀏覽且不被搶視覺(jué)。避免過(guò)于太細(xì)太粗，控制好留白呼吸感
以上是常用的圖形圖表，絕不是全部。有興趣的同學(xué)可以到以下兩個(gè)網(wǎng)站可以利用碎片化時(shí)間擴(kuò)展學(xué)習(xí)
EChart：
https://echarts.apache.org/examples/zh/index.html
AntV:
https://antv.gitee.io/zh](https://antv.gitee.io/zh
7.2輔助元素
卡片型圖表的第二部分也就是輔助元素。輔助元素里面還有很多細(xì)節(jié)元素組成：標(biāo)題、軸、提示信息、標(biāo)簽、氣泡信息、功能（篩選、導(dǎo)出、保存）。當(dāng)然在實(shí)際設(shè)計(jì)中，會(huì)根據(jù)場(chǎng)景去修飾刪減一些元素，以此來(lái)減少冗余信息，幫助用戶快速達(dá)成目標(biāo)，在最少的時(shí)間內(nèi)獲取更多的信息。
7.2.1標(biāo)題
標(biāo)題是區(qū)分卡片信息，迅速讓用戶了解卡片圖表的重要元素。通常需要斟酌嚴(yán)謹(jǐn)不重復(fù)，簡(jiǎn)潔概括。
7.2.2軸
軸上最重要的內(nèi)容就是單位，將每個(gè)數(shù)據(jù)在同一軸上都是維持同種基準(zhǔn)。便于進(jìn)行數(shù)據(jù)測(cè)量。
7.2.2.1軸的細(xì)節(jié)
現(xiàn)在知道了軸由哪幾部分構(gòu)成，那么接著了解細(xì)節(jié)
軸線
軸線細(xì)節(jié)一般只考慮是否顯示，在有網(wǎng)格線的情況下，可以考慮隱藏x/y軸線。通常顯示數(shù)據(jù)的軸作為隱藏，突出視覺(jué)重點(diǎn)，減少不必要的線條。
軸刻度
軸刻度是軸線上的間距不宜過(guò)密，確保信息可讀性以及呼吸感，根據(jù) 7±2 法則，在可見(jiàn)的卡片內(nèi)盡量保持這個(gè)規(guī)則，可以利用抽樣顯示的手段來(lái)優(yōu)化軸標(biāo)簽重疊的問(wèn)題，這種一般是在連續(xù)性內(nèi)容上可以使用。若軸上單位信息確實(shí)過(guò)多，雖然是連續(xù)性內(nèi)容例如展示30天單位，由于本身卡片信息不是過(guò)于最重要層級(jí)，設(shè)計(jì)在相對(duì)狹小空間尺寸中，那么建議考慮在軸線上安排滾動(dòng)條，并將重看單位放置前位。設(shè)計(jì)特別注意點(diǎn)，將滾動(dòng)條設(shè)計(jì)作為輔助元素不宜搶視覺(jué)。
網(wǎng)格線
網(wǎng)格線是用來(lái)輔助圖表數(shù)據(jù)直觀對(duì)比的，增加數(shù)據(jù)更快速的閱讀性。舉個(gè)例子：數(shù)據(jù)展示軸線在左邊。那么離左邊最近的數(shù)據(jù)圖形可能不需要網(wǎng)格線就能立即對(duì)應(yīng)到相應(yīng)數(shù)字。但是越靠近右邊的數(shù)據(jù)圖形就相對(duì)比左邊的數(shù)據(jù)圖形就比較難一眼識(shí)別。因此網(wǎng)格線也擔(dān)任了刻度尺的功能。在設(shè)計(jì)網(wǎng)格線時(shí)要注意網(wǎng)格線更多是輔助的角色。表現(xiàn)類型可以選擇虛線或是實(shí)線。但是要把握好顏色選用不搶視覺(jué)重點(diǎn)又能看到。
7.2.3提示信息
以對(duì)照的方式來(lái)理解可視化對(duì)象的項(xiàng)目歸類信息，總結(jié)圖形形狀和文本組成內(nèi)容。
7.2.4標(biāo)簽
在圖表中，標(biāo)簽是對(duì)當(dāng)前的一組數(shù)據(jù)進(jìn)行的內(nèi)容標(biāo)注。根據(jù)不同的圖表類型選擇使用。
7.2.5氣泡信息
當(dāng)標(biāo)簽?zāi)J(rèn)不顯示，氣泡信息一般是鼠標(biāo)tap或者h(yuǎn)over時(shí)，顯示該位置的數(shù)據(jù)。在簡(jiǎn)潔的頁(yè)面中，也能讓用戶直觀看到信息對(duì)應(yīng)數(shù)據(jù)結(jié)果
7.2.6功能
這個(gè)模塊涉及的內(nèi)容偏多，在表單頁(yè)面更常出現(xiàn)，以后有機(jī)會(huì)可以單獨(dú)說(shuō)。一般常用功能如篩選、導(dǎo)出、保存。可以讓用戶控制和友好的體驗(yàn)
確定B端產(chǎn)品的設(shè)計(jì)風(fēng)格
首先tob的產(chǎn)品dashboard說(shuō)到底還是給使用用戶所使用，也就是“人”。所以通常情況下dashboard除了傳遞出用戶想要的數(shù)據(jù)信息，還要傳遞服務(wù)于人。此外最重要的是B端設(shè)計(jì)師需要理解項(xiàng)目背景。例如某個(gè)財(cái)務(wù)應(yīng)用平臺(tái)不屬于科技未來(lái)感，而是突出一種安全，高效，具有客戶親和力的商業(yè)產(chǎn)品特性。那么關(guān)鍵詞：服務(wù)、輕松、高效、親和、精致。那么一個(gè)干凈、相對(duì)輕量、統(tǒng)一的Dashboard UI界面就提煉出來(lái)。
色彩
常說(shuō)色彩是一種情緒版，在Dashboard設(shè)計(jì)中，色彩也是映射關(guān)鍵詞的非常重要一個(gè)環(huán)節(jié)
字體
B端產(chǎn)品一般都是以數(shù)據(jù)為主要信息源，針對(duì)一些關(guān)鍵信息指標(biāo)時(shí)，可以采用特殊的數(shù)字字體。由于本身數(shù)字字體包內(nèi)存不大，所以也方便調(diào)用。例如DIN系列等等
設(shè)計(jì)稿尺寸
本篇內(nèi)容都是針對(duì)pc端內(nèi)容，具體移動(dòng)端以后有機(jī)會(huì)會(huì)分享。大多數(shù)B端設(shè)計(jì)師都知道以1440x900設(shè)計(jì)，但是在工作中會(huì)以埋點(diǎn)數(shù)據(jù)了解到事實(shí)上真實(shí)場(chǎng)景還是以1920x1080的尺寸為多數(shù)。畢竟時(shí)代不一樣了。以1440做設(shè)計(jì)主要還是考慮從上下兼容的角度的。B端與C端不同，C端往往照顧大多數(shù)的用戶群體或是主要消費(fèi)力群體。但是B端一般不會(huì)放棄任何一個(gè)用戶，哪怕定制化。這個(gè)在C端是不太現(xiàn)實(shí)的。因此適配對(duì)于B端產(chǎn)品來(lái)說(shuō)也是尤為重要。
設(shè)計(jì)原則
上面的內(nèi)容更多是闡述每個(gè)部分的內(nèi)容，實(shí)際工作中設(shè)計(jì)Dashboard時(shí)不一定按照那個(gè)順序進(jìn)行，因此在此再?gòu)?qiáng)調(diào)下設(shè)計(jì)Dashboard的設(shè)計(jì)順序以及原則。要先弄清楚目標(biāo)用戶以及使用場(chǎng)景，確定好關(guān)鍵的大約7個(gè)核心指標(biāo)。將用戶整個(gè)流程梳理流暢之后，再開始考慮Dashboard設(shè)計(jì)執(zhí)行。
同時(shí)在設(shè)計(jì)執(zhí)行上也要特別注意幾個(gè)點(diǎn)：
1.突出核心指標(biāo)（7個(gè)左右）
2.信息層級(jí)區(qū)分
3.減少用戶選擇，盡可能默認(rèn)給到用戶需要的數(shù)據(jù)維度
4.界面簡(jiǎn)潔嚴(yán)謹(jǐn)
5.避免過(guò)多顏色與不統(tǒng)一
6.數(shù)據(jù)維度正確圖表選擇
設(shè)計(jì)的注意事項(xiàng)以及建議
1.tob的設(shè)計(jì)師要了解業(yè)務(wù)所處的周期在什么樣的階段。在探索期建議dashboard的設(shè)計(jì)應(yīng)用于市面上現(xiàn)成的組件進(jìn)行搭建，以便與研發(fā)團(tuán)隊(duì)一起為業(yè)務(wù)助力。更好更快的發(fā)展。
2.在tob的dashboard設(shè)計(jì)中，設(shè)計(jì)師要特別注意數(shù)據(jù)表現(xiàn)的落地效果
3.當(dāng)dashboard只在設(shè)計(jì)層面改版，并且改版內(nèi)容過(guò)大時(shí)，推薦保留舊版入口，提前進(jìn)行埋點(diǎn)用戶以便應(yīng)對(duì)用戶對(duì)于大版本適應(yīng)緩解焦慮。如果有新功能或功能調(diào)整要及時(shí)加入一些引導(dǎo)設(shè)計(jì)，以便減少用戶的學(xué)習(xí)成本。關(guān)于引導(dǎo)設(shè)計(jì)的內(nèi)容歡迎參考我的上一篇文章：《B端必看的引導(dǎo)設(shè)計(jì)（一）》
4.允許用戶定制和共享dashboard，雖然不適用于所有的B端產(chǎn)品，如果類似于團(tuán)隊(duì)協(xié)作中多種角色共用一套的dashboard平臺(tái)，可以考慮引入這個(gè)功能。幾組定制模塊可以滿足于不同角色的用戶需求，并且能夠增加dashboard的使用率
5.dashboard關(guān)鍵信息數(shù)據(jù)盡量設(shè)計(jì)在一屏以內(nèi)，作為數(shù)據(jù)可視化，內(nèi)容快速瀏覽獲知全局，并且完成任務(wù)是比較重要的。
6. 突出統(tǒng)計(jì)數(shù)據(jù)的變化并對(duì)異常情況作出反應(yīng)
7.數(shù)字設(shè)置不一定要設(shè)置為右對(duì)齊，但是單位是金額，那么要將金額設(shè)置為右對(duì)齊，為了使用用戶識(shí)別方便，快速比較。
8.設(shè)計(jì)完Dashboard一定要自查一遍，是否真的符合工作人員的使用場(chǎng)景。有沒(méi)有理解不準(zhǔn)確的地方。
為什么b端設(shè)計(jì)師要懂得Dashboard，在很多b端業(yè)務(wù)場(chǎng)景中，有個(gè)特點(diǎn)，設(shè)計(jì)師常常會(huì)接到大量數(shù)據(jù)展示要求。如果設(shè)計(jì)師對(duì)dashboard缺乏認(rèn)知，就有很大的可能性會(huì)造成信息雜亂，并且在Dashboard的界面中充斥著一些無(wú)關(guān)緊要的指標(biāo)，這就是失去了Dashboard存在的意義。另一方面在b端產(chǎn)品中，Dashboard往往是以首頁(yè)的形式出現(xiàn)的,是非常重要的。
文章來(lái)源：站酷 作者：一九互七
藍(lán)藍(lán)設(shè)計(jì)( www.yvirxh.cn )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(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ù)
設(shè)計(jì)驅(qū)動(dòng)已經(jīng)成為 vivo品牌重要的產(chǎn)品和服務(wù)理念。作為設(shè)計(jì)師，這意味著我們?cè)诔薪尤粘ＴO(shè)計(jì)需求外，還要主動(dòng)發(fā)現(xiàn)并解決產(chǎn)品中存在的問(wèn)題。設(shè)計(jì)提案，就是針對(duì)某個(gè)問(wèn)題或機(jī)會(huì)點(diǎn)，系統(tǒng)分析產(chǎn)品現(xiàn)狀并給出解決方案，以實(shí)現(xiàn)設(shè)計(jì)驅(qū)動(dòng)的重要途徑。
除了設(shè)計(jì)提案外，設(shè)計(jì)方法復(fù)盤、行業(yè)分析報(bào)告、流程規(guī)范建設(shè)等也可作為產(chǎn)出對(duì)象，受限于篇幅，本文所介紹的方法主要針對(duì)設(shè)計(jì)提案的選題。
過(guò)去的兩年里，UED 團(tuán)隊(duì)的同學(xué)們共輸出 40+篇設(shè)計(jì)提案，我本人也寫過(guò)幾篇，踩過(guò)一些坑，也積累了一些經(jīng)驗(yàn)?？傮w來(lái)說(shuō)，一份優(yōu)秀的設(shè)計(jì)提案當(dāng)然離不開嚴(yán)謹(jǐn)?shù)姆治鲞^(guò)程、合理的模型選取和可落地性強(qiáng)的解決方案，但更前置的往往是設(shè)計(jì)提案的選題。
選題體現(xiàn)了我們是否定位了產(chǎn)品中存在的重要問(wèn)題或設(shè)計(jì)機(jī)會(huì)點(diǎn)，決定了選用什么模型分析問(wèn)題、產(chǎn)出什么解決方案。
△ 圖1 設(shè)計(jì)提案的執(zhí)行過(guò)程
選題不當(dāng)可能會(huì)導(dǎo)致：寫了一半才發(fā)現(xiàn)設(shè)計(jì)側(cè)根本無(wú)法解決該問(wèn)題（比如解決問(wèn)題主要依賴于內(nèi)容引進(jìn)），或者產(chǎn)出了方案但因問(wèn)題優(yōu)先級(jí)低而無(wú)法落地。因此本文主要基于 UED 團(tuán)隊(duì)的實(shí)踐經(jīng)驗(yàn)，對(duì)目標(biāo)導(dǎo)向的選題常用方法進(jìn)行介紹，以確保我們的提案在“解決正確的問(wèn)題”。
設(shè)計(jì)提案的目的是解決問(wèn)題，但難點(diǎn)在于：要解決的問(wèn)題并不是每次都顯而易見(jiàn)，且不是每個(gè)問(wèn)題都適合用提案的方式去解決，產(chǎn)品有什么體驗(yàn)問(wèn)題、哪些需要用提案來(lái)解決，很多時(shí)候需要我們主動(dòng)去發(fā)現(xiàn)和定義。
目標(biāo)導(dǎo)向的選題方法，就是指從不同的目標(biāo)出發(fā)，通過(guò)分析或拆解目標(biāo)，來(lái)定位問(wèn)題或機(jī)會(huì)點(diǎn)的選題方法（除此之外，我們還可以通過(guò)用戶體驗(yàn)地圖分析、行業(yè)趨勢(shì)分析等來(lái)發(fā)現(xiàn)問(wèn)題，這些本文暫不涉及）。
“設(shè)計(jì)是圍繞目標(biāo)的求解活動(dòng)① “L. Bruce Archer
按照雙鉆模型，確?！弊稣_的事”需要經(jīng)歷發(fā)現(xiàn)到收斂的過(guò)程，將其用于選題便是選題收集、選題評(píng)估兩個(gè)階段。在選題收集階段，我們從體驗(yàn)設(shè)計(jì)所針對(duì)的不同目標(biāo)出發(fā)，通過(guò)對(duì)目標(biāo)的分析和拆解找到待解決問(wèn)題，初步確定多個(gè)選題方向。在選題評(píng)估階段，我們需要對(duì)前一階段得到的若干選題進(jìn)行價(jià)值和提升空間評(píng)估，最終定義出合理的選題方向。
△ 圖2 目標(biāo)導(dǎo)向的提案選題方法
體驗(yàn)設(shè)計(jì)是用設(shè)計(jì)的思維和方法達(dá)到某種目標(biāo)，互聯(lián)網(wǎng)產(chǎn)品的體驗(yàn)設(shè)計(jì)重點(diǎn)關(guān)心的目標(biāo)主要有商業(yè)目標(biāo)、用戶滿意度、戰(zhàn)略規(guī)劃。因此，以目標(biāo)為導(dǎo)向來(lái)收集選題，就是指通過(guò)分析影響以上 3 個(gè)目標(biāo)達(dá)成的關(guān)鍵因素，來(lái)收集多個(gè)備選選題。
通過(guò)拆解商業(yè)目標(biāo)收集選題
通過(guò)對(duì)留存率、日活數(shù)等核心數(shù)據(jù)指標(biāo)的拆解來(lái)定位關(guān)鍵影響因素、確定提案方向，能夠讓提案結(jié)果更易量化、產(chǎn)出方案更易落地。
Step 1 了解產(chǎn)品當(dāng)前階段的主要商業(yè)目標(biāo)
一般來(lái)說(shuō)，產(chǎn)品側(cè)每個(gè)季度或每年都制定 OKR 或 KPI（如將 vivo 商城復(fù)購(gòu)率從 x%提升至 y%、將瀏覽器的日活從 x 萬(wàn)提升至 y 萬(wàn))。設(shè)計(jì)師需要明確產(chǎn)品的核心數(shù)據(jù)指標(biāo)是什么，尤其關(guān)注其中與用戶體驗(yàn)相關(guān)度高的指標(biāo)。以信息流產(chǎn)品來(lái)說(shuō)，如果其內(nèi)容主要來(lái)自于合作商，那么我們更應(yīng)該關(guān)注閱讀時(shí)長(zhǎng)和留存等指標(biāo)，而非資訊內(nèi)容豐富度指標(biāo)。
Step 2 對(duì)商業(yè)目標(biāo)按多個(gè)維度逐層拆解
明確目標(biāo)后，需要對(duì)其進(jìn)行拆解，才能將結(jié)果目標(biāo)轉(zhuǎn)化為設(shè)計(jì)可發(fā)力的過(guò)程目標(biāo)。目標(biāo)的拆解需要確保每次拆解都要符合 MECE（同一維度、不重不漏）原則，常用的拆解維度如下所示。
△ 圖3 商業(yè)目標(biāo)的常用拆解維度
以 vivo 商城為例，假設(shè)其 2021 年的目標(biāo)是：成交轉(zhuǎn)化率提升 47.6%，達(dá)到 0.26%（數(shù)據(jù)已經(jīng)過(guò)脫敏處理）。我們可以對(duì)影響目標(biāo)達(dá)成的要素按照行為路徑進(jìn)行如下拆解（本案例也可按公式法進(jìn)行拆解）：
△ 圖4 成交轉(zhuǎn)化率拆解案例
Step 3 定位影響目標(biāo)達(dá)成的關(guān)鍵因素
結(jié)構(gòu)化拆解目標(biāo)后，即可結(jié)合產(chǎn)品迭代歷史和現(xiàn)狀，對(duì)影響目標(biāo)達(dá)成的關(guān)鍵要素進(jìn)行定位，進(jìn)而初步確定提案方向。接上文案例，由于下單→支付環(huán)節(jié)（即結(jié)算頁(yè)）的體驗(yàn)優(yōu)化剛進(jìn)行不久，且通過(guò)購(gòu)物車下單的用戶占比較少，因此可將提案方向定位至商品詳頁(yè)下單轉(zhuǎn)化率提升，初步確定選題“商品詳頁(yè)下單轉(zhuǎn)化率提升設(shè)計(jì)提案”。
通過(guò)產(chǎn)品戰(zhàn)略規(guī)劃分析收集選題
如果說(shuō)商業(yè)目標(biāo)是產(chǎn)品預(yù)期達(dá)到的結(jié)果，那么戰(zhàn)略規(guī)劃就是達(dá)到結(jié)果所計(jì)劃采取的路徑。從戰(zhàn)略規(guī)劃出發(fā)，構(gòu)建新功能、解決新問(wèn)題，協(xié)助產(chǎn)品達(dá)成戰(zhàn)略規(guī)劃，是提案可嘗試的重要方向。
方法 1 通過(guò)構(gòu)建新功能幫助產(chǎn)品達(dá)成規(guī)劃
不同于商業(yè)目標(biāo)，戰(zhàn)略規(guī)劃往往已經(jīng)給出了接下來(lái)要重點(diǎn)發(fā)力方向、或給出了功能范圍。但一些情況下，規(guī)劃并不會(huì)具體到該方向上要做哪些功能以及做成什么樣。因此，設(shè)計(jì)師可以基于戰(zhàn)略規(guī)劃，以提案的形式對(duì)設(shè)計(jì)機(jī)會(huì)點(diǎn)和方案進(jìn)行詳細(xì)分析，以協(xié)助產(chǎn)品達(dá)成規(guī)劃。
以 vivo 的一款視頻產(chǎn)品為例，為了提升時(shí)長(zhǎng)，產(chǎn)品側(cè)計(jì)劃 Q1 季度提升視頻內(nèi)容消費(fèi)深度，但尚未給出從功能層面具體要做哪些改進(jìn)。因此我們將提升用戶消費(fèi)深度為提案目標(biāo)，深入分析了深度消費(fèi)的現(xiàn)狀和場(chǎng)景，提出了若干設(shè)計(jì)優(yōu)化建議。
方法 2 通過(guò)解決新問(wèn)題幫助產(chǎn)品達(dá)成規(guī)劃
由于產(chǎn)品功能模塊之間存在耦合關(guān)系，規(guī)劃中的新增業(yè)務(wù)可能使得已有功能體驗(yàn)跟不上業(yè)務(wù)要求（比如信息流產(chǎn)品發(fā)力視頻方向，可能會(huì)對(duì)下載視頻的體驗(yàn)帶來(lái)新要求）。通過(guò)分析新增業(yè)務(wù)涉及的場(chǎng)景和使用鏈路，發(fā)現(xiàn)鏈路中可能出現(xiàn)的新問(wèn)題，是從戰(zhàn)略規(guī)劃出發(fā)確定選題的方法之一。
以 vivo 帳號(hào)業(yè)務(wù)為例，有個(gè)性化頭像昵稱的帳號(hào)一直以來(lái)占比都較少，由于之前社交場(chǎng)景較少，這種現(xiàn)狀對(duì)產(chǎn)品體驗(yàn)影響不大。但隨著公司在直播、視頻等內(nèi)容產(chǎn)品投入的增加，社交場(chǎng)景逐漸變多，頭像和昵稱也逐漸成為用戶社交的阻礙因素（比如使得主播與觀眾無(wú)法正常打招呼）。因此我們對(duì)現(xiàn)狀造成的問(wèn)題進(jìn)行了系統(tǒng)摸排，確定了將“提升帳號(hào)用戶信息完整度”作為提案方向。
通過(guò)用戶滿意度分析收集選題
除幫助產(chǎn)品達(dá)成商業(yè)目標(biāo)和戰(zhàn)略規(guī)劃外，提升用戶滿意度也是體驗(yàn)設(shè)計(jì)的重要目標(biāo)?；诋a(chǎn)品用戶滿意度現(xiàn)狀和目標(biāo)分析，我們有望快速定位產(chǎn)品中的低滿意度模塊，確定提案方向和范圍。
方法 1 通過(guò)滿意度調(diào)研數(shù)據(jù)定位問(wèn)題
選題前期可廣泛閱讀相關(guān)調(diào)研資料和用戶反饋，對(duì)產(chǎn)品的滿意度情況有較為全面的認(rèn)識(shí)。用戶滿意度可能來(lái)自于以下渠道：
由于不同渠道（甚至同一份報(bào)告）得到的滿意度數(shù)據(jù)可能較為分散，我們需要將低滿因素按功能模塊歸類，以便更好地定位問(wèn)題。以 vivo 商城為例，通過(guò)閱讀商品詳頁(yè)用戶滿意度報(bào)告，并對(duì)低滿意度反饋進(jìn)行歸類，我們發(fā)現(xiàn)低滿因素主要集中于以下兩個(gè)方面：
△ 圖5 商品詳情頁(yè)評(píng)價(jià)數(shù)據(jù)歸類
明確了低滿模塊及問(wèn)題歸因，便可從問(wèn)題出發(fā)得出提案主題。通過(guò)對(duì) vivo 商城商詳頁(yè)問(wèn)題的歸因，可確定如下提案主題：“商品詳情頁(yè)信息展示優(yōu)化設(shè)計(jì)提案”或“評(píng)論發(fā)表率提升設(shè)計(jì)提案”。
方法 2 通過(guò)用戶情緒曲線分析定位問(wèn)題
即使沒(méi)有滿意度調(diào)研數(shù)據(jù)，或有整體滿意度數(shù)據(jù)但沒(méi)有具體到功能，我們?nèi)匀豢梢酝ㄟ^(guò)繪制用戶體驗(yàn)地圖、分析用戶情緒曲線，來(lái)定位滿意度低的模塊、確定選題方向。
繪制用戶體驗(yàn)地圖的方法和傳統(tǒng)過(guò)程的區(qū)別不大：首先明確產(chǎn)品中用戶的主要任務(wù)或目標(biāo)，列舉出用戶的主要行為路徑；然后基于用戶的目標(biāo)，考慮用戶在每個(gè)環(huán)節(jié)想要的是什么，分析當(dāng)前行為路徑中可能存在的用戶痛點(diǎn)或機(jī)會(huì)點(diǎn)。需要注意的是，由于只是收集提案選題，對(duì)場(chǎng)景和問(wèn)題的分析不必過(guò)于深入，只需發(fā)現(xiàn)哪個(gè)任務(wù)或模塊體驗(yàn)問(wèn)題較多即可。
比如通過(guò)對(duì) vivo 視頻用戶觀影行為的興趣曲線分析，我們發(fā)現(xiàn)看劇方面的體驗(yàn)問(wèn)題不大，但找?。ㄓ绕涫强磩∏暗恼覄。┐嬖诘耐袋c(diǎn)較多，因此可將找劇行為優(yōu)化作為提案方向。
△ 圖6 追劇行為用戶體驗(yàn)地圖（已簡(jiǎn)化，僅供參考）
方法 3 通過(guò)產(chǎn)品功能競(jìng)品分析定位問(wèn)題
如果說(shuō)情緒曲線是通過(guò)分析用戶執(zhí)行任務(wù)的流程來(lái)發(fā)現(xiàn)問(wèn)題，那么競(jìng)品分析則是通過(guò)分析產(chǎn)品所滿足的用戶需求來(lái)發(fā)現(xiàn)問(wèn)題。雖然功能多并不能代表體驗(yàn)好，但基礎(chǔ)功能的缺失也可能帶來(lái)體驗(yàn)問(wèn)題。因此從功能范圍的維度進(jìn)行競(jìng)品分析，定位基礎(chǔ)體驗(yàn)較差、或設(shè)計(jì)機(jī)會(huì)點(diǎn)較多的模塊，也是收集提案選題的方法之一。
為了讓我們?cè)谧龈?jìng)品分析時(shí)更加聚焦，對(duì)于復(fù)雜度較高的產(chǎn)品，我們有必要先按照功能模塊拆分，復(fù)雜度越高拆分粒度越細(xì)，反之則越粗。以 vivo 瀏覽器為例，若只拆分為搜索、信息流模塊則粒度太粗，可將某個(gè)模塊繼續(xù)拆分，以便進(jìn)行競(jìng)品對(duì)比時(shí)更加聚焦。
△ 圖7 瀏覽器信息流功能模塊拆分示例
拆分功能模塊后，接下來(lái)就是選擇競(jìng)品了。需要強(qiáng)調(diào)的是，針對(duì)某個(gè)模塊做競(jìng)品分析，競(jìng)品應(yīng)優(yōu)先選取該功能模塊做的相對(duì)成熟的、有特點(diǎn)的競(jìng)品，而不是只選擇主屬性相同的產(chǎn)品。比如要分析瀏覽器信息流評(píng)論功能與競(jìng)品的差距，選取的競(jìng)品可不局限于瀏覽器類產(chǎn)品，網(wǎng)易云音樂(lè)、今日頭條等 APP 都可作為對(duì)比對(duì)象。
選取競(jìng)品后，可從結(jié)構(gòu)層、框架層等方面對(duì)本品和競(jìng)品間的體驗(yàn)進(jìn)行對(duì)比，以便發(fā)現(xiàn)存在明顯體驗(yàn)短板的功能模塊。為了方便定位問(wèn)題，可通過(guò)模塊子功能對(duì)照表對(duì)完整性進(jìn)行可視化對(duì)比。當(dāng)然也可以從操作反饋、美觀度等維度對(duì)比。
△ 圖8 信息流評(píng)論與主流競(jìng)品功能對(duì)比
找出功能缺失嚴(yán)重、或使用體驗(yàn)明顯低于競(jìng)品的模塊后，可考慮將優(yōu)化該模塊的體驗(yàn)作為選題。比如通過(guò)將瀏覽器信息流評(píng)論模塊與競(jìng)品對(duì)比后發(fā)現(xiàn)，其整體體驗(yàn)均遠(yuǎn)低于競(jìng)品，因此可考慮將“信息流評(píng)論優(yōu)化設(shè)計(jì)”作為提案選題方向。
小結(jié)
以上是 3 個(gè)以目標(biāo)為導(dǎo)向發(fā)現(xiàn)問(wèn)題、收集提案方向的方法，可根據(jù)產(chǎn)品現(xiàn)狀選擇部分或全部使用。發(fā)現(xiàn)問(wèn)題階段一般來(lái)說(shuō)需要至少得到 3 個(gè)以上待選提案主題，以便進(jìn)一步評(píng)估確定。
得到多個(gè)備選主題后，接下來(lái)我們需要對(duì)其進(jìn)行綜合評(píng)估，并最終篩選確定一個(gè)（如果是多人參與，也可以確定多個(gè)）當(dāng)前階段重點(diǎn)著手解決的問(wèn)題。
規(guī)范化選題描述
僅僅一行選題題目并不能幫助我們清晰地了解其價(jià)值和背景，為了方便評(píng)估和對(duì)比，我們需要將選題的描述規(guī)范化。由于設(shè)計(jì)提案選題和研究論文選題過(guò)程類似，因此可以借用《研究是一門藝術(shù)》②中給出的論文選題三段式模板：“我打算寫_，因?yàn)槲蚁隷，這樣就能_”來(lái)清楚定義選題的題目、要解決的問(wèn)題、以及期望達(dá)成的目標(biāo)。比如，我們打算以提升商城評(píng)價(jià)發(fā)表率為提案方向，可將其規(guī)范化描述如下：
△ 圖9 提案選題描述模板
對(duì)選題的價(jià)值和預(yù)期結(jié)果進(jìn)行評(píng)估
通過(guò)模板我們描述了提案要解決什么問(wèn)題、以及解決該問(wèn)題給業(yè)務(wù)帶來(lái)的價(jià)值。接下來(lái)需要對(duì)備選選題按業(yè)務(wù)價(jià)值和提升空間兩個(gè)維度進(jìn)行評(píng)估，目的是排除“問(wèn)題存在但價(jià)值較小”或“價(jià)值大但設(shè)計(jì)側(cè)難以解決”的選題。
當(dāng)備選選題難以決策時(shí)，我們也可以繪制一個(gè)簡(jiǎn)單的二維坐標(biāo)對(duì)其進(jìn)行量化評(píng)估。比如，假設(shè)選題 1 是優(yōu)化購(gòu)物車使用體驗(yàn)，選題 2 是提升商品搜索效率，如果前期預(yù)研發(fā)現(xiàn)設(shè)計(jì)側(cè)提升空間差異不大，但優(yōu)化搜索帶來(lái)的價(jià)值相對(duì)較高，那我們就可初步確定選題 2 為提案方向。
△ 圖10 提案選題評(píng)估維度
與設(shè)計(jì) leader 或產(chǎn)品經(jīng)理溝通確認(rèn)
受限于經(jīng)驗(yàn)和視野，設(shè)計(jì)師個(gè)人對(duì)選題價(jià)值的評(píng)估和設(shè)計(jì) leader、產(chǎn)品經(jīng)理間可能有所不同。因此正式敲定選題前，最好與設(shè)計(jì) leader 及產(chǎn)品經(jīng)理進(jìn)行同步，達(dá)成一致后方可正式開始提案的撰寫。
小結(jié)
該階段的目的是對(duì)前期發(fā)散得到的選題方向進(jìn)行評(píng)估篩選，以便將個(gè)人精力聚焦在提升空間大、價(jià)值大的選題上。為此我們首先需要按模板對(duì)選題方向進(jìn)行整理，再對(duì)選題按設(shè)計(jì)側(cè)提升空間、業(yè)務(wù)價(jià)值大小兩個(gè)維度進(jìn)行評(píng)估，最后與相關(guān)方溝通確認(rèn)，最終敲定選題方向。
文章來(lái)源：優(yōu)設(shè) 作者：VMIC UED.Vector
藍(lán)藍(lán)設(shè)計(jì)( www.yvirxh.cn )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(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ù)
表單已經(jīng)存在了很長(zhǎng)一段時(shí)間，自誕生以來(lái)極大地簡(jiǎn)化了起草申訴和各種法律訴狀的任務(wù)。隨著信息與處理技術(shù)的進(jìn)步，收集數(shù)據(jù)的手段也在不斷發(fā)展，而印刷表單已存在多年，我們可以從其設(shè)計(jì)中學(xué)到一些技巧。
用戶可以在文本欄內(nèi)輸入信息，它們通常以表單和對(duì)話框的形式出現(xiàn)。文本字段組件的設(shè)計(jì)應(yīng)為交互提供清晰的功能支持，使字段在布局中易識(shí)別、易填充和可訪問(wèn)。
以下是組成文本欄的關(guān)鍵要素：
容器：可交互的輸入?yún)^(qū)域；
輸入框：在文本欄中輸入文字；
提示：告訴用戶給出的表單字段是什么信息；
占位符：是所需信息的描述或示例，用戶輸入正確信息內(nèi)容后被替換；
幫助程序或驗(yàn)證文本（可選）：?jiǎn)为?dú)出現(xiàn)或以驗(yàn)證消息的形式出現(xiàn)；
頭部圖標(biāo)（可選）：描述文本字段的輸入類型；
尾部圖標(biāo)（可選）：輸入文本的附加控件，例如清除，隱藏/顯示等。
它們大多數(shù)都是相對(duì)基礎(chǔ)的文本字段類型，被修改成了處理特定類型的信息，例如信用卡號(hào)。以下是我創(chuàng)建的UI中最常用的一些輸入類型示例：
為收集的數(shù)據(jù)提供幫助規(guī)避錯(cuò)誤，讓用戶可以正確的輸入信息，從而使過(guò)程簡(jiǎn)單高效。
文本欄的狀態(tài)可以通過(guò)視覺(jué)提示來(lái)實(shí)現(xiàn)，輸入信息時(shí)的狀態(tài)有以下幾種：未激活、懸停、禁用、激活，驗(yàn)證、錯(cuò)誤。所有狀態(tài)應(yīng)清楚地被區(qū)分開，并在整個(gè)表單和應(yīng)用中保持一致，簡(jiǎn)潔明了，不要誤導(dǎo)用戶。
通常標(biāo)簽定位有三種：頂部、左側(cè)和右側(cè)對(duì)齊。最適合的樣式將取決于表單的大小、主要目標(biāo)、組件庫(kù)和要為其設(shè)計(jì)的平臺(tái)，但它們都有各自優(yōu)點(diǎn)和缺點(diǎn)。
谷歌的“材料設(shè)計(jì)”指南中，普遍使用的下劃線輸入并不是最佳選擇。有趣的是，在一項(xiàng)研究結(jié)果中發(fā)現(xiàn)用戶更喜歡帶圓角的輸入框。
當(dāng)用戶不熟悉所請(qǐng)求的數(shù)據(jù)時(shí)，這是一個(gè)不錯(cuò)的選擇。
優(yōu)點(diǎn)：易于標(biāo)簽伸縮，充分利用垂直空間；
缺點(diǎn)：標(biāo)簽與對(duì)應(yīng)的文本欄，距離過(guò)元，增加用戶閱讀的時(shí)間成本。
與左對(duì)齊標(biāo)簽相比，完成時(shí)間快了將近兩倍。
優(yōu)點(diǎn)：標(biāo)簽和輸入欄靠近，限制了眼睛移動(dòng)的次數(shù)，從而縮短了完成時(shí)間；
缺點(diǎn)：難以快速瀏覽表單并理解所需的所有信息。
在移動(dòng)設(shè)備上效果很好，因?yàn)樗鼈儾恍枰嗟乃娇臻g。
優(yōu)點(diǎn)：用戶可以快讀瀏覽輸入標(biāo)簽和輸入文本；
缺點(diǎn)：需要更多垂直空間。
表單中的所有文本欄，若設(shè)置相同長(zhǎng)度確實(shí)會(huì)顯得非常美觀，但實(shí)際在操作上，卻很難完成。
占位符文本消失會(huì)給用戶制造緊張感，而去掉標(biāo)簽，用戶則無(wú)法在提交表單前檢查他們提供的信息。如果在設(shè)計(jì)時(shí)需要極簡(jiǎn)的表單，可以使用“材料設(shè)計(jì)”的浮動(dòng)標(biāo)簽法。表單內(nèi)的占位符文本還會(huì)使用戶感到困惑，最好在字段外使用提示文本。
使用自動(dòng)完成功能，填寫時(shí)會(huì)幫助填寫及查詢。一般在輸入時(shí)可以看到，對(duì)查詢內(nèi)容按Enter或右箭頭鍵就完成了填寫；
使用Auto-Suggest搜索關(guān)關(guān)鍵字和短語(yǔ)時(shí)，下拉列表會(huì)顯示多個(gè)建議；
預(yù)填充字段會(huì)經(jīng)常使用智能默認(rèn)值，比如通過(guò)IP或地理位置，就能檢測(cè)獲取到用戶所在的國(guó)家和城市，或是根據(jù)常見(jiàn)的場(chǎng)景，自己定義默認(rèn)情況下的內(nèi)容。需要注意的是，電子商務(wù)是一個(gè)例外，請(qǐng)勿預(yù)先設(shè)置與購(gòu)買相關(guān)的任何偏好，比如尺寸或顏色；
還有一種應(yīng)用情境，自動(dòng)完成功能可以幫助用戶做出正確決定或避免錯(cuò)誤，比如用戶轉(zhuǎn)帳時(shí)看到賬戶余額等，請(qǐng)一定要提供該信息。
指的是用戶輸入信息后，可以實(shí)時(shí)檢查輸入內(nèi)容的有效性，而不是等用戶提交表單時(shí)一次性檢查。正確應(yīng)用，降低信息出錯(cuò)率：
在輸入內(nèi)容的文字欄下方顯示驗(yàn)證消息；
不要突然蹦出嚴(yán)重警告，填寫的消息錯(cuò)誤時(shí)，應(yīng)告訴用戶如何解決，而非責(zé)怪。
消除視覺(jué)及認(rèn)知負(fù)擔(dān)，使界面看起來(lái)更加簡(jiǎn)潔。
不要將全名和日期之類的文本分成多個(gè)字段；
不要多次詢問(wèn)相同的信息。
逐步公開，提供必要提示即可，幫助用戶管理復(fù)雜信息。
根據(jù)用戶回答，條件邏輯允許在表單中自動(dòng)顯示、隱藏字段和跳過(guò)頁(yè)面。這種方法不僅可以減少字段數(shù)，而且可以使填寫過(guò)程更像對(duì)話，也更具個(gè)性化。
簡(jiǎn)化表單的最有效方法，其中之一則是為相關(guān)字段進(jìn)行分組。格式塔心理學(xué)里有許多種分組原則，使項(xiàng)目有關(guān)聯(lián)性：接近性、相似性，連續(xù)性、閉合性和連通性。在界面中，如果將數(shù)十個(gè)非結(jié)構(gòu)化字段分組為幾個(gè)可管理的集合，將顯著提高表單的可用性。
一欄布局能為用戶創(chuàng)建一個(gè)清晰的完成路徑；使用多列表單布局，會(huì)導(dǎo)致用戶跳過(guò)實(shí)際需要輸入的字段，將數(shù)據(jù)填寫到其他位置，這會(huì)迫使用戶停止甚至放棄填寫。
有時(shí)，即使刪除了所有不必要的內(nèi)容后，某些表單還是很龐大。將大型任務(wù)分解為一系列的小任務(wù)反倒容易得多，也能激勵(lì)用戶堅(jiān)持到最后。
顯示步驟，直觀地告訴用戶實(shí)際進(jìn)度，這能提高用戶滿意度并激勵(lì)他們繼續(xù)前進(jìn)；
不要細(xì)化表單，太多的步驟非常啰嗦，只會(huì)惹惱用戶；
對(duì)關(guān)鍵信息進(jìn)行總結(jié)以減輕用戶焦慮，在最后設(shè)置復(fù)查步驟，幫助用戶檢查。
如果表單足夠大，可以分成多個(gè)步驟，那么就應(yīng)該有一個(gè)單獨(dú)的、重點(diǎn)明確的界面來(lái)專門處理它。在導(dǎo)航中用其他鏈接會(huì)破壞正常流程，導(dǎo)致邏輯混亂，而且在小型彈出窗口中也不建議使用多步驟表單。
Android或iOS提供了幾種不同的鍵盤類型，每種類型的鍵盤都旨在方便不同類型的輸入。為了簡(jiǎn)化數(shù)據(jù)輸入，在編輯文本字段時(shí)顯示的鍵盤應(yīng)適合該字段中的內(nèi)容類型，同時(shí)也要注意鍵盤出現(xiàn)的位置。將文本字段放在上方區(qū)域，避免滾動(dòng)展示。
允許密碼取消隱藏來(lái)代替多次密碼輸入，這對(duì)于生成密碼的應(yīng)用程序也更有效；
隨時(shí)顯示密碼要求，并顯示用戶滿足了哪些條件，方便查看進(jìn)度；
使用強(qiáng)度表鼓勵(lì)用戶創(chuàng)建更強(qiáng)更安全的密碼。
文章來(lái)源：站酷 作者：UX辭典
藍(lán)藍(lán)設(shè)計(jì)( www.yvirxh.cn )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(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ù)
隨著項(xiàng)目的不斷發(fā)展，設(shè)計(jì)團(tuán)隊(duì)在不斷壯大，設(shè)計(jì)師之間的協(xié)作也越來(lái)越多，相應(yīng)的溝通和協(xié)作成本在不斷增加。如何才能更高效的合作，并把設(shè)計(jì)質(zhì)量和一致性做的更好，是我們需要去解決的問(wèn)題。
本文將以 QQ 動(dòng)漫設(shè)計(jì)系統(tǒng)為例，分享一些過(guò)程中的思考和經(jīng)驗(yàn)，拋磚引玉，希望對(duì)大家有所幫助。
在項(xiàng)目初期，團(tuán)隊(duì)設(shè)計(jì)師的協(xié)作方式是通過(guò)一個(gè)本地的 sketch 規(guī)范文件，以復(fù)制粘貼的方式來(lái)復(fù)用一些元素和控件。在設(shè)計(jì)師協(xié)作人數(shù)不多，UI 控件改動(dòng)頻繁的情況下，這套流程可以比較快速的完成需求。
但隨著項(xiàng)目逐漸成熟，協(xié)作設(shè)計(jì)師人數(shù)變多、UI 控件逐漸趨于穩(wěn)定且需要復(fù)用的地方逐漸變多時(shí)，之前流程的不足就逐漸凸顯出來(lái)。
1. 更新通知缺乏自動(dòng)化
文件更新難以做到及時(shí)有效的通知到所有設(shè)計(jì)師，且需要人工在群里發(fā)通知，告知大家更新了文件。有些設(shè)計(jì)師暫時(shí)可能沒(méi)有相應(yīng)的設(shè)計(jì)需求，可能會(huì)忽略更新后的文件，造成設(shè)計(jì)的不同步?；蛘叩鹊叫枰臅r(shí)候才去群里找更新的規(guī)范文件，版本容易搞錯(cuò)且費(fèi)時(shí)費(fèi)力。
2. 全局組件更新困難
由于組件樣式是通過(guò)復(fù)制或修改的方式應(yīng)用到界面設(shè)計(jì)中，當(dāng)規(guī)范文件更新時(shí)，無(wú)法智能的自動(dòng)更新修改相應(yīng)的組件，需要設(shè)計(jì)師人工核對(duì)哪些地方有修改。這樣很難保證大家的設(shè)計(jì)版本都能得到統(tǒng)一的更新，當(dāng)大家使用的組件版本不一致時(shí)，輸出的界面就會(huì)出現(xiàn)雜亂無(wú)章的情況。
3. 代碼復(fù)用率低
開發(fā)沒(méi)法全局調(diào)用代碼樣式，有些樣式可能需要反復(fù)復(fù)制使用，耗時(shí)費(fèi)力，并因此產(chǎn)生的代碼臃腫，還會(huì)直接影響產(chǎn)品性能。
鑒于設(shè)計(jì)師目前多使用 sketch+xshow 的工作流程，而 xshow 正好也具備云端管理的能力，故決定以 xshow 作為橋梁，建立一個(gè)基于 sketch+xshow 的云端設(shè)計(jì)組件庫(kù)，以非常低的遷移和學(xué)習(xí)成本完成流程優(yōu)化。
優(yōu)化后的流程是把 sketch 本地組件庫(kù)通過(guò) xshow 上傳至云端服務(wù)器，設(shè)計(jì)師通過(guò) xshow 云端功能添加到 sketch 中，并在設(shè)計(jì)文件中嵌入這些云端組件。
這樣做能很好的解決上面說(shuō)的問(wèn)題：
1. 更新通知自動(dòng)化
更新文件不用再靠人工在群里發(fā)通知，設(shè)計(jì)師也不需要去找文件，而是在 sketch 中會(huì)自動(dòng)進(jìn)行提醒。一旦有更新，會(huì)在右上角顯示提醒消息，設(shè)計(jì)師只需要點(diǎn)擊提醒，下載最新組件文件即可完成更新。
2. 全局組件一鍵更新
當(dāng)更新組件庫(kù)文件后，界面中所有之前使用過(guò)云端組件的控件元素都會(huì)自動(dòng)比對(duì)更新前后的差異，方便設(shè)計(jì)師判斷是否更新。這種更新最厲害的地方在于，更新是全局的，也就是一旦你確認(rèn)了更新后的內(nèi)容，所有界面都會(huì)自動(dòng)按規(guī)范進(jìn)行更新而無(wú)需設(shè)計(jì)師再逐個(gè)篩查。這樣做既能保證設(shè)計(jì)稿的一致性，也能大幅提高設(shè)計(jì)效率。
3. 開發(fā)效率和質(zhì)量大幅提升
開發(fā)通過(guò)代碼把一些常用的樣式進(jìn)行封裝，在一些高度復(fù)用的場(chǎng)景中直接調(diào)用。一方面可以通過(guò)調(diào)用的形式減少重復(fù)樣式代碼的復(fù)制，精簡(jiǎn)代碼，降低軟件包體積，另一方面也可以減少不必要的工作量還能方便后期維護(hù)。
想要高效解決問(wèn)題，正確的方法很關(guān)鍵，這里我們用到的方法就是原子設(shè)計(jì)理論。2013 年前端工程師 Brad Forst 將此理論思想運(yùn)用在界面設(shè)計(jì)中，形成一套設(shè)計(jì)系統(tǒng)，包含 5 個(gè)層次：原子、分子、組織、模板、頁(yè)面，這套理論為組件庫(kù)的搭建提供了思路和方法。
在實(shí)際搭建過(guò)程中，因?yàn)榻M件庫(kù)的搭建工作量往往比較大，需要先明確流程和分工，主要包括以下幾個(gè)關(guān)鍵步驟：
1. 明確工具流程
因?yàn)槭谴罱ㄔ贫私M件庫(kù)，所以首先需要有一個(gè)云端工具進(jìn)行管理。針對(duì)以 sketch 為基礎(chǔ)的云端組件庫(kù)來(lái)說(shuō)，常用的工具流程包括 sketch cloud，各類云同步盤，第三方云數(shù)據(jù)庫(kù)自主部署等等。我們選擇的 sketch+xshow 工作流也是基于 xshow 具備云端管理功能，與其他流程本質(zhì)上是一樣的，大家根據(jù)項(xiàng)目實(shí)際情況合理選擇就好。
2. 全面匯總并分類
按原子理論由小到大來(lái)對(duì)常規(guī)控件進(jìn)行匯總并分類。對(duì)于 QQ 動(dòng)漫項(xiàng)目來(lái)說(shuō)，常見(jiàn)的控件類別包括：顏色、字體、圖標(biāo)、按鈕、導(dǎo)航、狀態(tài)欄、彈窗、列表、標(biāo)簽等等。每個(gè)項(xiàng)目所需要整理的組件不盡相同，原則就是對(duì)要復(fù)用的元素進(jìn)行整理。
3. 制作樣式模板
為了便于維護(hù)和提升合作效率，將組件庫(kù)拆分為幾個(gè)不同的獨(dú)立文件，每一個(gè)文件由組件庫(kù)搭建小組成員獨(dú)立負(fù)責(zé)，減少混亂。
如果是有多位設(shè)計(jì)師參與時(shí)，因?yàn)榻M件庫(kù)的元素存在相互調(diào)用的情況，會(huì)遇到到底誰(shuí)先做的問(wèn)題。解決流程分 2 步：
QQ 動(dòng)漫組件庫(kù)一共分了 5 個(gè)不同文件，分別是：基礎(chǔ)、操作、導(dǎo)航、反饋和內(nèi)容。
4. 搭建本地組件庫(kù)
1?? 確定命名邏輯
提升設(shè)計(jì)效率，是組件庫(kù)存在的重要目標(biāo)之一，而合理的組件命名起到了至關(guān)重要的作用。組件的名稱要保證通用性，太獨(dú)立的命名可能不夠兼容其他場(chǎng)景，也會(huì)讓使用的同學(xué)產(chǎn)生誤解。
對(duì)于組件命名，要多與使用的設(shè)計(jì)師一起探討，因?yàn)槊總€(gè)人的習(xí)慣都不同，方不方便因人而異，所以需要做一些平衡。
比如在做圖標(biāo)命名邏輯的時(shí)候，糾結(jié)于要先按尺寸分（圖標(biāo)/序號(hào)類別/尺寸/圖標(biāo)名），還是按功能分（圖標(biāo) / 序號(hào)類別/尺寸/圖標(biāo)名/狀態(tài)），不斷調(diào)整多次，這時(shí)候就需要找大家一起探討，怎么才是最方便的。
命名的方法是盡可能按共用屬性由多到少的順序來(lái)整理。比如，圖標(biāo)共用的尺寸屬性多，就把尺寸歸到上層；如果圖標(biāo)功能分類比較集中，那就把功能名稱歸到上層。根據(jù)實(shí)際項(xiàng)目和設(shè)計(jì)師使用情況的不同，會(huì)有不同的命名形式，命名確保效率就好。
在梳理組件庫(kù)結(jié)構(gòu)命名時(shí)，先用思維導(dǎo)圖描繪一份結(jié)構(gòu)化地圖，方便前期討論及調(diào)整。明確層級(jí)關(guān)系后，用在多人合作時(shí)進(jìn)行參照，從而統(tǒng)一組件庫(kù)層級(jí)。在做這份結(jié)構(gòu)化地圖時(shí)，需要列好全部分類、層級(jí)、具體名稱及示例。
2?? 顏色
顏色庫(kù)的設(shè)計(jì)，需要將產(chǎn)品中可復(fù)用的顏色匯總并分組，比如品牌顏色，按鈕顏色，圖標(biāo)顏色，裝飾顏色等等，這樣可以使得用到顏色屬性的組件更加靈活。顏色的命名規(guī)范是：序號(hào)_功能/淺色 or 深色/序號(hào) _ 屬性 / 序號(hào) _ 狀態(tài)。例如，04 _ 按鈕色/淺色/01 _ 常規(guī)按鈕/04 _不可點(diǎn)
3?? 字體
字體樣式需要做全字重、顏色和左中右三種對(duì)齊方式，因?yàn)榘茨壳?sketch 的組件邏輯，還不能修改嵌套字體的屬性。這些屬性可以對(duì)應(yīng)到組件的命名上，字體組件的命名規(guī)范是：大小/序號(hào)對(duì)齊方式/屬性/用途，例如 42px/1 居左/常規(guī)/主文本。
邊做邊檢查。由于文字組件需要的命名特別多，很容易出錯(cuò)，所以建議是最好每做一組，就檢查一遍。檢查的時(shí)候打開組件樣式，如果在組件預(yù)覽中發(fā)現(xiàn)重復(fù)或者結(jié)構(gòu)不對(duì)的地方，及時(shí)調(diào)整。
多行文本行高要注意。文字的行高要尤其注意，一定要在前期檢查好尤其是多行文本的行高。如果行高前期設(shè)置不對(duì)的話，非常影響后面文本的擴(kuò)展性，在用到多行文本時(shí)會(huì)遇到麻煩。想回頭修改的話，因?yàn)槭亲畹讓拥脑有枰饌€(gè)調(diào)整，所以代價(jià)是巨大的。
所以一定要開始設(shè)置字體組件之前就確定好行高，比如 QQ 動(dòng)漫組件庫(kù)中的文字行高統(tǒng)一用文字大小的 1.5 倍，并取偶數(shù)作為文本的行高。當(dāng)然，這里的行高也不是完全規(guī)定死，有時(shí)候也需要視情況而定。
文本的粗細(xì)。文字的粗細(xì)也是要在一開始的時(shí)候就要設(shè)置周全，最好是給所有字號(hào)的文字都設(shè)置好不同粗細(xì)的組件，盡管可能開始用不到，但會(huì)提升文字的擴(kuò)展性，不然后面添加就會(huì)比較麻煩。
4?? 圖標(biāo)
圖標(biāo)組件最關(guān)鍵的地方在于使用邏輯和圖標(biāo)規(guī)范。比如，我現(xiàn)在做的圖標(biāo)邏輯是：圖標(biāo)/類別/使用場(chǎng)景/具體名稱/尺寸/不同狀態(tài)，主要是按使用的頻次來(lái)整理的。也可以有其他邏輯方式，以方便使用為準(zhǔn)。
圖標(biāo)規(guī)范也會(huì)影響組件庫(kù)的整理和日常使用，在做圖標(biāo)組件時(shí)，需要定義好圖標(biāo)的最大范圍和最小范圍，嵌套起來(lái)使用才不會(huì)出錯(cuò)。圖標(biāo)的規(guī)范要嚴(yán)謹(jǐn)，同一個(gè)尺寸下的圖標(biāo)視覺(jué)面積要保持一致。不然在大小這個(gè)層級(jí)就會(huì)出現(xiàn)，雖然是相同尺寸的圖標(biāo)切圖范圍，但圖標(biāo)的體量看起來(lái)卻并不一致。
將純色或漸變圖標(biāo)中的顏色剝離，并使用顏色組件進(jìn)行嵌套，這樣做既方便替換又能減少圖標(biāo)組件庫(kù)的復(fù)雜度。
對(duì)于圖標(biāo)的多種狀態(tài)，建議做在同一個(gè)層級(jí)中方便選擇。
對(duì)于圖標(biāo)來(lái)說(shuō)，直接對(duì)畫板設(shè)置切片即可，不需要再加切片框。如果你的組件庫(kù)之前用了很多切片來(lái)導(dǎo)出圖標(biāo)，可以用 Automate 插件直接清理或設(shè)置全局的切片，非常方便。
5?? 控件
有了顏色、字體、圖標(biāo)這些基礎(chǔ)元素后再來(lái)制作組件就會(huì)相對(duì)簡(jiǎn)單很多，只需要通過(guò)拼裝把通用性強(qiáng)的組件做出來(lái)即可。這里可能需要注意設(shè)置好布局方式，讓內(nèi)容盒子隨著內(nèi)容的變化而變化。新版 sketch 的布局設(shè)置相對(duì)于老版本的確實(shí)會(huì)方便很多，理解起來(lái)很容易，所以這就不多討論了。
6?? 代碼組件化
在開發(fā)側(cè)進(jìn)行前端 UI 組件庫(kù)的封裝，實(shí)現(xiàn)從設(shè)計(jì)到開發(fā)的樣式統(tǒng)一，提升效率和質(zhì)量。
在優(yōu)先級(jí)上，代碼組件化跟 UI 組件化可以同步進(jìn)行，開發(fā)先寫好框架，然后隨著 UI 組件化的逐步確定，代碼也進(jìn)行相應(yīng)補(bǔ)充。
5. 構(gòu)建云端組件庫(kù)
本地組件庫(kù)構(gòu)建完成后，即可通過(guò) xshow 上傳至云端，再由 xshow 直接添加到本地 sketch 中，完成整個(gè)使用流程的搭建。
6. 權(quán)限與維護(hù)
為了更好的維護(hù)云端組件庫(kù)，避免更新混亂，需要成立組件庫(kù)小組，只允許組件庫(kù)小組成員有編輯權(quán)限。日常需求中，如有新增組件，需提交給組件庫(kù)小組成員審核，通過(guò)后方可上傳至云端組件庫(kù)。
在制作組件文件的過(guò)程中，需遵循先自測(cè)后上傳的原則，避免在上傳后發(fā)現(xiàn)一些諸如命名錯(cuò)誤、遺漏、嵌套混亂等問(wèn)題，造成麻煩。
7. 編寫規(guī)范文檔
文檔的作用是給相關(guān)同事查閱，形成標(biāo)準(zhǔn)化使用流程。一些在組件庫(kù)中難體現(xiàn)的設(shè)計(jì)說(shuō)明、未形成組件元素的使用規(guī)則或一些常見(jiàn)問(wèn)題都可以寫在文檔里。
8. 問(wèn)題與技巧
1??善用插件，提高效率
我其實(shí)是一個(gè)非常喜歡“偷懶”的人，但凡需要重復(fù)，批量的工作，我都覺(jué)得應(yīng)該有更聰明的辦法。這里我推薦幾個(gè)我在做組件庫(kù)中經(jīng)常用到的小插件。
2??不斷測(cè)試
組件庫(kù)的設(shè)計(jì)過(guò)程中，一定要邊做邊測(cè)試，尤其是在前期確立邏輯的時(shí)候，要不斷檢測(cè)是否真的好用。
3??內(nèi)容更新權(quán)限與維護(hù)需要專人專辦
舉例：假設(shè)我負(fù)責(zé)字體，那么后續(xù)所有的字體更新相關(guān)都只找我來(lái)修改。若其他人在組件庫(kù)內(nèi)找不到相應(yīng)的組件搭建頁(yè)面而又特別高頻使用，需要向組件庫(kù)小組提出申請(qǐng)，并由對(duì)應(yīng)組件庫(kù)管理員進(jìn)行更新，不可以私自修改組件庫(kù)內(nèi)容并上傳。
組件化思維不僅僅應(yīng)用在 UI 領(lǐng)域，甚至在各行各業(yè)都需要建立組件化，比如對(duì)于一些時(shí)效性非常強(qiáng)的新聞產(chǎn)品，就需要針對(duì)突發(fā)事件內(nèi)容模板化，以期能第一時(shí)間發(fā)布；如果想追熱點(diǎn)，組件化能夠使得產(chǎn)品具備隨時(shí)跟進(jìn)熱點(diǎn)的能力，提升市場(chǎng)競(jìng)爭(zhēng)力等等。
組件化是一種思維模式，也是如今設(shè)計(jì)師必不可少的能力。通過(guò)組件庫(kù)提升效率能夠讓設(shè)計(jì)和開發(fā)有更多的時(shí)間去打磨產(chǎn)品細(xì)節(jié)，從而打造出對(duì)用戶更加友好的產(chǎn)品，賦能設(shè)計(jì)的價(jià)值。
文章來(lái)源：優(yōu)設(shè)網(wǎng) 作者：騰訊ISUX
藍(lán)藍(lán)設(shè)計(jì)( www.yvirxh.cn )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(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://www.yvirxh.cn