http://www.dckjjt.com

「狼雨論壇」泉州網站建設之如何利用設計系統實現設計規模化?

「狼雨論壇」泉州網站建設之如何利用設計系統實現設計規模化?!這篇文章匯集了來自 Google,Spotify,Stealth Startup 和 Gigster 的設計領頭人們分享了他們對于設計系統的看法,以及對系統未來的預測。

如何利用設計系統實現設計規模化?

為了實現快速迭代,設計團隊需要有一個單一事實來源① ,來生成規模化的 UI 語言和流水線式的 UX 規范。這種集中化的設計語言也可以保證品牌在不同渠道和平臺的接觸點上,都能提供一致性的用戶體驗。

因此,通過建立一個包含了設計模式、規則和 UX 規范的信息庫(即設計系統),就可以避免當產品規模化時不一致性的產生。

那么,這些系統如何幫助實現設計規模化?尤其在技術不斷發展的當下 —— 它們是如何應對像語音聊天平臺這樣不斷更新的界面呢?

①在信息系統設計和理論中,單一事實源(SSOT)是構建信息模型和相關數據模式的一種方式,即任何的數據元素都在同一個地方存儲(或編輯)。通常這一概念被公司用作其信息結構的一部分,來保證公司成員在做出商業決策時依賴的是同一個數據。

 

設計系統的必要性

“如今設計所面臨的問題不是缺乏技術或者人才,而是一個設計系統。因為當你想從只有幾個設計組件的界面擴展到一個擁有成熟模式的平臺時,設計無法直接通過增加人手來實現規模化,這樣做的結果只會是使問題更加復雜化…… ”

—— Vikram Babu,Gigster 產品設計師

設計系統只是一個起點。

一個全面的設計語言需要覆蓋整個用戶旅程,理解產品背后的服務設計可以幫助我們快速掌握用戶與產品的所有接觸點。設計系統帶來了可預測和一致性的用戶體驗,同時也在新技術和新平臺的交織下伴隨著產品不斷地進步。

Chris Messina 完美地表述了這一觀點:“設計系統就像是針對品牌熟悉的產品領域,繪制出的一張便捷、集中化,并且不斷進化的地圖,為品牌探索新的領域指明方向。”

通過設計系統進行戰略性思考,設計團隊可以建立一個可規模化的框架,從而創造出能夠快速迭代和輸送新體驗的實用性產品。

“設計系統提供了一個共享平臺,方便人們用來創作,并合力打造出一個精心設計的結果。”

 

設計可以被規模化

“簡單來說:設計系統使團隊成員的意見達成一致,因此他們的共同產出能體現出這種意向性。”

—— Stanley Wood,Spotify 設計總監

當 Spotify 設計總監 Stanley Wood 在 2012年剛加入他的設計團隊時,他對 Spotify 不同產品中所包含元素的不一致性感到震驚。由于重新設計不能在保留原有設計方向的基礎上消除這種不一致性,他決定依靠自己來找到可行的解決方案。

他提出一個問題:“有什么辦法可以讓一個集中了多個時區、項目,甚至是具有相互競爭性質的設計師團隊能更好地合作,創造出具有一致性體驗的產品?”

2013年,團隊建立了一系列的原則來規范設計和實現成員間的意見共享。意識到真正的挑戰來自于對這些原則的維護,團隊將這些原則變成了 Spotify 自己的設計語言 GLUE②,被公司的每一個成員所使用。Stanley 指出,作為一種匯集了相同樣式和組件的設計工具,UI 工具包對于 Spotify 每一個項目的啟動是必不可少的。

②GLUE:a Global Language for a Unified Experience,即一種為了打造一致性體驗的全球化語言。

如何利用設計系統實現設計規模化?

Spotify 指南第一版

“設計系統改變了我們看待問題的角度,它為設計師提供了一個共享的平臺,用來創作并合力打造出一個精心設計的結果。而不再是兩個設計師面對同一個問題,沒有任何目的性地提出完全不同的解決方案。”

“這不僅給我們帶來了更高的效率,更重要的是,它也讓我們能站在用戶的視角看待問題。” Stanley 說。

 

切實可行的設計規模化

Gigster 的產品經理 Vikram Baru,正在構建一種設計系統,旨在幫助改善從設計到開發環節中的溝通交流,以及規范 Gigster 進行原型測試時所用的可用性原則 。

為了避免同一個項目中不同經驗等級和專長的設計師們之間的差異,Vikram 的團隊對已有的前端框架進行了研究,開發出一個與 React 里組件相對應的 Sketch 庫。

“現在我們繪制出的原型界面,其中超過75%的界面具有良好的名稱和規范化的 Sketch 符號,開發人員可以通過 React Storybook快速編譯。”

“通過這種方式,我們的設計和前端開發工作已經實現了真正的自動化生產,因此即使是一個小團隊也能有精力專注在像故事板和敘事性體驗等其他事情上。”

 

如何利用已經建立的心理模型和設計語言帶來全新的體驗

應用程序 Hire 的設計負責人,來自 Google 的用戶體驗設計總監 Sara Ortloff Khoury ,向我們闡述了設計規模化有時候就是將自己產品的現有功能變得更加突出和貼合實際,并趕超其他競品,為終端用戶提供更好的價值。她的設計團隊通過觀察自身已有用戶的行為來獲得靈感,而不是建立一個全新的UI語言。

如何利用設計系統實現設計規模化?

Hire

通過統一使用 Google 自己的簡單、易操作的效率工具 Material 設計系統,Sara 團隊提高了應用程序的易操作性和熟悉性。即 Sara 所說的:利用一樣的設計系統創造出完全不一樣的體驗。

“為了獲取有關矛盾來源的第一手資料,我們的團隊花了大量時間觀察來自幾百家公司的團隊是如何合作篩選、面試和招聘人才的。同時在這之中,我們也了解到求職者是如何尋找工作的。”

我們發現 Google 工具在整個招聘階段中普遍地被許多公司和求職者使用。例如:Gmail(谷歌郵箱)被用于求職者和招聘團隊間的溝通交流,Google 日歷被用于商定面試的日期,Hangouts Meet(谷歌電話)被用于遠程面試,Google Docs 和 Sheets (谷歌文檔和表格)被用于追蹤求職者和進程。

“全球化設計語言帶來的影響甚至可以大到激發出全新的產品。”

通過這項調查,我們知道了招聘團隊喜歡使用 GSuite (谷歌應用套餐)—— 因此我們就在 GSuite 中設計了一款應用程序,不僅讓客戶可以繼續使用他們喜歡的工具,并且彌補了 GSuite 作為招聘工具中的不足,為其增加了新的商用價值。

通過利用 Google 效率工具現有的心理模型和已被全球化認可和使用的 Material 設計語言,Sara 團隊成功地發布了應用程序 Hire —— 一款為解決一個核心問題而整合多個具有相同設計系統的應用程序。

Sara 團隊已經向我們證明為用戶服務的設計系統不僅能被規模化,而且能激發出新的,并能被輕松采用的解決方案。

 

設計語言的未來

設計的一個重大轉變,也是設計師們應當肩負起的職責,是語音聊天界面的出現,它帶來了對強大的內容營銷策略的需求。Chris Messina 指出這一任務已經從市場營銷人員身上,快速轉移到了設計團隊的肩上。作為 Uber 的高級設計師,Chris 使用過公司內部的設計語言,并見證了 UI 設計作為一門實踐和學科的演變。

“投入到設計系統中的想法和精力,顯然在提高設計師的進步和合作效率,特別是當下,需要跨越多樣化場景進行產品設計時就產生了明顯的益處。”

如何利用設計系統實現設計規模化?

如今聊天類應用程序的活躍用戶數量已經高于了傳統強勢的社交類應用程序

這些多樣化的設計場景,包括了有時我們需要使用一些用戶不可見的隱藏圖層和上下文本,尤其是在語音界面的設計中。而這些不可見元素的體驗也是要被慎重考量的。同時,為了設計能夠適應快速變化場景的需求,我們必須開始思考設計語言的未來。

“設計不僅僅只是視覺,如今它還包括了聲音、表達方式以及潛在的發展方向。”

—— Stealth Startup 產品部長 Chris Messina

伴隨人工智能的出現開始形成一條倫理和道德標準,設計出能帶來最佳語音聊天體驗的方案和 用戶體驗模式,也是設計師正面臨的新挑戰。未來的設計語言可以堅守“以人為本”這一設計原則,來確保設計師可以填補產品有用性和侵犯性之間的鴻溝。

Sara Ortloff Khoury 十分感興趣設計將會在語音和人工智能界面發展的帶動下如何進化,她指出,用戶體驗專業人員必須要深入學習智能系統的實際運作知識,才能確保他們能夠解決滿足人類需求的實際問題。

“為了能在設計需要規模化時成功地提供解決方案,用戶體驗專業人員必須快速了解并適應人工智能和機器學習對產品設計帶來的與日俱增的影響。“

“由于技術進步的發展和智能化,從用戶的立場出發變得越來越重要。”Sara 補充道。

無論是界面還是體驗,品牌體驗都需要先了解一個產品或者品牌想傳達什么樣的感受。無論技術如何,在實現使用目的的同時,這一體驗給用戶帶來怎樣的感受才是未來設計語言應該考慮的首要目標。

因此,這種對目的和感受的關注,以及設計于無形之中的趨勢,都要求設計系統能夠提供大量的應用場景及配套解釋,來告訴我們如何將一個既定的設計原則應用于新出現的技術當中。

“在直接實施一個系統之前先解釋其背后的原因。”

—— Vikram Babu,Gigster 產品設計師

鄭重聲明:本文版權歸滿山紅SEO培訓/黑帽SEO/快速排名原作者所有,轉載文章僅為傳播更多信息之目的,如作者信息標記有誤,請第一時間聯系我們修改或刪除,多謝。

宅男福第一福利导航