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

導(dǎo)語：本文作者從2015年開始進入B類產(chǎn)品的打造，前后幾年時間進行了行業(yè)內(nèi)容的探索，從概念產(chǎn)品的提出，到產(chǎn)品營收千萬以上，從產(chǎn)品1.0的兩三個功能到后續(xù)迭代二三十個功能的平臺產(chǎn)品，沉淀了一些個人觀點與經(jīng)驗，在此分享出來與大家討論交流，希望能與大家有更多討論。

一、B端產(chǎn)品新定義

1. B端產(chǎn)品與工具產(chǎn)品的差異性

“Word、PPT、PS等軟件算是 B端產(chǎn)品嗎?”

這個問題困擾我很久，以往對B端產(chǎn)品的定義大部分是“面向企業(yè)提供服務(wù)的產(chǎn)品”，但上列的軟件，即可以為企業(yè)服務(wù)，同時也完全可以為個人使用，那么它們算是B端產(chǎn)品嗎？如果不是，那么什么是B端產(chǎn)品？

如果對一個行業(yè)沒有精準(zhǔn)的定位，那么在產(chǎn)品設(shè)計過程中，做出預(yù)判與差異化是非常困難，于是便開始進行了新定義的思考。

“To B”產(chǎn)品大概從2016開始興起，在此之前大部分服務(wù)企業(yè)的線上產(chǎn)品被稱為“后臺”產(chǎn)品，2015年前后，釘釘?shù)纫苿愚k公軟件開始火熱，行業(yè)中開始興起與“To C”產(chǎn)品對應(yīng)的“To B”產(chǎn)品類別。

至此，為企業(yè)提供服務(wù)的產(chǎn)品開始稱為B端產(chǎn)品。但經(jīng)歷了幾年發(fā)展以后，我們發(fā)現(xiàn)這個定義是存在模糊的，有些工具產(chǎn)品即可為個人服務(wù)，也可以為企業(yè)服務(wù)。

B端界定應(yīng)該與企業(yè)目標(biāo)與發(fā)展趨勢相匹配，而我個人認(rèn)為ToB產(chǎn)品，更清晰的定義應(yīng)該是針對“企業(yè)”的特性的來提取與界定出來，“企業(yè)”標(biāo)準(zhǔn)界定是如下描述的：“企業(yè)一般是指以盈利為目的，運用各種生產(chǎn)要素（土地、勞動力、資本、技術(shù)和企業(yè)家才能等），向市場提供商品或服務(wù)，實行自主經(jīng)營、自負(fù)盈虧、獨立核算的法人或其他社會經(jīng)濟組織?！?/p>

其中，目標(biāo)是以盈利為目的，環(huán)境與對象是市場，手段是運用各種要素。

所以我們基于這個目的可以抽離出來，企業(yè)是必須要追求盈利的，并且會不斷的面臨市場競爭，也就需要不斷的拓展企業(yè)本身的產(chǎn)品或服務(wù)體系，以在競爭中站穩(wěn)，最終這些發(fā)展都將帶來企業(yè)的人數(shù)變多、部門變多、職責(zé)變多的情況，所以最終會呈現(xiàn)出一個具備清晰組織形態(tài)的結(jié)果。

我們以是否能支持組織形態(tài)，來判斷一個產(chǎn)品是否為ToB產(chǎn)品，會更加的清晰，例如：Office套件中，個人使用時，是工具，而購買企業(yè)版后，具備了用戶數(shù)量的分配、權(quán)限的分配等功能，那么就是一個ToB產(chǎn)品。

ToB產(chǎn)品界定標(biāo)準(zhǔn)分析框架

“具備組織形態(tài)”，這個定義的實際作用主要為以下幾點：

1）能清晰預(yù)判ToB產(chǎn)品的基礎(chǔ)功能

例如，權(quán)限、角色、部門等相關(guān)功能都是基礎(chǔ)內(nèi)容，需要提前開始建立，并且盡早考慮組件化、組織化。

2）為預(yù)判產(chǎn)品業(yè)務(wù)發(fā)展提供基礎(chǔ)邏輯

例如，基于業(yè)務(wù)與行業(yè)狀態(tài)，核心功能有哪些是必須要做的，哪些是以后很可能需要做的衍生功能，哪些是未來可能合作的第三方功能。

3）為建立業(yè)務(wù)關(guān)聯(lián)性提供預(yù)見性

例如，建立產(chǎn)品框架與功能關(guān)聯(lián)流程時，能預(yù)判出哪些業(yè)務(wù)可能會產(chǎn)生關(guān)聯(lián)，提前建立組件、模態(tài)設(shè)計形式。

4）能為用戶研究體系構(gòu)建分析基礎(chǔ)，提供有效的分析結(jié)果

例如，不同職責(zé)關(guān)注信息不同，決策者看重數(shù)據(jù)統(tǒng)計，管理者關(guān)注權(quán)限與數(shù)據(jù)安全，執(zhí)行者關(guān)注業(yè)務(wù)問題解 決的效率。并且組織形態(tài)下，不同部門的用戶也對功能有著較大差異的述求。

組織形態(tài)示例

二、設(shè)計價值

1. 視覺設(shè)計價值

“為什么要投入那么多資源開發(fā)數(shù)據(jù)界面，甚至制作3D效果？”

這個話題可以引導(dǎo)出視覺設(shè)計在B的核心價值之一，B類產(chǎn)品中的視覺設(shè)計價值，是一個備受討論的話題：

一方面認(rèn)為B類產(chǎn)品中視覺設(shè)計的價值發(fā)揮較弱，不能像C類產(chǎn)品中一樣，可以與運營深度結(jié)合，帶來流量，同時由于B端產(chǎn)品設(shè)計內(nèi)容量較大，使用時偏重效率為主，也較難在情感化設(shè)計方面發(fā)揮出高價值。

而另一方面認(rèn)為，B類產(chǎn)品中視覺設(shè)計的難度不比C類的小，其中設(shè)計規(guī)范、設(shè)計體系、系統(tǒng)化設(shè)計方面，由于產(chǎn)品量級的問題，都相對會復(fù)雜很多。

而我個人認(rèn)為，B端產(chǎn)品的視覺設(shè)計價值，核心應(yīng)該分為兩大方面：

1）是針對決策輸出的內(nèi)容，目的是引流與體現(xiàn)企業(yè)示例，打造光環(huán)效應(yīng)

例如數(shù)據(jù)大屏、數(shù)字化效果演示模塊，這塊是吸引決策者的核心內(nèi)容，可以理解為引流的設(shè)計，這方面的設(shè)計效果可以直接影響老板的購買決策，潛在體現(xiàn)出B類產(chǎn)品供應(yīng)商企業(yè)對產(chǎn)品質(zhì)量、業(yè)務(wù)理解、內(nèi)容設(shè)計的能力，能讓產(chǎn)品快速產(chǎn)生光環(huán)效應(yīng)，引導(dǎo)老板等決策層產(chǎn)生購買意愿。

2）是針對執(zhí)行層輸出的內(nèi)容，目的是降低認(rèn)知成本，提供使用效率，同時也降低設(shè)計研發(fā)成本

例如管理模塊、權(quán)限體系模塊、流程審批與具體任務(wù)執(zhí)行模塊等，針對執(zhí)行層的內(nèi)容，細(xì)分到業(yè)務(wù)場景中，我們都可以理解為在設(shè)計一個工具，而工具強調(diào)“清晰、高效”，所以整體視覺的價值在引導(dǎo)用戶快速使用方面是具備重要價值的。

再一方面，B類產(chǎn)品存在的業(yè)務(wù)模塊多、內(nèi)容量級大的情況，所以視覺設(shè)計在組件化、模塊化、復(fù)用性方面都能降低內(nèi)部的設(shè)計耗時，還有新產(chǎn)品構(gòu)建時的研發(fā)耗時，這也是視覺設(shè)計價值的一部分。

總的來說，B類產(chǎn)品中，視覺設(shè)計價值主要在引流與降本兩方面，體現(xiàn)在以下三點：

1. 引流，即引導(dǎo)決策者對產(chǎn)品產(chǎn)生良好影響；
2. 降低認(rèn)知成本，強化執(zhí)行層客戶的使用效率；
3. 降低團隊內(nèi)部設(shè)計與研發(fā)成本。

展廳大屏效果示例 – 搞定決策者，體現(xiàn)出產(chǎn)品質(zhì)量，打造光環(huán)效應(yīng)

2. 交互設(shè)計價值

相對而言，B端產(chǎn)品中的交互設(shè)計價值更加直觀。

一方面可以明顯的為提高用戶解決業(yè)務(wù)問題的效率做出價值；另一方面在預(yù)判產(chǎn)品發(fā)展，可以為產(chǎn)品避免高成本迭代。

進行長期框架制定上，可以盡力為產(chǎn)品在未來功能大幅增長后，提供依舊可用的框架，并且功能入口認(rèn)知成本低，且易于尋找，這可以為產(chǎn)品在長期發(fā)展中節(jié)省大量的迭代成本。

一個發(fā)展了2年以上的B端產(chǎn)品，在2.0或3.0的版本下可能迭代一次需要研發(fā)投入1~3個月的時間，同時產(chǎn)品需求梳理與設(shè)計研究與落地也可能都要投入1~3個月，甚至以上。

這對產(chǎn)品在與競品賽跑的過程中是即為不利的，一個適應(yīng)業(yè)務(wù)發(fā)展的交互框架，可以很好的解決這個問題。

第三方面的價值是對企業(yè)內(nèi)而言的，主要是降本增效。

利用中臺思維，建立基礎(chǔ)控件、業(yè)務(wù)組件、模塊組件等內(nèi)容，提高產(chǎn)品研發(fā)與定制化項目的效率，降低研發(fā)成本，提供為其他企業(yè)提供服務(wù)的效率，可以極好的提供產(chǎn)品的服務(wù)滿意度。

總結(jié)而言，交互設(shè)計在B類產(chǎn)品的價值在降本與長期口碑兩方面，主要體現(xiàn)以下三個方向：

1. 提高客戶解決業(yè)務(wù)問題的效率；
2. 降低產(chǎn)品迭代成本，為產(chǎn)品在競爭賽道中贏得有利地位；
3. 降低企業(yè)內(nèi)部定制化研發(fā)成本，為創(chuàng)新提供更多的時間。

千牛商家后臺 – 針對實際使用，提高效率，建立良好的框架與組件內(nèi)容，讓產(chǎn)品走的更穩(wěn)、更遠(yuǎn)、更快

三、設(shè)計難點與解決思路

1. 難點1 – 用戶研究

“C端用研方法為何在B端推進時阻礙重重?”，這也是在B類產(chǎn)品設(shè)計經(jīng)常討論的一個問題。

由于B端產(chǎn)品是為企業(yè)所提供的服務(wù)產(chǎn)品，而企業(yè)本身大部分都有其專屬的行業(yè)特性，并且這些行業(yè)差異性非常之大，例如醫(yī)療與物流、教育與企業(yè)服務(wù)，這些行業(yè)中的用戶本身專業(yè)性、生活習(xí)慣、社會關(guān)系、消費偏好都存在不同。

同時每個行業(yè)的專業(yè)術(shù)語、技術(shù)背景也不同，還存在著信息需要保密等狀況，對做用戶研究帶來了巨大阻礙。那么從什么角度來做B端用戶研究會更加快速準(zhǔn)確？這里分享我們常用的方式，總的方向傾向使用定性類的測試與現(xiàn)象觀察分析類的思維。

我們直觀看下B類與C類用戶的區(qū)別：

從上圖中我們可以看到，C類產(chǎn)品受眾大部分是具備同質(zhì)性的，而大部分C類產(chǎn)品的策略也是優(yōu)先吸引的是同類人群。雖然他們在不同地點、不同的年齡，但有明顯共同喜好、習(xí)慣或述求。

而B類場景中，我們經(jīng)?？梢钥吹桨装l(fā)管理者與剛畢業(yè)的年青人在交流。企業(yè)中的客戶，除了同在一個企業(yè)共事是明顯的共性外，年齡、習(xí)慣、消費水平基本都存在差異性，我們從觀察法的角度來嘗試進行B端用戶的特性研究。

其中主要是從本能與習(xí)慣兩個維度來分析，進而得出用戶習(xí)慣與偏好，具體思路如下：

對習(xí)慣的研究，我們可以稱為“認(rèn)知慣性”的研究，大部分人在一個陌生環(huán)境中，面臨選擇時，通常傾向選擇與日常生活環(huán)境相似的色彩、相似的行為順序、相似的語言語調(diào)。

這是人類本能中的一個傾向，很多情況下，我們會選擇更具備安全感的方向，通常熟悉的內(nèi)容與環(huán)境能為我們提供較為安全的感覺。

我們通過觀察用戶的企業(yè)環(huán)境、生活環(huán)境、該群體共同關(guān)注的消費品領(lǐng)域，還有該群體對共同關(guān)注消費品的認(rèn)知等，都能提取出非常重要的認(rèn)知習(xí)慣信息，從這些信息中，我們可以觀察出用戶對事物的認(rèn)知特性，基礎(chǔ)分析邏輯如下：

基于實踐的意識形成過程

我們以一個比較典型的案例來看，在政企行業(yè)的會議中，座位的等級是非常清晰明確的，并且流程極其規(guī)范。所以在很多政企內(nèi)產(chǎn)品中，流程化、標(biāo)準(zhǔn)化是必要的，然后再追求高效。

并且這類人群對信息的正確性與安全性是非常看重的，在安全與效率中，遵循的基本尊則是安全、符合標(biāo)準(zhǔn)是第一位，此時設(shè)計產(chǎn)品時，體驗關(guān)注點需要關(guān)注在如何構(gòu)建一個安全的體系與標(biāo)準(zhǔn)流程上，完成后再去追求高效便捷的易用性指標(biāo)。

如果違背了安全標(biāo)準(zhǔn)的規(guī)則，一味的以C類產(chǎn)品的體驗視角去推動，是容易受阻的。而在滿足安全標(biāo)準(zhǔn)的條件下，再去追求高效便捷，甚至情感化，是更好的一個產(chǎn)品迭代順序，也更利于產(chǎn)品被客戶所接受并營造更好的服務(wù)口碑。

政企行業(yè)的會議示例（圖片來自網(wǎng)絡(luò)）

政務(wù)服務(wù)軟件 – 延續(xù)了政務(wù)體系中的認(rèn)知慣性，強調(diào)清晰、明確（圖片來自網(wǎng)絡(luò)）

在B類產(chǎn)品中，每個行業(yè)看重的指標(biāo)非常不同。每個行業(yè)都應(yīng)該要先建立指標(biāo)體系與指標(biāo)優(yōu)先級，再進行產(chǎn)品設(shè)計規(guī)劃與迭代會更加容易。

例如G端（服務(wù)政府產(chǎn)品）類的，一定要先遵循安全標(biāo)準(zhǔn)，再追求易用性。而在智能硬件行業(yè)中，管理平臺更追求高效便捷，安全問題也重要，但由于安全相關(guān)問題不多，所以會將效率指標(biāo)放的更高。

那么如何研究行業(yè)的業(yè)務(wù)特征，并且制定量化指標(biāo)與系統(tǒng)化思維也是B類產(chǎn)品的重要問題，這是B類產(chǎn)品的第二個難點 – 研究業(yè)務(wù)，接下來我們就來探討一下業(yè)務(wù)研究的方法。

2. 難點2 – 業(yè)務(wù)研究方法

“這個行業(yè)的典型特性是什么？”，相信這個問題在每一個B類系統(tǒng)的設(shè)計師與產(chǎn)品經(jīng)理面前都會呈現(xiàn)出來。前面提到B類產(chǎn)品一個很重要的目標(biāo)是為系統(tǒng)提升效率而服務(wù)，而這個提升效率的對象是什么，需要有清晰的界定。

大部分B類產(chǎn)品解決的問題，都是企業(yè)中的老問題、老流程，通過數(shù)字化的形式，提高以往線下溝通、對接、制作、審批等環(huán)節(jié)的效率問題，以提高解決業(yè)務(wù)問題的效率，降低人力成本，甚至完成以前人力投入量太大而導(dǎo)致無法解決的問題。

了解業(yè)務(wù)場景與核心內(nèi)容，有以下兩種核心方式：

1）收集業(yè)務(wù)以為在線下解決問題的路徑與方式

進行書面類文檔、人與人溝通節(jié)點與交付內(nèi)容的梳理，輸出核心目標(biāo)、關(guān)鍵節(jié)點、整體流程、呈現(xiàn)形式四種內(nèi)容。

2）收集以往使用的平臺系統(tǒng)與專業(yè)工具

由于我們針對的行業(yè)大部分已經(jīng)存在幾十年甚至上百年，所以他們也具備了一些舊的線上系統(tǒng)與對應(yīng)的專業(yè)工具，深入研究這些工具的構(gòu)架、流程、核心界面元素是非常有效的方式，研究完成后，需要輸出業(yè)務(wù)平臺與專業(yè)工具的布局框架布局、常見流程、特色功能、必備功能等內(nèi)容。

通過這兩種方向的內(nèi)容收集與分析，可以幫助大家梳理出以下一些主要內(nèi)容：

• 業(yè)務(wù)核心目標(biāo)
• 業(yè)務(wù)標(biāo)準(zhǔn)流程
• 業(yè)務(wù)關(guān)聯(lián)關(guān)系
• 專業(yè)詞匯
• 以往操作習(xí)慣
• 工具認(rèn)知級別

我們以表格的形式進行梳理，會更加直觀的得出結(jié)果，給出一個大致的示例：

在了解了業(yè)務(wù)后，通常就是對以往業(yè)務(wù)的流程、產(chǎn)品進行優(yōu)化，已達到提升效率的方法。同時，為了驗證優(yōu)化的結(jié)果是有明顯作用的，也就要求要建立出具體的量化指標(biāo)，接下來我們看如何基于業(yè)務(wù)建立量化指標(biāo)體系。

建立量化指標(biāo)的方法：通過業(yè)務(wù)研究了解了關(guān)鍵發(fā)力方向后，需要對優(yōu)化效果進行量化指標(biāo)建立。對于量化指標(biāo)，可以分為內(nèi)、外兩個方向。內(nèi)，指的是對產(chǎn)品本身而言，這個方面中，衡量效率與認(rèn)知成本是核心的指標(biāo)。

由于B類產(chǎn)品邀請客戶參與實際測試的機會較少、門檻也較高，大部分也由于數(shù)據(jù)隱私問題無法采用埋點的形式收集數(shù)據(jù)。

所以在與客戶實際溝通前，進行一輪效率測試是困難，但卻必須的。針對效率計算方式我們先拆解出一個與用戶剝離的方式，直接計算步驟、使用頻率、功能使用者的決策影響力三個要素進行測算，可以使用以下公式：

效率優(yōu)先級 = 步驟 x 功能使用頻率 x 用戶數(shù)量 x 使用成員的決策影響力

（注：使用成員的決策能力在業(yè)務(wù)來看，大部分是老板第一、管理人員第二，執(zhí)行層第三）

計算示例（數(shù)據(jù)制作者 lili）

但對于使用效率而言，單獨計算步驟本身不能代表實際的使用效率。

在有了這部分效率計算維度，最終也是必須要實際用戶配合測試才能得出有效結(jié)果，這個結(jié)果的目的是測試易用性相關(guān)內(nèi)容，例如錯誤率、易學(xué)性、有效性等等，基本邏輯是與定性測試相同。

但由于實測用戶的機會寶貴，并且還有B類用戶真實的實操者對業(yè)務(wù)可能述求不同，習(xí)慣也不同，所以基于他們的測試結(jié)果或者收集的建議會有很大偏差。

為了保證測試結(jié)果的有效性，可以邀請行業(yè)中的三種特性人群進行測試，會得出更好更全面的測試結(jié)果。

1）業(yè)務(wù)專家

他們對業(yè)務(wù)精通，如果行業(yè)內(nèi)有相關(guān)比賽，盡量邀請排名靠前的專家，他們可以提供前瞻性的建議，并且可以提供如何提高業(yè)務(wù)效率的具體思路，對行業(yè)中的人群認(rèn)知也能提供基礎(chǔ)信息。

2）日常業(yè)務(wù)執(zhí)行者

他們每日都會進行日常的業(yè)務(wù)處理，可以提供對業(yè)務(wù)的慣性理解與認(rèn)知習(xí)慣。

3）老板與管理層人員

他們很多是產(chǎn)品或定制化產(chǎn)品的產(chǎn)品審核者，他們平時不經(jīng)常執(zhí)行業(yè)務(wù)，所以對業(yè)務(wù)的具體建議可能會有所誤導(dǎo)，這點需要注意。但他們對產(chǎn)品未來規(guī)劃，還有與競品的對比情況非常清晰，可以很好地反饋出目前設(shè)計的水準(zhǔn)。

從這個三個角色能提供的信息特性如下：

最后，再基于三種不同角色的用戶去建立細(xì)化的量化指標(biāo)，即可完成，例如：

1）日常業(yè)務(wù)執(zhí)行者

關(guān)注效率，指標(biāo)為效率與認(rèn)知，得出的結(jié)果是數(shù)據(jù)測試的結(jié)果。

2）管理層人員

關(guān)注結(jié)果與規(guī)劃，指標(biāo)為認(rèn)知相關(guān)、數(shù)據(jù)密度相關(guān)指標(biāo)，有條件也可以加入凈推薦值（NPS）的指標(biāo)，針對管理層。得出的更多是定性指標(biāo)，結(jié)果是分?jǐn)?shù)。

3）業(yè)務(wù)專家

關(guān)注效率，并能提供創(chuàng)新性的思維與指導(dǎo)。指標(biāo)為效率與認(rèn)知，最好再加入定性維度，與競品做對比分析，得出的結(jié)果是數(shù)據(jù)內(nèi)容與分?jǐn)?shù)。

在了解完整體業(yè)務(wù)，并且也建立了初步的指標(biāo)后，通常需要思考產(chǎn)品框架如何搭建、功能如何組合的問題，目的是希望能搭建一個不錯的框架，讓產(chǎn)品后面避免框架方面的大修改，降低團隊的研發(fā)成本，同時也能更好的應(yīng)對多功能集成述求，并且保證產(chǎn)品體驗與效果不降低。解決這個問題的方法，我們可以使用“系統(tǒng)化思維”。

應(yīng)用系統(tǒng)化思維，搭建穩(wěn)定包容的產(chǎn)品框架?！斑@個產(chǎn)品功能非常多，能不改就不要改”，類似情況在B類產(chǎn)品迭代中時經(jīng)常見到的。

B類產(chǎn)品的迭代邏輯，大多都是由單一功能價值服務(wù)到平臺價值服務(wù)發(fā)展的。這與B類產(chǎn)品制造企業(yè)，從小規(guī)模起家到大規(guī)模后具備客戶群體基礎(chǔ)，有非常強的關(guān)聯(lián)。

B類產(chǎn)品隨著企業(yè)的發(fā)展與增長，需要不停的添加新功能，為制造B類產(chǎn)品的企業(yè)尋找新的發(fā)展方向，以抵御市場競爭，構(gòu)建出有力的壁壘。

由此原因，B類產(chǎn)品在較長時間內(nèi)，都會不停的增加新的功能，并且會經(jīng)常出現(xiàn)三種常見情況：

1. 集成其他產(chǎn)品的功能；
2. 提供接口被其他產(chǎn)品集成；
3. 為大型客戶提供定制化產(chǎn)品，自己打造一個基礎(chǔ)產(chǎn)品的標(biāo)準(zhǔn)平臺。

這三種情況都意為著產(chǎn)品會與其他企業(yè)密切合作，并且自身也需要不停地增加功能。

大部分B類產(chǎn)品的主功能有3或4個，衍生功能有10多個，甚至20多個。而發(fā)展2~3年后的B類產(chǎn)品，迭代成本異常高昂，產(chǎn)品內(nèi)部保證一致性也非常不容易，后期還需要集成其他企業(yè)的功能，并且為客戶提供一致的體驗。

為了解決這一問題，中臺、組件等思維都開始應(yīng)用興起起來，它們都是為了解決功能太多、管理不易、調(diào)整太慢的問題。

而解決業(yè)務(wù)發(fā)展與內(nèi)容調(diào)整效率的問題，主要也有三種思路：

1. 全面了解業(yè)務(wù)情況，構(gòu)建高包容性產(chǎn)品框架；
2. 建立高通用性的基礎(chǔ)控件與組件，還有高頻操作框架的認(rèn)知（例如確認(rèn)與關(guān)閉按鈕的位置等），給集成產(chǎn)品提供規(guī)范與標(biāo)準(zhǔn)，同時面對要調(diào)整時能快速對組件、色彩進行統(tǒng)一調(diào)整；
3. 建立常用業(yè)務(wù)組件，并深入優(yōu)化業(yè)務(wù)組件性能與易用性，并與快速搭建定制化產(chǎn)品。

B類產(chǎn)品的框架搭建，可以從OS系統(tǒng)的迭代邏輯中吸取很好的經(jīng)驗。OS系統(tǒng)也面臨需要建立用戶習(xí)慣認(rèn)知，并且大量接納各類APP或軟件制作商來制作各行業(yè)的軟件，同時要保證產(chǎn)品的一致性。

OS系統(tǒng)從Windows98開始，已經(jīng)迭代了20多年，建立起來非常不錯的框架與接口邏輯，并且OS也是以提供基礎(chǔ)功能為主，例如我們常用的大部分是文件夾、Doc欄等，其他的文本編輯、繪圖等功能，經(jīng)常使用第三方企業(yè)提供的軟件。

我們可以以下圖來對比OS與B類產(chǎn)品的發(fā)展情況：

四、設(shè)計創(chuàng)新方向

1. 視覺設(shè)計創(chuàng)新

B端視覺設(shè)計創(chuàng)新是一個新興探索的方向，由于大部分產(chǎn)品都追求簡潔高效，所以大部分人認(rèn)為視覺難以發(fā)力，創(chuàng)新也較難。但其實在B類行業(yè)中，視覺創(chuàng)新是非常重要的一個部分，并且對核心決策者的決策影響非常大。

視覺創(chuàng)新有三個方向：

1）在數(shù)據(jù)可視化方向的創(chuàng)新

這方面的創(chuàng)新都是針對核心決策者的創(chuàng)新，目的是讓產(chǎn)品的實際價值更加直觀，通常以數(shù)據(jù)可視化的形式呈現(xiàn)，并且也體現(xiàn)出B類企業(yè)的產(chǎn)品研發(fā)設(shè)計水平，讓購買者放心，同時營造出光環(huán)效應(yīng)。

數(shù)據(jù)可視化效果創(chuàng)新示例 – 體現(xiàn)質(zhì)量與效果 – 針對核心決策者

2）在具體業(yè)務(wù)內(nèi)容方向的創(chuàng)新

針對B類產(chǎn)品業(yè)務(wù)特性非常多的特性產(chǎn)生的，所以基于業(yè)務(wù)也需要優(yōu)化的視覺內(nèi)容，例如圖片展示樣式、大小。

同時核心業(yè)務(wù)中的重點元素視覺優(yōu)化也是對提高產(chǎn)品使用效率有直接價值的，這個方向在工具產(chǎn)品中較為常見，例如Teambition采用的卡片任務(wù)與甘特圖形式關(guān)聯(lián)的方式，相對以往多個工具切換，要直觀方便很多。

基于業(yè)務(wù)組件的創(chuàng)新 – 提高效率與降低認(rèn)知負(fù)擔(dān) – 針對實操人員，考慮流程可視化、入口清晰性、操作負(fù)擔(dān)等維度

3）在核心業(yè)務(wù)的重點元素上創(chuàng)新

基于核心業(yè)務(wù)后，還需要再進行細(xì)分，針對核心的組件進行創(chuàng)新，目的也在于提高解決業(yè)務(wù)問題的效率，通常通過降低認(rèn)知負(fù)擔(dān)或提高操作便捷新、信息閱讀便捷性來達成。

依舊以Teambition為案例，在任務(wù)分配的場景下，進行了任務(wù)卡片的創(chuàng)新，而這個創(chuàng)新來源于對任務(wù)責(zé)任人的表達形式、任務(wù)到期提醒信息的信息閱讀便捷型進行了創(chuàng)新。

重點元素優(yōu)化 – 降低認(rèn)知負(fù)擔(dān)并提高效率 – 針對實操人員，考慮動效、大小、圖形語義等維度

2. 交互設(shè)計創(chuàng)新

交互方向的創(chuàng)新，是圍繞著對團隊內(nèi)部的研發(fā)設(shè)計效率、對客戶的業(yè)務(wù)問題效率兩方面進行的，大致有三個方向：

1）基于框架發(fā)展的創(chuàng)新

這個創(chuàng)新的難度最大，需要對業(yè)務(wù)有深入的了解，并且能對行業(yè)發(fā)展與業(yè)務(wù)述求的發(fā)展有準(zhǔn)確的預(yù)判性（這個預(yù)判最好的來源是前面提到的專家與決策者用戶），基于準(zhǔn)確的預(yù)判，并且深入了解業(yè)務(wù)上下游產(chǎn)品的述求與功能聚合性后，才能建立起來一個穩(wěn)定的、具備包容性且清晰的框架。

例如，釘釘在基于微信左中右結(jié)構(gòu)下，進行了更多內(nèi)容集合、工作工具的框架創(chuàng)新，并且為了建立更強的擴展性，在“工作”中采用了web的標(biāo)簽形式，便于進行多功能切換操作。

2）基于核心業(yè)務(wù)的組件創(chuàng)新

具體是從現(xiàn)有產(chǎn)品中，抽離出具備共性的內(nèi)容，并且這些組件是要在業(yè)務(wù)流程中處于核心環(huán)節(jié)的高頻組件，這些組件的優(yōu)化對產(chǎn)品解決業(yè)務(wù)操作效率有明顯的價值，這樣的組件投入資源進行創(chuàng)新才具備核心價值與競爭力。

依舊以釘釘為例，代辦事項是工作中常用的一種提醒工具，對代辦事項組件的建立、查看與提醒流程的組件搭建，既可以有效解決辦公效率問題，也可以減少產(chǎn)研團隊設(shè)計開發(fā)的成本。

3）同樣是對核心業(yè)務(wù)的元素進行創(chuàng)新

這個創(chuàng)新主要是圍繞提高效率進行的創(chuàng)新，通常需要先找到核心業(yè)務(wù)中最高頻的交互元素，然后進行交互形式、交互動效、內(nèi)容操作形式的創(chuàng)新。

這個方向在公開的產(chǎn)品中較少見到精準(zhǔn)有效的創(chuàng)新，我們以國外的郵箱工具Spark為例，在日常工作中，郵件溝通都是較為正式且重要的內(nèi)容。

但由于每個人的事物都較多，有時在概覽完郵件信息后，希望稍晚處理，所以需要做稍后處理的標(biāo)記，SparkMail的基于這個高頻行為，在移動端與PC端都進行快捷的交互優(yōu)化，移動端采用右滑標(biāo)記，Mac端采用右滑或右鍵標(biāo)記的方式。

3. 技術(shù)效果創(chuàng)新

技術(shù)效果創(chuàng)新，同樣也是圍繞產(chǎn)品價值體現(xiàn)的，其中核心的創(chuàng)新為兩個方向，一個是針對決策者的效果創(chuàng)新，另一個是針對實際產(chǎn)品效率的創(chuàng)新。

1）針對決策者的創(chuàng)新 -Web3D與智慧大屏效果創(chuàng)新

這類創(chuàng)新需要與視覺設(shè)計密切合作，視覺效果與數(shù)據(jù)信息的呈現(xiàn)是重點?，F(xiàn)在通常使用的有兩種基礎(chǔ)技術(shù)，一種是與web平臺直接結(jié)合的3D效果，這類大部分使用Threejs的邏輯進行顯示，具體案例可以在ThreeJS官網(wǎng)進行查看。

基于這類技術(shù)，國內(nèi)也退出了跟簡潔化的服務(wù)，例如ThingJS，這類網(wǎng)站大家只需拖動模型就可以做出一定的效果，開發(fā)也比較便于使用，但效果大部分只能做到中等水準(zhǔn)，對電腦的性能消耗也較大。

這類創(chuàng)新建議使用在大型項目的數(shù)據(jù)可視化界面，同時建議作為配置項，針對設(shè)備性能不高的客戶，即時隱藏該功能，避免性能影響帶來使用效率的降低。這里我們以谷歌與Threejs合作的實驗為展示案例：

還有一種效果創(chuàng)新，是針對在大屏展示的項目中的，目前大部分基于Unity進行開發(fā)，對顯卡性能的要求比較高，建議只在演示項目與展廳中使用。

這類創(chuàng)新也非常依賴視覺效果，并且其中的開發(fā)流程與游戲開發(fā)較為類似，需要一名TA（技術(shù)美術(shù)）進行Shader的效果制作，大部分用于園區(qū)、城市級別、復(fù)雜樓宇的效果數(shù)據(jù)可視化展示。

更全面的案例了解可以看下潘洛斯團隊與騰訊大數(shù)據(jù)可視化項目組這篇總結(jié)：《案例：大數(shù)據(jù)可視化 “靈鯤”態(tài)勢感知系統(tǒng)中的理論與實踐》

這兩種技術(shù)效果，針對場景都可進行不同選擇，重大演示場景，需要體現(xiàn)技術(shù)的數(shù)據(jù)結(jié)果，使用Unity進行創(chuàng)新效果最佳。普通使用展示數(shù)據(jù)可視化，可以采用Web3D。如果對3D內(nèi)容沒有述求，可以進行圖標(biāo)可視化的內(nèi)容創(chuàng)新。

2）前端效果創(chuàng)新 – 針對的實際使用者

由于B類產(chǎn)品中，產(chǎn)品要解決大量的認(rèn)知問題與效率問題，前端效果的創(chuàng)新同樣也是圍繞這兩個維度進行的。表層效果的技術(shù)創(chuàng)新，以降低用戶認(rèn)知為目標(biāo)，提高用戶使用效率，例如一些圖片相關(guān)產(chǎn)品中，圖片剪裁、拖動、放大等效果的創(chuàng)新。

還有一些是為產(chǎn)品加載速度創(chuàng)新，例如大量的列表、大量的樹結(jié)構(gòu)等，這類控件的加載速度非常影響用戶解決業(yè)務(wù)問題，而進行越多的創(chuàng)新就越好。這方面作者也不是內(nèi)行，只將通常關(guān)注的網(wǎng)站發(fā)出來與大家分享。

AntDesign團隊的一些新內(nèi)容發(fā)布，網(wǎng)址如下：

• 組件內(nèi)容：https://ant.design/docs/react/introduce-cn
• 圖表內(nèi)容：https://antv.vision/zh

3）工程化創(chuàng)新 – 面對的是團隊內(nèi)部的穩(wěn)定性與效率

工程化在前端開發(fā)中研究的太多，作者從設(shè)計師的角度也無法帶給大家深入的解讀，但可以以此為引子，為大家擴展一些思路。

基本的目標(biāo)是提高解決產(chǎn)品出問題后，查找相關(guān)問題的精準(zhǔn)度與速度，而設(shè)計經(jīng)常遇到的還原度問題也可以用工程化思維進行解決，盡量將前端與設(shè)計最終效果、設(shè)計組件、設(shè)計靈活性的關(guān)系加強，是解決產(chǎn)品質(zhì)量穩(wěn)定提升的一個有效思路。

上半部分就到這里了，后面部分的內(nèi)容主要以具體方法、具體呈現(xiàn)結(jié)果的一些簡單示例為主要內(nèi)容，梳理好后繼續(xù)分享給大家，期待與大家的交流。

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

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