設計上的合理優化疊代，于企業和個人而言都有一定作用，但是面對複雜的實際業務，設計人員要如何做好問題洞察、并提出系統化的解決方案？本篇文章裡，作者結合房産業務的設計思路，對SaaS業務設計做了一定分享，一起來看。
SaaS業務設計本質上屬于B端産品設計， 但是房企業務因行業屬性的獨特性也帶來了設計層面的差異性。
筆者将自己在房産業務的設計心路分享跟大家，一方面希望幫助大家一定程度上了解面向大型B端地産客戶的SaaS業務，另一方面也希望從“設計支撐”及“設計賦能”2個次元為大家帶來新鮮的視角。
一、房産業務介紹
房産消費市場存在兩類重要角色，一類是供給側的「房産」，另一種是需求側的「消費者」。
供應側在拿地後，通常需要設計、成本、營銷等多角色的介入，基于一定的裝修标準完成建築設計、戶型設計，産出室内精裝設計方案。
精裝方案的産出物之一“室内效果圖”會作為新房營銷的物料，組合以其他賣點，被營銷部門用于新房營銷宣傳，以吸引消費者購買。在交房前半年-1年的時間内，物業（房産旗下或合作物業）與裝修裝飾公司合作，為業主提供部分定制化的硬裝裝修、軟裝購買等服務，定制裝修内容随精裝房傳遞時一起傳遞。
圖1 房産供給與消費鍊路
房産的業務正是貫穿了【精裝設計】【新房營銷】【物業美居】三條鍊路，拉通成本、招采、設計、營銷、成本等多角色的一體化設計方案。房産業務本身涉及角色多，鍊路也相當複雜，上述内容隻是對目前房産業務涉及的内容進行簡單概括，以幫助大家對業務形成基本的認知。
二、介紹疊代思路
業務從零開始時，往往不會直接進入産品開發，而是基于初版的解決方案去驗證市場，拿下标杆客戶。基于标杆客戶的背書，将解決方案售賣給更多客戶。
觸達和簽約客戶數量增加後，業務側可收集更多的回報，對行業的認知也更加深入，此時可提煉通用的業務訴求，沉澱标準化的産品和能力。并且不斷完善和打磨産品，最終将其售賣給更多的客戶。
圖2 業務疊代思路
對于創新業務而言，打造讓客戶滿意的解決方案、開拓市場是重中之重。而對設計而言，助力解決方案的售賣和标準化産品的打造是設計賦能創新性業務的核心切入點。是以，設計側經過系統的思考和規劃，推動了房企視覺更新、規範庫建設等設計實踐内容來助力房企業務的發展。
三、洞見問題——推動房企視覺更新
1. 背景
設計側運用問卷調研、訪談、設計洞察等，梳理房企業務在現階段存在的問題，主要聚焦在5個方面。
- 視覺風格：統一性與美觀性不足，無法展現“房産”特性。
- 内容傳達：宣傳物料上的内容無法有效傳達房産業務核心價值。
- 營銷管道：尤其線上營銷管道薄弱，主站-房企頁面通路量極低。
- 宣傳能力：營銷物料缺乏，且已有物料無法更好的曝光品牌和業務價值。
- 定制化需求：房産客戶存在符合自己品牌調性的定制化視覺訴求。
加之房企業務的快速發展，初步形成了房企鍊路下相對成熟和完整的産品體系，對外營銷的需求越來越強烈，亟需對房企業務進行統一的視覺更新，助力業務明确自身定位，樹立品牌形象，增強對外營銷和推廣能力。
圖3 項目背景
2. 目标與設計規劃
經過設計調研、業務方回報及設計内部研讨（ux&ui&創意視覺共創），明确目前主要三個核心目标：
- 探索視覺風格：形成符合房産特性的視覺風格，以指引後續一系列的品牌設計。
- 品牌形象與認知：明确房産定位，樹立高端的品牌形象，從視覺表現層面引導獲得客戶的認同。
- 客戶觸達與轉化：強化營銷管道和宣傳推廣能力，助力業務觸達客戶，促進商機轉化。
在具體規劃層面，選取【産品側】和【營銷推廣側】作為核心切入方向，不同角色的設計師分工協作，制定詳細的設計任務并推動業務側一起完成。
- 産品側：重點在于開發通用化的配置能力滿足客戶的定制化需求，包含主題風格、主題顔色、導航配置、菜單文案配置等，按鈕的配置等。
- 營銷推廣側：重點在房企VI系統建設、宣傳能力更新、營銷管道優化，期望從傳播内容-傳播媒體-傳播管道等方面進行全方位的更新。
圖4 目标與規劃
3. 視覺更新内容産出
1）助力業務明确自身定位
通過問卷的方式對20+的房産營運、銷售、售前、産品、解決方案等角色進行調研，并且聯系關鍵角色進行頭腦風暴，明确房産業務名稱、定位、slogan和關鍵詞，在後續的銷售和營運推廣環節中統一運用，并為房産視覺更新項目的開展提供方向指引。
圖5 助力業務明确自身定位
2）探索視覺風格，提供主題定制化能力
房産業務由于自身的行業屬性，導緻大衆化的B端産品設計風格很難戳中客戶的内心，需要進一步調研房産行業特征，并總結出屬于房産的視覺風格。經過設計調研，以及簽單過程中客戶的進一步回報，可以總結出房企在設計層面需盡可能展現出“高端大氣”“科技感”的特征。高大上的設計風格不僅會增加消費者的吸引力，更是地産硬實力的表現。
圖6 探索視覺風格特征
在界面的視覺表現層面，客戶也明确提出不要過于枯燥，要貼近房産行業的要求。在對20+的地産門戶網站，以及地産内部系統調研和分析後發現，地産内部系統多通過改變背景透明度、背景漸變色等形式來展現地産的視覺風格。如果采用類似的方式，一方面會由于改造元件而帶來極高的技術成本；另一方面此種設計的定制性過強，無法形成通用的産品能力。
經過設計、技術、業務側的多方交流，最終決定通過【多風格+多主題】的形式實作“科技感”的視覺表現，産出對應的demo稿給到客戶确認并且順利通過。
在售賣解決方案時，往往需要銷售、售前進行POC示範，此時可提前從标準顔色（涵蓋各大地産品牌色）、标準風格中進行設定，讓客戶無意識地感覺到系統好像是為自己量身定制，加深客戶印象。
設計師也可根據确定的品牌色梳理顔色值，對應顔色變量名稱填入到背景管理系統中，無需發版即可同步更新到線上。自動化配置的能力更好的滿足産品需要嵌入到客戶内部系統中的使用場景。
圖7 以上截圖為過程稿，僅做示意
3）輸出房企物料，統一視覺風格，賦能談單與營銷推廣
明确視覺風格，輸出房企物料。包括産出精裝系統logo，用于各項物料宣傳；推動業務側提供最新的解決方案，完成标準化的宣傳手冊、手提袋、宣傳視訊設計，複用到多次線下活動中；提供符合地産視覺風格的PPT模闆，按照内容分類産出對應的PPT模闆頁面，例如需求分析、功能對比、價值傳達等，供業務方快速複用，提升制作PPT的效率。以下為部分物料展示：
圖8 房企VI系統-logo設計提案
圖9房企VI系統-宣傳手冊
圖10 房企VI系統-宣傳手冊&包裝袋實體
4）線上營銷管道入口及内容優化
酷家樂主站中房企入口較深，導緻業務的曝光量少，點選量非常低。了解到問題後，設計協同市場同學完成入口前置動作，在一級解決方案的浮層面闆中透出房産精裝和美居解決方案，并且對解決方案的承接頁面從内容到表現層面進行重構，優化後的PV資料也得到極大的提升。
圖11 主站入口調整與解決方案落地頁重構
除上述内容外，設計側還對核心鍊路頁面進行統一的視覺更新優化，實作從品牌層面到具體界面表現層面均能傳達出業務的視覺特征，保證使用者心智的統一。
四、系統思考——全方位的設計支撐政策
在日常工作中，設計不隻是被動的承擔“需求設計”的角色，更需要對業務從銷售談單到傳遞實施的全鍊路進行系統分析。上述的視覺更新項目中對營銷物料的打造和營銷管道的優化，可以助力業務增加曝光量，擷取更多商機線索。那在商機進入後，設計側又可以找到哪些發力點來支撐業務呢？讓我們來一起看看。
商機—簽約—傳遞實施是談單到傳遞客戶的必經階段，每個階段設計可以找到不同的發力點來支撐和賦能業務。
圖12 設計支撐政策
Step1：商機階段
通常需要通過多次上會彙報，展示解決方案的價值。而當業務處于0-1階段時，尚未形成成熟的産品，解決方案PPT或産品原型成為業務與客戶談單時的核心抓手。設計師需要主動走近客戶，為業務排憂解難，産出彙報所需的各項物料，助力業務談單，包括但不限于「全鍊路demo頁面」「可互動式原型」「核心場景GIF圖」「示範環境」「其他所需的配圖等等」。
圖13 核心場景示範gif動圖
商機階段的核心目标是助力業務進行客戶側的彙報，需要即時響應彙報過程中的各種需求。
舉個例子，在金茂客戶談單過程中，客戶需要的是從精裝-美居全鍊路的解決方案，即兩個平台相整合，并且希望平台界面表現更偏向金茂自身的風格。
彼時精裝和美居還是互相獨立的兩個平台，也未增加主題定制化能力。設計了解具體需求後，提出在精裝平台增加物業美居入口的方案并且與業務側對齊，拉通精裝、美居兩條業務線開發在精裝示範環境搭建完成，并且協同技術通過元件自帶的主題能力暫時調整目前界面的展示效果使其符合客戶預期，最終順利通過示範。
圖14 設計助力業務側示範
Step2：簽約階段
成功簽約後，尤其是對公司具有戰略意義的項目，客戶會舉辦對公司内或對外的釋出會，展示項目成果，樹立行業影響力。
此階段通常由創意視覺、UI設計師主導，需要配合市場同學産出客戶舉辦釋出會所需的各種物料。通常為客戶專屬的定制化物料，包括但不限于主視覺、釋出會PPT、釋出會視訊所需的宣傳圖、預熱海報、邀請函、手提袋、簽名牆等等。（涉及客戶暫不展示）
Step3：傳遞實施階段
客戶簽約後，會設定關鍵的裡程碑節點，對應節點需要産出對應的傳遞物。産品、設計、研發、測試、實施等人員需要全力配合，保證對應節點的彙報示範順利通過。
1）設計流程
首先來看設計流程，進入到傳遞實施階段，即進入到正式的産研流程。
相比日常産品疊代流程，傳遞類項目的産研流程中一定要增加【客戶确認】環節，在這個環節中，設計師對整個項目的推動起到核心作用。設計師需要将産品需求方案轉化為落地研發的設計稿，并且需要梳理出可用于産品核心鍊路的示範demo，用于客戶進行最終确認。
此時，客戶會針對設計稿界面布局、主題色彩、資訊傳達等方面提出自身的建議，設計師接收建議後，需要對設計稿進行優化并且二次彙報，确認客戶滿意後方可進入下一環節。
增加客戶确認環節後，相比之前标準的産品疊代，疊代節奏必然會受到影響。此時項目經理和産品經理等關鍵角色需要做好對客戶側的預期管理、對内的靈活疊代節奏管理，才可以保證産品資源在有效的時間内得到最大化的利用。
圖15 産研流程增加客戶确認環節
2）标品打造
在經過标杆項目打造，以及簽單過程中與多個客戶的溝通跟進，我們對于房産行業的了解越來越深入，對客戶需求的了解也越來越充分，是時候進行标準化産品的建設來滿足絕大部分客戶的需求。與此同時，随着業務擴大，設計與研發人員也在增加，設計内部及設計與研發之間也出現了協作流程上的問題。可以總結概括為以下兩個方面：
- 品質問題：需求量大時間緊的情況下，設計師無法進行及時的設計内審，在多人協作時容易出現設計方案不統一等問題。
- 低效問題：缺乏統一的指導，對于不清楚的場景需要與新人設計師進行多次溝通，溝通成本高；設計開發協作效率低，設計師需要對同樣場景的設計規範進行重複撰寫，開發在不同功能子產品的開發過程中也會反複詢問同樣的問題，增加了開發、設計溝通成本；不同場景下存在可複用的元件，但缺少沉澱，導緻無可複用的元件，影響開發效率。
為了解決上述問題，UX UI 協作整理房企的設計系統，并且聯手開發搭建房企業務元件，旨在：
- 提升平台設計品質，解決統一性問題，并且基于業務目标、使用者調研等，明确平台設計原則，使其符合行業規範和使用者需求。
- 通過統一的設計規範、業務元件建設，提升設計和研發效率。
- 建立标準化的協作流程，提升多角色協作效率，減少無效溝通。
圖16 問題與解決方案
① 系統構成
整個設計系統包括設計原則制定、圖示規範、色彩規範、設計規範、流程規範等，期望能夠提供全面的設計指導，減少從需求-設計-研發-驗收等各環節中可能出現的問題，具體内容大家可以檢視下圖。
圖17 設計系統構成
下面簡要說明設計原則與設計規範（模式）的制定。
② 設計原則制定
a. 有據可循
雖然B端産品有着通用的設計原則，但是具體到某一業務的原則，業務的定位、目标，行業屬性，客戶的要求，目标使用者的行為習慣等要素都會影響設計原則的制定。是以需要對業務進行分析、對使用者進行調研後去得出指導原則。
以房企為例，其涉及到多個端，多個角色，多個功能子產品，使用者的操作鍊路相對比較複雜；加之與客戶的溝通，對使用者的目标、行為也有了更加明确的感覺，是以梳理出房産業務的設計原則，并且運用在日常的設計當中。
b. 切忌模糊，可行性強
對于設計原則的定義一定要清晰明确，并且在團隊内部達成一緻，確定設計師看到原則知道如何設計産品，可以輔助具體的案例加以說明。例如房企設計原則中的“直覺性”原則，是通過跟客戶彙報設計稿時，客戶明确回報出來的建議。
對于“直覺性”的解讀為：圖文并茂，增強可讀性；降低頁面資訊密度；不可過度追求高效導緻使用者在任務流程中感到困惑。它既影響界面布局，又影響到流程層面，需要設計師在設計時充分考慮這兩個方面。
圖18 房企設計原則
③ 設計規範（模式）
設計模式指的是可以解決同一類設計問題的通用性的解決方案，比如“搜尋模式”，“批量選擇”等，關于設計模式的解讀大家感興趣的話可以去檢視《Design System》相關的文章。
a. 基于對業務的分析産出模式/元件
設計師将需求轉化為設計稿時離不開對業務本身的分析，是以我們會發現不同的業務場景下設計師采取了同樣的設計方案。
舉個例子，房企業務下使用者通常比較關注“項目、分期、樓棟、戶型面積”等字段，這些字段幾乎橫亘了房企“方案管理、戶型管理”等多個場景下，但是不同角色使用者關注的字段又存在差異性。是以在卡片元件設計時，元件上面的字段數量及名稱定義為可靈活配置的，不用場景下隻需要顯示不同的字段就可以實作元件通用性的應用。
b. 設計模式/元件并非一成不變
值得說明的是設計模式并非一成不變，會随着産品疊代而不斷更新。設計系統中需包含對模式/元件的建構與使用機制，保證模式/元件可以持續疊代和維護。
圖19定義/産出模式群組件
五、總結
面向大B客戶的SaaS業務，通常需要從标杆項目切入市場，逐漸在行業内樹立品牌影響力，進而滲透更多大型客戶。需要時刻保持标準化思維，拓展标準化的産品能力，逐漸賦能到整個行業。
1. 走近客戶，總結業務特征，轉化為設計
設計師需要抓住一切機會走近客戶，深入了解行業與業務。基于對業務和使用者的分析，為設計方案的産出提供有力支撐。
對于SaaS業務，大客戶中決策人員的話語權重，是決定是否買單的關鍵角色。設計時需要充分考慮決策人員的建議，并與産品通用能力相結合。比如決策人員均覺得系統應該符合自身的品牌調性，那麼不同公司的品牌調性又存在差異性，這時是否可以考慮通用的品牌定制化能力來解決客戶的定制化訴求。
2. 洞見問題，系統化的解決問題
具備洞見問題和系統化解決問題的能力。如果隻是點對點地解決問題，會發現解決一個問題後其他問題此起彼伏的出現。
是以需要學會定義本質問題，并且系統化地進行解決。比如系統性地梳理問題，搭建設計系統，面面俱到地解決日常設計以及與研發人員之前協作時出現的各種問題，讓設計有據可循的同時提升産研效率；對房企整體進行系統化的視覺更新，助力業務簽單的同時樹立品牌影響力。
在0-1的創新業務中，洞見問題和系統化解決問題的能力，更有助于設計師充分發揮自身價值，實作業務發展與個人提升的雙向促進。
作者：瑤一，噪霧，巫堵，公衆号：群核科技使用者體驗設計
本文由 @酷家樂使用者體驗設計 原創釋出于人人都是産品經理，未經許可，禁止轉載
題圖來自 Unsplash，基于CCO協定。
該文觀點僅代表作者本人，人人都是産品經理平台僅提供資訊存儲空間服務。