前言

回溯互聯(lián)網(wǎng)的發(fā)展進(jìn)程，從桌面端的撥號(hào)上網(wǎng)，到 5G 移動(dòng)互聯(lián)網(wǎng)，再至人工智能的助力，科技領(lǐng)域正在經(jīng)歷著翻天覆地的變革。未來的數(shù)字世界，在沉浸感、參與度、個(gè)性化等維度對(duì)體驗(yàn)會(huì)提出更進(jìn)階的要求。與此同時(shí)，B 端企業(yè)對(duì)于高效、簡(jiǎn)便、用戶友好的界面需求與日俱增。在 2025 年的當(dāng)下，B 端設(shè)計(jì)師唯有持續(xù)學(xué)習(xí)，適應(yīng)新技術(shù)與新趨勢(shì)，緊密圍繞客戶的業(yè)務(wù)價(jià)值展開設(shè)計(jì)，進(jìn)一步注重實(shí)用性、包容性以及可定制化，方可為企業(yè)客戶塑造出卓越的產(chǎn)品與服務(wù)。

因此，我們結(jié)合釘釘近 10 年的 B 端產(chǎn)品設(shè)計(jì)經(jīng)驗(yàn)，鑒于未來 B 端設(shè)計(jì)趨勢(shì)將展現(xiàn)出多元化、智能化和人性化的特質(zhì)，從 B 端產(chǎn)品個(gè)性化、風(fēng)格與質(zhì)感、界面版式、圖標(biāo)、動(dòng)態(tài)交互等多維度設(shè)計(jì)展開深度研究，與大家一道探討 B 端設(shè)計(jì)的本質(zhì)和趨勢(shì)，期望在真正駕馭 B 端產(chǎn)品設(shè)計(jì)的這條道路上，帶來些許有益的啟迪。

今天要給大家分享的是 B 端產(chǎn)品個(gè)性化，為個(gè)體塑造個(gè)性化形象、提供情緒價(jià)值、增加自信。

一、回顧 B 端設(shè)計(jì)的三個(gè)階段

起步階段：實(shí)用性占據(jù)主導(dǎo)的經(jīng)典傳統(tǒng)風(fēng)

首先，我們把時(shí)間拉回到 2012 年，這是一個(gè)相對(duì)早期的互聯(lián)網(wǎng)時(shí)代。當(dāng)時(shí)，用戶界面的設(shè)計(jì)并沒有現(xiàn)在這樣多樣化。彼時(shí)的 B 端系統(tǒng)，即企業(yè)應(yīng)用，往往以客戶端形式呈現(xiàn)。這意味著用戶需要下載和安裝專門的軟件，而不是像現(xiàn)在這樣通過瀏覽器即可訪問的 Web 應(yīng)用。這種設(shè)計(jì)在靈活性和便捷性上都有局限性，使用體驗(yàn)往往比較繁瑣。

在 2012 年，Ant Design、Element 和 Semi Design 等現(xiàn)代設(shè)計(jì)體系尚未誕生。相比之下，B 端設(shè)計(jì)的整體風(fēng)格顯得非常老舊。許多系統(tǒng)的界面設(shè)計(jì)受到當(dāng)時(shí)流行的工具和軟件的影響，例如 Microsoft Office、SAP 和 Salesforce。這些產(chǎn)品雖然在當(dāng)時(shí)具備了一定的功能性，但用戶界面往往顯得笨重而缺乏美感。

在早期出現(xiàn)這種風(fēng)格的主要原因：

1. 技術(shù)框架限制：在軟件開發(fā)的早期，成熟的前端框架和庫相對(duì)稀缺，開發(fā)者面臨的技術(shù)選擇非常有限。當(dāng)時(shí)的技術(shù)環(huán)境沒有現(xiàn)今豐富的工具和框架（如 React、Vue.js、Angular 等）。在這樣的環(huán)境下，開發(fā)者往往只能集中精力保證功能的實(shí)現(xiàn)，而忽略了用戶界面的美觀和用戶體驗(yàn)。因此，許多產(chǎn)品在設(shè)計(jì)上并未追求精致，而是符合基本的功能需求即可，這也造成了當(dāng)時(shí)許多產(chǎn)品的界面設(shè)計(jì)顯得單調(diào)和過時(shí)。
2. 實(shí)用性的考慮：當(dāng)時(shí)的許多產(chǎn)品，包括著名的 Office 辦公軟件，其界面設(shè)計(jì)也多出于實(shí)用性的考慮，而非美觀或用戶體驗(yàn)的最優(yōu)解。這種認(rèn)知的不足使得設(shè)計(jì)作品呈現(xiàn)出較為粗糙的風(fēng)格，缺乏現(xiàn)代設(shè)計(jì)所追求的精致和細(xì)膩。

發(fā)展階段：設(shè)計(jì)系統(tǒng)呈現(xiàn)簡(jiǎn)潔友好的交互體驗(yàn)

隨著信息技術(shù)的快速發(fā)展，企業(yè)對(duì)于高效管理和用戶體驗(yàn)的關(guān)注也日益增強(qiáng)。Fiori 和 Salesforce 的出現(xiàn)，不僅是產(chǎn)品本身的創(chuàng)新，更重要的是它們引發(fā)了業(yè)界對(duì)于 B 端設(shè)計(jì)重要性的重新認(rèn)識(shí)。過去，許多企業(yè)可能更加關(guān)注功能的實(shí)現(xiàn)，而忽視了設(shè)計(jì)帶來的用戶體驗(yàn)，而 Fiori 和 Salesforce 通過優(yōu)雅的界面和良好的交互體驗(yàn)，成功吸引了用戶的注意力，讓企業(yè)逐漸意識(shí)到設(shè)計(jì)同樣能提升產(chǎn)品的價(jià)值。

在國內(nèi)，Ant Design 和 Element 等設(shè)計(jì)系統(tǒng)相繼發(fā)布，標(biāo)志著設(shè)計(jì)在 B 端產(chǎn)品中的標(biāo)準(zhǔn)化和規(guī)范化。這些設(shè)計(jì)系統(tǒng)提供了一套完整的設(shè)計(jì)語言和組件庫，使得企業(yè)在進(jìn)行產(chǎn)品設(shè)計(jì)時(shí)能夠更加高效、統(tǒng)一。

在中期出現(xiàn)這一趨勢(shì)的主要原因：

1. 企業(yè)內(nèi)部需求增長：隨著企業(yè)規(guī)模的擴(kuò)大和業(yè)務(wù)的多樣化，內(nèi)部系統(tǒng)和工具的復(fù)雜性增加。需要一個(gè)統(tǒng)一的設(shè)計(jì)語言和組件庫，以提高設(shè)計(jì)和開發(fā)的效率，確保設(shè)計(jì)的一致性。
2. 用戶體驗(yàn)的提升：統(tǒng)一的設(shè)計(jì)系統(tǒng)可以幫助提供一致的用戶體驗(yàn)，用戶在不同的產(chǎn)品和模塊中能夠快速上手和適應(yīng)，從而提高用戶滿意度。

當(dāng)下階段：更多人性化的設(shè)計(jì)讓 B 端體驗(yàn)多元包容

在近幾年的 B 端設(shè)計(jì)領(lǐng)域，隨著市場(chǎng)需求的多樣化和技術(shù)的進(jìn)步，各種設(shè)計(jì)理念與風(fēng)格不斷涌現(xiàn)，可以說呈現(xiàn)出“百花齊放”的局面。像我們熟知的有贊、微盟、ONES、Coding，再到 Teams、Salesforce，你會(huì)發(fā)現(xiàn)非常多的產(chǎn)品都在 B 端的設(shè)計(jì)體驗(yàn)上不斷精進(jìn)：

1. 產(chǎn)品設(shè)計(jì)中融入品牌元素和個(gè)性化風(fēng)格，增強(qiáng)用戶記憶點(diǎn)。如：Teams 和 ONES 等通過色彩和插畫設(shè)計(jì)來提升品牌識(shí)別度；
2. 界面中引入更多的動(dòng)態(tài)效果和過渡動(dòng)畫，以提升互動(dòng)體驗(yàn)。如：Coding 和 ONES 等平臺(tái)的操作反饋更加生動(dòng)，讓用戶在操作時(shí)感到更為自然和友好；
3. 暗色模式逐漸流行，滿足用戶夜間使用的需求。如：有贊和微盟等應(yīng)用中增加了暗色模式選項(xiàng)，提供更多的個(gè)性化選擇；
4. 設(shè)計(jì)越來越多地考慮可訪問性，包括色盲友好的配色方案和適應(yīng)各種設(shè)備的響應(yīng)式設(shè)計(jì)。如：Salesforce 在此方面進(jìn)行了積極投入，以確保所有用戶都能順利使用其產(chǎn)品；
5. 各個(gè)平臺(tái)增強(qiáng)了數(shù)據(jù)可視化的能力，以幫助用戶更直觀地理解數(shù)據(jù)。如：微盟和有贊等在儀表盤和報(bào)表中增加了交互式的圖表和信息圖形。

綜上我們看到，B 端設(shè)計(jì)正朝著更加成熟和多樣化的方向發(fā)展，設(shè)計(jì)上也更加注重用戶體驗(yàn)，以滿足企業(yè)與用戶日益增長的需求。未來的 B 端設(shè)計(jì)將適應(yīng)新的時(shí)代背景、新技術(shù)與新趨勢(shì)，緊密圍繞客戶的業(yè)務(wù)價(jià)值展開。

二、未來：超級(jí)個(gè)體時(shí)代下個(gè)性化成為 B 端設(shè)計(jì)趨勢(shì)

超級(jí)個(gè)體引領(lǐng)全新時(shí)代

在這個(gè)全新的時(shí)代，企業(yè)和個(gè)體都會(huì)迎來全新的變化，從企業(yè)層面，隨著 AI 的出現(xiàn)，新的協(xié)作勢(shì)必產(chǎn)生新的流程，不僅包括審批流、工作協(xié)作這樣的日常流程，還有一些沒有被定義的流程。隨著變化的發(fā)生，新的組織形態(tài)已經(jīng)潛移默化地在我們身邊產(chǎn)生，這樣的組織具備新的架構(gòu)、新的成員、新的協(xié)作、新的流程，可以稱之為“超級(jí)組織”。從個(gè)體層面，超級(jí)組織下員工的創(chuàng)造力被不斷激發(fā)，企業(yè)判斷員工的優(yōu)秀標(biāo)準(zhǔn)，不再僅是知識(shí)儲(chǔ)備、學(xué)校學(xué)歷，而是提供創(chuàng)新思路、解決復(fù)雜問題和推動(dòng)變革的能力被放在了更為關(guān)注的位置，而這樣的個(gè)體我們稱之為“超級(jí)個(gè)體”。

這是一個(gè)超級(jí)個(gè)體誕生的年代，他們的能力產(chǎn)出、在組織里的作用，會(huì)遠(yuǎn)遠(yuǎn)大于過去的十年。以個(gè)人為中心，讓個(gè)體發(fā)揮戰(zhàn)斗力的企業(yè)會(huì)得到更大的發(fā)展。因此未來的 B 端設(shè)計(jì)將呈現(xiàn)出“B 端 C 化”的局面，更多的設(shè)計(jì)將逐步為個(gè)體服務(wù)。下面將結(jié)合釘釘?shù)膶?shí)戰(zhàn)案例，探討 B 端設(shè)計(jì)趨勢(shì)中，如何利用個(gè)性化設(shè)計(jì)幫助個(gè)體提升用戶價(jià)值：打造個(gè)體形象、滿足個(gè)體情緒價(jià)值、增強(qiáng)個(gè)體自信。

趨勢(shì) 1：打造超級(jí)個(gè)體個(gè)性形象

企業(yè)的成功不僅依賴于高效的工作流程和團(tuán)隊(duì)協(xié)作，更在于公司內(nèi)部每一個(gè)成員的獨(dú)特性與個(gè)性。每個(gè)人都不是簡(jiǎn)單意義上的“螺絲釘”，而是一個(gè)獨(dú)立的個(gè)體，他們?cè)诠ぷ髦姓宫F(xiàn)出自我，不同的背景、性格和風(fēng)格為團(tuán)隊(duì)帶來了豐富的多樣性。例如，不同的穿著風(fēng)格是員工個(gè)性的重要體現(xiàn)。在一些企業(yè)，員工可以自由選擇他們的著裝，而不是遵循一套嚴(yán)格的著裝規(guī)范。這種自由不僅讓員工感到舒適和自信，更能激發(fā)他們的創(chuàng)造力。試想，一位身穿休閑服裝的設(shè)計(jì)師，或是一位穿著正式西裝的金融分析師，他們的服裝選擇能夠體現(xiàn)出各自的職業(yè)特點(diǎn)與個(gè)性，使得工作環(huán)境更加多元化。

① 設(shè)計(jì)實(shí)踐：動(dòng)態(tài)頭像

以往，大家對(duì)釘釘?shù)挠∠笸浅翋灪蛧?yán)肅的。然而，在新的商業(yè)環(huán)境中，我們希望為用戶帶來更為舒適和輕松的體驗(yàn)，并且關(guān)注每個(gè)個(gè)體的獨(dú)特表達(dá)。頭像是個(gè)體展現(xiàn)給別人的第一印象，我們幾乎很少看到兩個(gè)人設(shè)置相同的頭像，因?yàn)槊總€(gè)人都是獨(dú)特的個(gè)體，為了強(qiáng)化這種獨(dú)特性，釘釘推出了動(dòng)態(tài)頭像設(shè)置功能。動(dòng)態(tài)頭像可以讓員工更極致地展現(xiàn)自己的個(gè)性、創(chuàng)造力，同時(shí)有趣的動(dòng)態(tài)頭像可以引發(fā)同事之間的交流和討論，增加互動(dòng)，提升團(tuán)隊(duì)的凝聚力。

② 設(shè)計(jì)實(shí)踐：個(gè)性資料頁背景

如果說頭像是個(gè)體的「自我形象」，那個(gè)人資料頁就是個(gè)體的「?jìng)€(gè)人說明書」，一個(gè)吸引人的個(gè)性資料頁背景能夠引起大家的注意，這種視覺吸引力會(huì)促使大家更主動(dòng)去瀏覽和互動(dòng)。個(gè)性資料頁背景不僅僅是一個(gè)裝飾，它在很大程度上增強(qiáng)了用戶的社交體驗(yàn)，使得每個(gè)人都可以通過這種方式更好地展示自我。

趨勢(shì) 2：個(gè)性化滿足個(gè)體的情緒價(jià)值

在現(xiàn)代社會(huì)，快節(jié)奏的生活和工作已經(jīng)成為常態(tài)。人們?cè)诟邚?qiáng)度的工作壓力下，常常忙于繁瑣的任務(wù)，往往感到自己的時(shí)間被機(jī)械化的工作吞噬。這種瑣碎的工作方式不僅讓我們的生活質(zhì)量下降，還讓我們的心理感到疲憊不堪。尤其是當(dāng)我們身處一個(gè)沉悶、單一的辦公環(huán)境時(shí)，這種沮喪感更是被放大。

想象一下，早晨踏入辦公室，四周是冰冷的墻壁，昏黃的燈光，員工們面無表情地盯著電腦屏幕，仿佛每個(gè)人都被困在了自己的小世界里。這樣的環(huán)境讓人感到無比壓抑，工作成為了一種機(jī)械的重復(fù)，缺少了創(chuàng)造性和活力。在這樣的氛圍中，思維變得遲鈍，創(chuàng)意也逐漸枯竭。相反，只有沉浸在美好的事物中，借助情感的共鳴和心理的放松，可以為創(chuàng)造力的提升提供良好的土壤。

① 設(shè)計(jì)實(shí)踐：?jiǎn)?dòng)圖標(biāo)

每個(gè)公司的裝修風(fēng)格和辦公環(huán)境都各有特色，它們?cè)诤艽蟪潭壬象w現(xiàn)了企業(yè)文化，反映了公司的價(jià)值觀與追求。釘釘?shù)膯?dòng)圖標(biāo)就類比公司的門頭，是員工開啟新一天工作的第一感受。自釘釘從上線以來，啟動(dòng)圖標(biāo)一直以藍(lán)色為主色調(diào)，簡(jiǎn)單的顏色給人沉穩(wěn)、內(nèi)斂的印象。隨著個(gè)體不斷被強(qiáng)化，我們希望個(gè)體在創(chuàng)作時(shí)能夠展現(xiàn)出大膽和突破的精神，追求不被界定的可能性。在一個(gè)小小的啟動(dòng)圖標(biāo)上，通過采用不同的材質(zhì)、顏色、風(fēng)格去重新定義“無限可能的釘釘”，也是對(duì)個(gè)體的一種激勵(lì)。這樣不僅能為用戶創(chuàng)造一個(gè)更加愉悅和舒適的工作環(huán)境，還能在看到吸引力十足的圖標(biāo)時(shí)，促使他們更頻繁地使用，從而激發(fā)出新的創(chuàng)作靈感。此外，未來釘釘將開放投稿入口，用戶可以提交自己設(shè)計(jì)的釘釘圖標(biāo)，并將其上線到平臺(tái)上。歡迎大家一起參與 DIY 創(chuàng)作！

② 設(shè)計(jì)實(shí)踐：個(gè)性主題

如果說釘釘啟動(dòng)圖類比企業(yè)門頭，那釘釘?shù)钠つw主題就相當(dāng)于員工的辦公間。每個(gè)員工都有不同的喜好和愛好，這導(dǎo)致他們對(duì)工作環(huán)境的需求也各不相同。有些人可能更喜歡簡(jiǎn)約、干凈的辦公空間，而另一些人則可能更傾向于充滿色彩和裝飾的創(chuàng)意空間。和個(gè)性的啟動(dòng)圖標(biāo)一樣，我們?yōu)橛脩舸蛟炝艘幌盗胸S富的主題皮膚。用戶在一個(gè)符合自己風(fēng)格和喜好的環(huán)境中，會(huì)更加愿意投入時(shí)間和精力，這種積極的參與態(tài)度有助于創(chuàng)造力的發(fā)揮。

趨勢(shì) 3：突出個(gè)性，增加自信

自信是創(chuàng)造力和執(zhí)行力的源泉。當(dāng)每個(gè)人的閃光點(diǎn)被看見并被重視時(shí)，他們會(huì)感受到來自團(tuán)隊(duì)和組織的支持，這種認(rèn)可是建立自信的基礎(chǔ)。自信的提升可以激勵(lì)員工更大膽地探索創(chuàng)新，提出不同的意見和建議，從而在工作中激發(fā)出更高的創(chuàng)造性。同時(shí)，自信也增強(qiáng)了個(gè)人在任務(wù)執(zhí)行過程中的決策能力和責(zé)任感，讓每個(gè)團(tuán)隊(duì)成員更愿意主動(dòng)承擔(dān)挑戰(zhàn)。

① 設(shè)計(jì)實(shí)踐：個(gè)人認(rèn)證

在這個(gè)多元化發(fā)展的時(shí)代，每個(gè)人都擁有自己的獨(dú)特價(jià)值與潛力。每個(gè)人都希望被他人認(rèn)可，而展現(xiàn)自己的成就和特長，恰恰是獲得這種認(rèn)可的有效途徑。在這方面，釘釘希望為每個(gè)個(gè)體提供一個(gè)舞臺(tái)，讓他們能夠展示自我，分享自己的榮譽(yù)與成就。這不僅有助于塑造個(gè)人形象，同時(shí)帶來的自信感也能夠在工作中發(fā)揮出更高的創(chuàng)造性和執(zhí)行力。目前釘釘已支持進(jìn)行職業(yè)和學(xué)歷認(rèn)證，接下來還將支持專業(yè)和榮譽(yù)認(rèn)證。讓每個(gè)閃光點(diǎn)都被看到、被重視。

② 設(shè)計(jì)實(shí)踐：個(gè)性 MBTI

協(xié)作并不是標(biāo)準(zhǔn)化的，不同類似的人在一起協(xié)作就會(huì)產(chǎn)生不一樣的火花。對(duì)外傾型（E）的同事更喜歡面對(duì)面交流，而內(nèi)傾型（I）的同事可能更傾向于書面溝通。情感型（F）的同事可能更注重人際關(guān)系，而思維型（T）的同事則更關(guān)注邏輯和事實(shí)，直覺型（N）的人可能擅長從大局出發(fā)進(jìn)行創(chuàng)意構(gòu)思，而感覺型（S）的人則在具體細(xì)節(jié)上表現(xiàn)更好。認(rèn)識(shí)到每個(gè)人的思維和工作方式都是不同的，有助于培養(yǎng)團(tuán)隊(duì)中的心理安全感和認(rèn)同感，讓大家敢于表達(dá)自己的想法。

結(jié)語

隨著超級(jí)個(gè)體的崛起，B 端產(chǎn)品不再僅為企業(yè)服務(wù)，也為個(gè)體服務(wù)，逐漸出現(xiàn)“B 端 C 化”的趨勢(shì)。伴隨這種趨勢(shì)，在未來，在 B 端設(shè)計(jì)中會(huì)更加注重個(gè)體的個(gè)性化設(shè)計(jì)，來為個(gè)體塑造個(gè)性化形象、提供情緒價(jià)值、增加自信。釘釘作為一款企業(yè)級(jí)溝通和協(xié)作工具，一直致力于幫助企業(yè)實(shí)現(xiàn)數(shù)字化，十年來釘釘一直與我們服務(wù)的客戶一同成長，從超大企業(yè)到中小企業(yè)，再到每一個(gè)超級(jí)個(gè)體，我們的關(guān)注點(diǎn)始終圍繞著他們各自獨(dú)特的體驗(yàn)和需求。因?yàn)槲覀兩钪髽I(yè)的成功不僅依賴于產(chǎn)品和服務(wù)的質(zhì)量，更取決于各類用戶的體驗(yàn)。

以上是本期帶來的 B 端設(shè)計(jì)趨勢(shì)之個(gè)性化篇。接下來，我們還將從風(fēng)格質(zhì)感、版式兩個(gè)方面，與大家共同探討 B 端設(shè)計(jì)的本質(zhì)與發(fā)展趨勢(shì)。

作者：釘釘用戶體驗(yàn)