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

在B端產(chǎn)品多產(chǎn)品線的設(shè)計中，經(jīng)常會遇到成本與質(zhì)量問題，而搭建設(shè)計中臺會是一個策略。因此，本文就向我們介紹了搭建設(shè)計中臺的方法、原則與常見誤區(qū)。

01 多產(chǎn)品線的設(shè)計困境

1. 成本問題

（1）重復(fù)設(shè)計成本

多產(chǎn)品線團隊經(jīng)常出現(xiàn)這樣的畫面：各個產(chǎn)品的設(shè)計師互相評（bi）審（shi）時發(fā)現(xiàn)自己費盡心力做的設(shè)計方案（功能、頁面、組件或控件）別人已經(jīng)做過，而且有的還比自己做得好。其實一個產(chǎn)品除了核心創(chuàng)意外，大部分功能都是通用性場景，不同產(chǎn)品線都在重復(fù)設(shè)計解決這些相似的問題。

（2）重復(fù)開發(fā)成本

重復(fù)設(shè)計的方案最后也得連累程序員背鍋，不同產(chǎn)品線的研發(fā)加班碼出來之后發(fā)現(xiàn)隔壁同學(xué)早就已經(jīng)做過同樣的事，腦門上僅剩的幾根秀發(fā)瞬間又掉了幾根。不僅產(chǎn)品線之間存在大量重復(fù)開發(fā)，產(chǎn)品線內(nèi)部也一樣。有個研發(fā)朋友說，其實他不怕改需求，最怕的是團隊換設(shè)計師，每換一個設(shè)計師就得把同樣的東西重新改一遍風(fēng)格，然后重做一遍。

（3）重復(fù)測試成本

同樣一個按鈕，這個設(shè)計師的方案是直角，那個設(shè)計師的方案是圓角；同樣一個toast，這個方案里是2秒，那個方案里是2.5秒……被這種細節(jié)折磨的測試妹子們，看設(shè)計師的眼神總是充滿了殺意。

（4）設(shè)計決策成本

設(shè)計過程需要大量的決策，做什么、怎么做都需要嚴密的思考。重復(fù)的問題和簡單問題浪費了大量的設(shè)計決策成本。

2. 質(zhì)量問題

（1）產(chǎn)品線之間用戶體驗不一致

有沒有過這樣的經(jīng)歷：某產(chǎn)品用得很順手，切換到同系列另一個產(chǎn)品的時候操作方式完全變了個樣。同一公司的多個產(chǎn)品雖然獨立，但使用上往往有很強的關(guān)聯(lián)，目標用戶重合度也很高，然而不一致的設(shè)計理念和風(fēng)格給用戶的體驗是困惑、困難，需要多倍學(xué)習(xí)使用。

（2）產(chǎn)品內(nèi)部用戶體驗不一致

我們公司有一個產(chǎn)品每出一個新版本就得需要資料開發(fā)團隊重新寫一遍詳細的使用說明，資深的實施人員也得重新學(xué)習(xí)過才會用，每個版本的交互方式都可能不一樣，產(chǎn)品內(nèi)搜索器就有五六種。這是復(fù)雜產(chǎn)品常見的問題，復(fù)雜的產(chǎn)品往往有很多功能模塊，可能由不同的設(shè)計師設(shè)計，比如阿里云的用戶管理中心也是如此，一個模塊一種風(fēng)格。

（3）用戶體驗設(shè)計得不到完美落地

大家都知道用戶體驗很重要，但是在研發(fā)資源不足、排期時間緊等情況下，往往最容易被犧牲的就是用戶體驗設(shè)計，因為大部分情況實現(xiàn)功能總是第一位的。這種情況在B端多產(chǎn)品線團隊更甚。

02 哪些團隊會有這些困境

1. 業(yè)務(wù)從單產(chǎn)品轉(zhuǎn)型到多產(chǎn)品的團隊

單產(chǎn)品線轉(zhuǎn)型到多產(chǎn)品線時，產(chǎn)品出現(xiàn)差異、團隊開始分立，轉(zhuǎn)型過程中若沒有快速地適應(yīng)，就會陷入多產(chǎn)品線設(shè)計困境。

2. 設(shè)計、研發(fā)資源不足的團隊

不管是小團隊還是大公司，如果設(shè)計、研發(fā)的人力資源跟不上產(chǎn)品發(fā)展，就會出現(xiàn)以上設(shè)計困境。

3. 產(chǎn)品頻繁快速迭代的團隊

產(chǎn)品迭代頻率越高、周期越短，越容易出現(xiàn)設(shè)計問題。

4. 設(shè)計團隊擴張或設(shè)計人員更換頻繁

設(shè)計人員變化必然會帶來設(shè)計理念、設(shè)計風(fēng)格的變化，變化越大困難越大。

03 為什么會出現(xiàn)設(shè)計困境

1. 產(chǎn)品線之間的隔離墻

不同產(chǎn)品的特點不一樣，包括功能、信息、目標用戶都有自己的特點，與其他產(chǎn)品線必然會有不同。

團隊間信息不對稱，多產(chǎn)品線的之間的交流不像團隊內(nèi)那么及時、充足，往往會有信息不對稱。

2. 設(shè)計不存在唯一答案

用樣的問題可有多種設(shè)計方案解決，大部分情況存在多個最優(yōu)解。

3. 設(shè)計師理念、風(fēng)格、能力不一樣

不同設(shè)計師的經(jīng)歷、能力都不同，對設(shè)計的理解和問題解決方法都會不一樣。

4. 用戶體驗的重要性次于功能

特別是在B端產(chǎn)品中，功能的實現(xiàn)總是第一重要的，在資源有限的情況下，用戶體驗往往被犧牲

04 解決策略

建立設(shè)計中臺，通過設(shè)計中臺將設(shè)計師、研發(fā)、測試從大量的重復(fù)工作中解救出來，將各產(chǎn)品線的用戶體驗保持一致，也保證不同能力的設(shè)計師、研發(fā)輸出同等質(zhì)量的成果。在企業(yè)級業(yè)務(wù)中使用設(shè)計中臺，能大幅度提升設(shè)計、研發(fā)團隊的確定性，節(jié)約無謂的設(shè)計且保持系統(tǒng)一致性，讓設(shè)計者把創(chuàng)造力專注在最需要的地方。

如果把產(chǎn)品設(shè)計比作房屋裝修，在沒有設(shè)計中臺之前，裝修設(shè)計師為不同的房子重復(fù)設(shè)計著桌子椅子等家具圖紙，木工重復(fù)地把木板按設(shè)計圖紙做成家具。而設(shè)計中臺將給每套房子提供現(xiàn)成的圖紙，給木工提供組裝好的桌椅，只要稍加拼裝即可。

05 什么是設(shè)計中臺

設(shè)計中臺是不斷從各產(chǎn)品線實際業(yè)務(wù)中提煉出來的通用性場景，總結(jié)、沉淀之后形成的系統(tǒng)性設(shè)計解決方案，是用于指導(dǎo)各產(chǎn)品線快速、高質(zhì)實現(xiàn)新增業(yè)務(wù)設(shè)計方案的工具。

1. 是燈塔

設(shè)計中臺明確了統(tǒng)一的評價標準，是各產(chǎn)品線的設(shè)計指導(dǎo)方向，使各產(chǎn)品線的設(shè)計風(fēng)格保持統(tǒng)一，不會往不同的方向越走越遠。

2. 是云端大腦

不斷更新進化的系統(tǒng)性解決方案。當(dāng)需要設(shè)計一個方案的時候，都可以從設(shè)計中臺迅速找到標準答案，從功能到頁面、從組件元素都不再需要設(shè)計師重復(fù)決策。

3. 是武器庫

設(shè)計、研發(fā)可直接調(diào)用的組件庫。產(chǎn)品設(shè)計者少不了制作原型圖，設(shè)計中臺提供不同層級的組件素材庫，可直接調(diào)用。研發(fā)同樣，設(shè)計中臺提供對應(yīng)的可直接調(diào)用的前端組件庫。

06 設(shè)計中臺的內(nèi)容

1. 設(shè)計語言

（1）設(shè)計價值觀

提供評價設(shè)計好壞的內(nèi)在標準，并提供有效的設(shè)計實踐所遵循的規(guī)則。同時，它能啟示并激發(fā)設(shè)計原則和設(shè)計模式，為具體的設(shè)計問題提供向?qū)Ш鸵话憬鉀Q方案。如：易用、高效、美觀等。

（2）設(shè)計原則

從設(shè)計理論和實踐出總結(jié)出來的代表性問題及對應(yīng)如何達到設(shè)計價值觀的處理方法，是設(shè)計過程中所依據(jù)的準則。如簡化交互、即時反饋、對齊等。

（3）設(shè)計模式

設(shè)計模式秉承設(shè)計價值觀，針對各產(chǎn)品線中反復(fù)出現(xiàn)的設(shè)計問題給出一般解決方案。設(shè)計者可直接使用設(shè)計模式完成界面設(shè)計；也可以設(shè)計模式為起點，衍生出更具業(yè)務(wù)特性的解決方案滿足個性化設(shè)計需求。包括文案、導(dǎo)航、數(shù)據(jù)錄入、數(shù)據(jù)展示、動效等各種場景與對應(yīng)設(shè)計方案。

2. 頁面結(jié)構(gòu)

（1）頁面結(jié)構(gòu)

頁面的基礎(chǔ)結(jié)構(gòu)，含Header、Content、Sider、Footer等，是所有頁面框架的基礎(chǔ)，盡量提煉出唯一通用結(jié)構(gòu)。例：

（2）頁面框架

在頁面結(jié)構(gòu)基礎(chǔ)上歸類的各種級別的頁面框架，明確每種框架含有哪些結(jié)構(gòu)。例：

（3）頁面內(nèi)容布局

每種頁面框架中最重要的一部分是Content，也就是內(nèi)容區(qū)。內(nèi)容種類很多，每個頁面都不一樣，若沒有規(guī)范，將是出最多問題的地方。雖然內(nèi)容區(qū)沒法標準化成幾種固定格式，但可以制定布局方式，通過基礎(chǔ)規(guī)則有效地規(guī)范頁面內(nèi)容。例：

（4）頁面類型

典型頁面結(jié)構(gòu)與布局方式，盡量覆蓋所有場景，比如列表頁可分為基礎(chǔ)列表、看板式列表、表格式列表、卡片式列表等。例：

列表頁

詳情頁

表單頁

3. 元素規(guī)范

（1）控件

設(shè)計中的基礎(chǔ)元素，如色彩、字體、按鈕、圖標、導(dǎo)航、數(shù)據(jù)輸入、數(shù)據(jù)展示等，是組成頁面的最小通用單位。

（2）組件

有些場景使用一些控件的組合來解決，這種組合若能通用可歸納為組件。如樹形選擇器、日歷、組合過濾器等。

（3）數(shù)據(jù)可視化

對數(shù)據(jù)圖形進行拆解、提煉，抽象出一套數(shù)據(jù)圖形可視化交互視覺規(guī)范，將常用圖表的樣式、數(shù)據(jù)計算方式、動效等組合固化。如餅圖、折線圖、漏斗圖等。

4. 功能解決方案

元素規(guī)范解決了頁面元素級的設(shè)計問題，設(shè)計中臺指導(dǎo)設(shè)計師在什么情況下使用什么樣的元素，并且提供直接調(diào)用的組件；

頁面規(guī)范解決了頁面級的設(shè)計問題，設(shè)計中臺指導(dǎo)設(shè)計師在什么情況下使用哪種的頁面，并且提供可直接復(fù)制的頁面模板，只要按需適當(dāng)調(diào)整內(nèi)容即可；

而功能解決方案解決的是更高一層的問題，即將典型通用功能的解決方法提煉、封裝起來，規(guī)定某個功能采用哪幾個頁面、頁面之間的關(guān)系如何等。在各產(chǎn)品線實際業(yè)務(wù)中可直接采用一整套完整的方案。

5. 設(shè)計素材資源包

將典型設(shè)計模式與設(shè)計規(guī)范內(nèi)容制做成統(tǒng)一的素材資源包，提供給設(shè)計師、產(chǎn)品經(jīng)理等產(chǎn)品設(shè)計者使用，設(shè)計者可快速使用各類通用組件搭建頁面。一般會制作Axure、Sketch等常用原型軟件的Kit。

6. 開發(fā)組件庫

前端工程師將頁面結(jié)構(gòu)、組件等封裝成組件庫，各個產(chǎn)品線實現(xiàn)功能時可直接調(diào)用。

07 搭建設(shè)計中臺的5大原則與誤區(qū)

（一）

原則：整合延續(xù)

誤區(qū)：顛覆重來

設(shè)計中臺不是憑空出現(xiàn)，而是要從各產(chǎn)品線的實際業(yè)務(wù)中提煉出來，它是一套總結(jié)經(jīng)驗。

（二）

原則：通用優(yōu)先

誤區(qū)：個性獨特

越通用的設(shè)計規(guī)范越能解決多產(chǎn)品線的設(shè)計困境，在保證達到設(shè)計目標的前提下，優(yōu)先吸收、采用通用性設(shè)計方式。

（三）

原則：易于開發(fā)

誤區(qū)：天馬行空

好的設(shè)計方案不僅要很好地解決問題，也要能很好地落地。無法研發(fā)實現(xiàn)，或者需要大量研發(fā)資源才能實現(xiàn)的設(shè)計方案將會因為實現(xiàn)困難，最終不能解決或及時解決問題。

（四）

原則：保持迭代

誤區(qū)：一成不變

隨著各個產(chǎn)品的不斷迭代，遇到的設(shè)計場景與解決方案也會不斷更新變化，設(shè)計中臺需要不斷跟進、補充新的內(nèi)容。不會成長進化的設(shè)計中臺無法解決不斷進化的問題。

（五）

原則：靈活應(yīng)用

誤區(qū)：死守規(guī)范

在具體設(shè)計過程中，若有特殊場景可適當(dāng)靈活應(yīng)用設(shè)計規(guī)則，不可為了規(guī)范而規(guī)范，不能為了強行符合規(guī)范而損失了實際場景的設(shè)計目標。

本文由 @梁鋒 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載

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