建築釺

Braze如何融入團隊精神構建我們的信標設計體係

通過Jucelle Lim2022年4月8日

在Braze，我們的平台所做的很多事情就是讓品牌更容易提供產品引人入勝的，有意義的用戶體驗。但我們的工作並沒有就此結束。為了有效地服務我們的客戶，manbetx万博全站客户端我們必須確保我們提供給市場營銷人員、增長團隊和其他使用Braze平台的人的體驗是無縫的和精心設計的。為了實現這一目標，我們在過去的幾年裏合作創建了我們的設計係統Beacon。該係統設置了集中的設計指導，我們組織中的員工可以從中學習和利用，以構建平台的新方麵和優化現有的方麵。

實現Beacon對Braze用戶界麵(UI)產生了顯著的積極影響，並使我們能夠改進和擴展我們的產品設計過程。但是，雖然用戶體驗團隊在實現這一點上發揮了重要作用，但我們不能——也沒有——獨自做到這一點。那麼，讓我們來看看Beacon是什麼，它如何支持更好的終端用戶體驗，以及我們如何成功地與產品管理、工程和其他利益相關者合作，使我們的設計係統成為現實。

什麼是設計係統?

把設計係統看作是一種技術應該如何呈現給使用它的客戶以及如何與客戶交互的願景，同時也是實現該願景的路線圖。manbetx万博全站客户端雖然設計係統通常包括一組設計指導原則和一組組件(接口)模式，旨在優化給定技術的工作流，但其範圍超出了這些元素，涵蓋了從係統治理到客戶支持和文檔的所有內容。

成功地實現和維護一個設計係統是一項重大任務，它需要核心團隊的承諾和專注於功能的產品團隊的貢獻。在Braze，我們發現所有的移動部件和與每個組件相關的用例範圍使得開發Beacon就像創建一種共享語言——不同的涉眾可能以不同的方式做出貢獻，但這不是任何一個人或小組可以獨立完成的事情。

Beacon的一個關鍵好處是，它確保我們通過交付的組件解決的痛點總是與實際的產品或用戶問題具體匹配。因此，當我們的產品管理和工程團隊致力於提高Braze平台中包含的功能集的健壯性時，我們需要確保我們創建的組件與它們一起發展。Beacon讓這一切成為可能，但因為它的覆蓋範圍太廣，而且與用戶和產品環境緊密結合，我們一直需要Beacon核心團隊之外的資源來幫助塑造我們產品的數字體驗。

建立我國的信標設計體係

過去曾有過關於可能創建一個與Braze相關的設計係統的討論，但缺乏任何專門的資源來專注於這項工作，使這個想法處於擱置狀態。當Braze用戶體驗團隊獲得雇傭產品設計師(也就是我)的許可後，情況發生了變化。在我加入Braze之前，我做過大量的品牌和視覺設計工作，這些經驗與我的任務很吻合，因為建立一個設計係統的關鍵部分是標準化如何構建你的技術，包括視覺效果、交互和與每個產品或功能相關的功能。

當我開始這個過程時，我是一個隻有一個人的團隊，所以我的核心目標是弄清楚需要什麼才能從頭開始為Braze構建一個設計係統。就像你對任何一種產品或品牌的改造一樣，我從利用外部設計係統資源和社區開始，對界麵進行內部審計，然後用我的發現來幫助了解在Braze需要建立什麼才能讓設計係統運行起來。

下一個問題是:“我們可以在內部找誰來幫助實現這個目標?”因為我們當時沒有一個團隊專注於我們的設計係統項目，沒有任何專門的工程資源。值得慶幸的是,我的同事肖恩以優異在我們的消息與自動化團隊中，他願意自願花時間幫助我開始實現一些支持創建Beacon所需的基本組件。

隨著時間的推移，我們采用了一種混合模型來構建和維護設計係統，該係統結合了集中式方法(即由單個團隊監督事務)和聯邦式方法(即不同的獨立團隊擁有不同的元素)。在這種結構下，我們的核心Beacon團隊充當項目所有者的角色，為其他人的貢獻建立流程，為什麼可以或不可以進入係統提供指導，並分享相關反饋。

但是，雖然我們的團隊提供戰略監督，但設計係統的某些部分需要來自Braze內部其他個人或團隊的專家指導。例如，當涉及到Beacon中的產品說明、內容策略和數據可視化時，這些領域的大多數決策都由核心團隊之外的利益相關者擁有，他們可以利用特定的專業知識來支持更好的結果。

從建立和維護我們的信標設計係統中學到的3個重要經驗

像Beacon這樣的設計係統必須涵蓋廣泛的潛在主題和指導方針，反映出Braze平台本身的複雜性和細微差別。為了確保我們為Braze客戶提供的產品數字體驗是有凝聚力的，直觀的，並成功地支持他們的客戶參與努力，我們一直歡迎核心團隊以外的外部資源，因為我們manbetx万博全站客户端致力於推出和完善Beacon。

但是，知道你需要依靠其他涉眾和團隊並不等於知道如何從他們的知識中受益。為此，我們確定了在開發Beacon過程中獲得的三個核心經驗，這些經驗可以幫助其他組織開發和優化自己的設計係統。

1.利用特性團隊的專業知識來獲取產品的上下文知識

沒有人是所有領域的專家。雖然我的團隊對Beacon負有最終責任，但堅持監督係統的每一個元素不僅會讓人精疲力竭，還會增加我們所做的設計決策對產品或最終用戶沒有服務的風險。

因為功能團隊本質上比設計係統團隊更接近Braze產品，他們更能以微妙的方式理解產品和客戶的需求，並在產品的變化可能需要Beacon的變化時標記出來。manbetx万博全站客户端通過賦予這些利益相關者權力來監督涉及他們關注領域的設計係統元素，並與他們密切合作以確保與Beacon的其他部分保持一致，我們已經能夠隨著時間的推移改進係統，支持更好的產品體驗。

2.引入外部專業知識和技能集，使合作多樣化

雖然加入功能團隊是完善設計係統的必要步驟，但當涉及到其他涉眾時，這並不應該是道路的盡頭。您的產品、設計和工程組織中的每個團隊都具有獨特的技能和見解組合。

我們在創建Beacon的過程中發現，如果你把不同的個人或團隊引入到這個過程中，你就有機會從他們的觀點和能力中受益。這使得加強協作和擴展設計係統製定的設計標準成為可能，允許它超越組件庫，發展為產品體驗的全麵的、整體的願景。

3.利用內部擁護者來促進宣傳

當你的核心團隊需要創造並完善你的設計係統時，你便不可能充分發揮其潛力。我們發現，對於我們的團隊來說，投入時間和精力來倡導Beacon的長期好處以及在產品中使用它，以激勵Braze中的其他人使用該係統並始終如一地使用它是非常必要的。

我們非常幸運，我們組織中的許多設計師和工程師都重視在整個公司中尋找支持Beacon的機會——例如，在黑客日或演示他們的功能工作時。我強烈建議你尋找將這類工作形式化的方法，將其作為你整體努力的一部分。