什么是「預判設計」？

預判設計（Anticipatory Design）是一種能夠引導用戶、縮短用戶行為路徑的有效設計手段。使用預判設計方法設計的交互界面，在交互和視覺上的表現總是比用戶更遠一步。而且這些交互表現是在用戶沒有作出行動觸發的情況下進行的。

預判設計的本質上是一種基于數據收集所做的用戶習慣研究和智能推送的設計模式。UX 設計師 Joelvan Bodegraven 曾說過：“Anticipatory Design 是圍繞機器學習、預測和用戶預期的綜合性設計模式?！?

好的預判設計可以做到以下幾點：

• 在用戶初次體驗某種功能時起到引導作用，避免用戶產生疑問和不知所措

• 提前判斷出用戶的下一步行為，利用合理手段和方法，縮短行為路徑

• 讓用戶感受到驚喜和關懷，對產品上癮，產生好感和依賴感

預判設計的主體是用戶行為，從用戶的視角出發，建立在整個產品的交互里路程和功能框架上，對用戶的行為深刻洞察后進行細節的改進。

如何預判用戶的行為？

我們可以從三個維度探索用戶行為預判的方法：

一.「人」的維度：

從「人」的維度來看，就是預判用戶的需求和行為，方法有以下幾種：

1. 預測用戶所需

對用戶即將做出的動作做出反饋，且適當突出反饋效果，幫助用戶更輕易的看到想要的結果。

Apple 的 magic keyboard 在 iPad 上的鼠標效果，當鼠標圓點靠近功能熱區時，系統預判用戶需要點擊按鍵，于是會產生自動吸附的 hover 效果。

Mac 上的鼠標效果也做的很用心，當用戶在一段時間內不斷的搖晃鼠標時，系統判斷用戶可能是需要找到鼠標，因此會放大鼠標箭頭的大小，提示用戶鼠標的位置。    

                                           

2. 縮短行為路徑

通過預測用戶下一步的行為，對用戶進行直接引導，縮短用戶的行為路徑，減少操作步驟。

得到 App 預判用戶的截圖行為的下一步是分享，因此在截圖后，可以點擊「分享」直接分享到其他平臺。

微信會在用戶截圖之后打開微信對話窗口點擊「+」時，顯示用戶剛剛保存的、可能要發送的圖片。

微信朋友圈會在用戶再次打開時提示用戶直接「跳到還沒看的位置」，幫助用戶快速定位之前離開的位置。

3. 分析歷史數據

通過對用戶的歷史行為數據進行分析，對產品的功能和內容進行優化，符合用戶的個性化需求，創造優質體驗。

淘寶等電商平臺會跟據用戶之前瀏覽過的商品進行推薦，大眾點評也會根據用戶的飲食喜好進行美食推薦。

Google 翻譯里，用戶在第二次點擊發音按鈕時，讀音播放的速度會明顯比第一次緩慢，因為系統預判用戶可能在第一次播放時沒有聽清，所以才需要播放第二次。

二.「時間」的維度：

從「時間」的維度來看，是指在特定時間對用戶的行為進行預判和推薦，方法有以下幾種：

1. 對有固定完結日期的功能/信息的提醒

對快要過期/馬上到來/必須被使用的功能、信息做及時的提醒，避免用戶忘記/逾期/遲到等。

外賣平臺會在中飯晚飯前后給出紅包/優惠推送、生鮮電商平臺會在優惠劵快要過期時給出提醒，行程類產品會在飛機/火車快出發時給出行程通知。

2. 在特定的時間做功能的臨時優化

在特殊的時間給用戶適當的提醒（包括隱私提醒、天氣提醒等），借助節日、活動等時機部分開放功能的限制，讓用戶覺得自己時刻被關注、被惦記，拉近與用戶之間的關系。

美團外賣針對用戶所在區域，提前推送天氣變化，提醒用戶提前下單，以免天氣影響用餐時間。

七夕節到來，微信將原本最高 200 元的紅包金額調整到了 520 元，是一個驚喜又有人文關懷的產品細節。

三.「空間」的維度：

從「空間」的維度來看，是指在特定空間或者當地點切換時，對用戶的行為進行預判，與用戶產生合情合理的交互：

大眾點評會在用戶切換城市時給用戶恰當的提示。

使用支付寶刷地鐵站出站的概念頁面設計，清晰的展示了出站口的地點信息。

預判用戶行為的設計原則：

預判設計（Anticipatory Design）的主體是用戶行為，從用戶的視角出發，建立在整個產品的交互里路程和功能框架上，對用戶的行為深刻洞察后進行細節的改進。其設計原則有：

1. 化繁為簡，縮短路徑

從用戶使用的流程出發，減少用戶不必要的成本消耗，優化和縮短交互的路徑。

2. 結合場景，分析原因

思考用戶行為背后的邏輯和原因，做產品功能上的優化和調整。

3. 行之有度，點到即可

做體驗設計改進時不能急功近利或顯得過于生硬，要注意力度和用戶心智的平衡關系。

4. 個性推薦，千人千面

預判設計應該使用戶在界面的操作過程中感覺到自然，所以大部分預判設計是根據用戶喜好量身定制的個性化設計。

最后，記住：用戶在實際使用中不應該真正“看到”預判設計，但應該能夠感覺到它的存在，并為之感到愉悅。

文章來源：站酷 作者：Ant_Design 

分享此文一切功德，皆悉回向給文章原作者及眾讀者.

免責聲明：藍藍設計尊重原作者，文章的版權歸原作者。如涉及版權問題，請及時與我們取得聯系，我們立即更正或刪除。

藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務

我們毫無疑問已經處在一個大數據的時代。各行各業都在快速產生和積累數據。 本文結合 UED 團隊過去所參與 B 端數據可視化項目分享一些經驗及思考。

• 背景
• 什么是數據可視化
• 數據可視化的應用價值
• 如何做好數據可視化設計
• 數據可視化發展趨勢
• 結語

背景

“得益于計算機技術和海量數據庫的發展，個人在真實世界的活動得到了前所未有的記錄……社會科學將脫下‘準科學’的外衣， 在21世紀全面邁進科學的殿堂?！? 雅虎首席科學家Duncan J. Watts

“大數據的影響，就像四個世紀前人類發明的顯微鏡一樣……而大數據，將成為我們下一個觀察人類自身社會行為的‘顯微鏡’?！?– 麻省理工教授Erik Brynjolfsson

從數據，到海量數據，再到大數據，對人類的做事和思維方式都有很大的影響。在《大數據時代：生活、工作與思維的大變革》一書中，作者歸納了大數據的三個特點:

• 更多：不是隨機樣本，而是所有的數據;
• 更雜：不是精確性，而是混雜性;
• 更好：不是因果關系，而是相關關系。 [1]

當前對大數據的研究涉及計算機科學、數學、生物學等多個領域。大數據尤其是對數據存儲、數據挖掘等提出了重大挑戰。而數據可視化也將在大數據時代扮演一個重要的角色。數據可視化可以將紛繁復雜的大數據集、晦澀難懂的數據報告變得直觀易讀、易于理解，通過圖表將雜亂的數據進行科學有序的呈現，使用戶找到數據的變化規律以及潛在價值，幫助用戶作出決策。就數據可視化的應用來看，應用范圍極其廣泛，如政府應用、商業決策、公共服務等等。

什么是數據可視化

顧名思義，數據可視化就是將數據轉換成圖或表等形式，以一種更直觀的方式呈現數據。通過可視化的方式，我們可以將大量復雜的數據通過圖形化的手段進行有效地表達，幫助用戶發現規律和特征，發掘數據背后的價值。

圖 1 @Marco Zemolin Siresia Bagnoli

數據可視化的應用價值

1. 易于理解，有利于發現信息特征

使用可視化的方式來表達復雜的數據，可以確保對關系的理解要比那些混亂的報告或電子表格更快。通過圖形化的表現方式，我們可以以清晰和連貫的方式解釋大量的數據，從而讓我們理解數據，得出結論。

案例：流媒體平臺節目數量的變化

以下圖為例，當用戶希望了解 2011 至 2020 下圖四大流媒體平臺節目的數量變化情況時，以表格方式呈現效果如下圖：

未經可視化設計的表格數據圖

如果通過可視化設計處理后效果如下圖：

經可視化設計后的數據圖

在這個案例中，我們可以看到，通過文字信息表達的方式，所有的數據在文字信息的表達中都只是零散的個體，我們很難在短時間內對列舉數據有一個大致的了解，更不用說發現特征得到結論了；而在可視化表達中則不同，所有的元數據通過圖表形成一個整體，數字信息被轉化為視覺信息，通過可視化圖表，通過觀察點的位置和顏色即可感知到數據的差異，原本需要通過計算數字大小完成的對比，變成了肉眼可見的點的顏色與間距對比，我們可以迅速了解到近十年四大流媒體平臺每年節目數量、每年不同平臺節目數量的對比以及各個流媒體平臺節目數量的增長趨勢等。

2. 將數據轉化為更具吸引力的故事

據研究發現：人腦處理圖片信息的速度顯著快于處理文字信息，例如一篇 300 字的小故事，看一遍需要數十秒，而轉化成圖片后則只需要一眼即可記在腦海里。

這表明，在信息的類型中，人腦對圖片信息的接收和處理效率遠高于文字信息。而數據可視化則可以將數據通過可視化的方式轉化一個以圖片形式展示的故事，幫助用戶快速接收、處理信息，激發用戶聯想并產生情感共鳴。

案例一：新冠病毒如何通過空氣傳播

隨著新冠疫情在全球各個地區的蔓延，如何做好疫情防控已經成為了每個民眾的頭等大事 。Mariano 和 Javier 用可視化的方式生動形象地傳達了新冠病毒是如何通過空氣傳播的以及可以通過哪些措施來降低傳染風險。

圖 2 @Mariano & Javier

案例二：在敘利亞，誰和誰戰斗？

許多不同的團體之間的關系可能很難理解 – 尤其是當有11個這樣的團體存在的時候，這些團體之間有的結盟，有的敵對，這讓人難以理解。但是，Joshua Keating 和Chris Kirk通過表格的形式和熟悉的視覺效果和色彩，將這些數據簡化為一種簡單的、易于理解和可互動的形式，讓人們可以輕松了解這些團體之間的關系和故事

圖 3 @Joshua Keating and Chris Kirk

3. 幫助人們作出決策，加快決策過程

現實生活中大部分的人是視覺學習者，他們傾向于在與視覺元素相關聯的情況下進行學習并與信息互動。[2] 人類大腦識別并理解一張圖像最快僅需 13 毫秒。[3] 因此，相比起閱讀和理解文本，大部分人更容易通過圖表或其他可視化形式來理解數據，合理的數據可視化設計可以提高他們作出決策的速度。

圖 4 @Bea Vaquero

如何做好 B 端數據可視化設計

1. 明確客戶需求

設計師在設計數據可視化項目的開始階段應該盡量與客戶進行深入溝通，確定他們的業務訴求，也可以理解為確定客戶的初衷與目的，從企業客戶對數據可視化的需求看來，通常會有兩種類型：

• 側重于匯報展示，主要用途是為了對外宣傳、對內展示等，對于這類需求，設計時可強化視覺效果的呈現，對數據進行場景化設計，嘗試讓數據以一種新的載體，有趣的互動等形式結合展現。
• 側重于數據分析和協助決策，對于這類需求，一定要清晰了解需求方的業務內容和重點指標，重點關注數據的維度、種類、數量等信息，視效設計上應該優先滿足業務訴求。

明確客戶訴求，通過設計手段幫助客戶達成目標，這才是 B 端數據可視化設計的關鍵所在。只有當我們了解客戶的需要，我們才能快速推導產品結構、關鍵數據、視效風格等信息。

圖 5 @Daria

2. 確定關鍵指標與優先級

關鍵指標是對一組或者一系列數據的統稱。一般情況下，一個指標在屏幕上獨占一塊區域，所以通過關鍵指標定義，我們就知道數據大屏上大概會顯示哪些內容以及數據大屏會被分為幾塊。

那么關鍵指標的選取依據是什么呢？我個人認為主要還是依據客戶訴求，數據可視化的最終目的就是幫助客戶達成業務目標。需要思考的是，哪些數據通過何種呈現方式能夠幫助客戶解決問題、達到目的、滿足他們的期望，選擇出一系列關鍵指標。

對于這些選取出來的關鍵指標，我們需要對其進行優先級的排列，一般來說，主要指標能夠呈現業務的主要邏輯，一般放在顯眼位置，用重點元素標識；次要指標圍繞主要信息進一步闡述；輔助指標是對主要信息的補充，一般放在非核心區域，或者二級結構中。

通過合理優化關鍵指標并進行優先級排列，能夠保證數據可視化的核心設計的重點，避免數據空洞散亂。

3. 合理使用數據圖表

在選擇圖表展示相關數據指標時我們要思考各個指標的主要呈現，更進一步的講，是我們想通過可視化表達怎樣的信息。下面這張圖就清晰告知了我們如何從數據的展示目的出發，選擇合適的可視化方式來呈現數據。

圖 6 翻譯自@Stephen Few

4. 合理進行頁面布局

數據可視化頁面布局的設計是相對靈活的，為了保證數據呈現最佳效果需要結合實際需求來合理規劃。關注核心數據的比例和位置，橫向布局最為常見（人眼的水平運動比垂直運動快，會先注意水平方向的事物），核心數據場景劃分在中心位置，占較大面積；其余的指標按優先級遵循人們的瀏覽習慣在核心指標周圍依次展開。將類型相近的指標放一起，這樣能減少觀者認知上的負擔并提高信息傳遞的效率。

@布局設計案例

5. 制定設計方向

在定義設計風格的階段，從項目背景出發，綜合行業類型、產品定位、品牌傳播等因素，提取關鍵信息，構建設計框架。

數據可視化的設計風格主要根據客戶要求、行業特性、數據指標等因素決定。通常我們很容易看到的可視化設計以深色為主，是因為相比于淺色基調，深色背景設計能夠有效緩解視覺疲勞，其次深色設計能夠更好地營造對比差異以及數據層級，再者深色設計更容易呈現豐富的動態效果，營造出強烈的空間感等。配色的設計使用應該充分考慮項目背景以及項目屬性，例如黨政機關類項目會慎重考慮用色，應當確保設計嚴肅，莊重。

數據可視化的設計除了對數據進行合理設計，還需要注重場景感的塑造，例如，我們通過場景化設計可以讓某大數據平臺成為大型“圖書館”，查看數據的過程就跟圖書館看書一致，場景化設計的優勢是能夠讓用戶能夠以一種具象的互動方式來理解十分抽象的業務數據，當然合理的構建動態數據效果能夠讓數據具備“生命力”。

圖 7 @Gan Gryc

6. 設計對比

除了尺寸和位置，我們還可以通過配色來突出數據。

無論是通過顏色或形狀對比設計，容易產生強烈的視覺沖擊力。

圖 8 @Bureau Oberhaeuser

利用明度的對比，我們可以用深色烘托鮮明的色彩，或者用鮮明的色彩襯托某一塊暗沉的色彩，亮色靠附近的暗色襯托顯得更加鮮明，其色彩特征表現得更加充分；

圖 9 @Zoey Shen

正確的對數據進行配色，讓數據傳遞出的信息更清楚、更明白，例如國內 A 股，紅色代表漲，綠色代表跌（美股綠漲紅跌）如果給國內的股票、金融等相關客戶做數據可視化設計時，需要避免不同地區文化所產生的差異。

圖 10 @Dima Groshev

7. 選擇 2D or 3D?

隨著數字孿生概念的火熱，越來越多的企業熱衷于打造自己的 3D 數據可視化產品，那么 3D 可視化就一定比 2D 強嗎？

數據可視化設計本身就是為了高效傳達數據信息而服務的，相比平面呈現，3D 最大的優勢在于多了空間維度，適合那些需要跟空間結合的數據呈現，例如地理信息、建筑樓宇、工業生產等場景。那么 3D 數據可視化相比 2D 就一定能夠展示更多的信息嗎，顯然不是絕對的；需要根據實際業務需求出發。

通常我們所說的數據 3D 可視化，就是把大量復雜抽象的數據信息，通過 3D 模型以視覺方式呈現出來，幫助人們理解和分析數據。相比于數據 2d 可視化，數據 3d 可視化具有以下的優勢：

• 展示空間相關的數據，因為空間數據具有三個維度，如果想要將其以視覺方式直觀呈現出來，就必須要借助 3d 模型。例如顯示一棟大樓不同樓層的人員分布情況，此時只有 3D 數據可視化能夠幫助我們達到目標；
• 視覺沖擊力更強，相比于 3D 可視化從視覺上表現力更強；
• 場景/對象仿真，在一些需要高度仿真的項目，例如與軍事、地理勘測相關的項目中，數據 3D 可視化就不可或缺了，無論宏觀態勢還是細微結構的精密運行，數據 3d 可視化都可以將相關信息清晰呈現給使用者，將真實的環境、對象搬到屏幕上，降低使用者的認知成本。

在一個實際的數據可視化產品項目中，有必要應用 3D 數據可視化的情形；

• 需要展示多維空間數據
• 需要通過對場景/對象進行仿真，減少使用者的認知成本和學習成本
• 需要依靠 3D 效果來提升視覺沖擊力

相比 2D，3D 的設計與開發成本相對較高；其次 3D 場景會容易產生視角遮擋以及操作成本等問題，那么從實際項目出發合理選擇才是最重要的。

亞信數字樓宇@PRD MO UED

8. 設計還原

設計稿完成了并不代表設計師在這個項目中的工作就結束了，在后續的開發工作中，設計師還要與開發人員合作，減少上線產品與設計稿的差異。

這個階段的工作也并非聽上去那么容易，尤其是 3D 可視化設計，我們會使用相關 3D 工具制作設計效果，但 3D 設計工具與最終開發引擎存在著色、渲染等差異；在這個時候我們需要靈活運用開發引擎特性，提供對應的美術資源。作為設計師同樣需要了解相關引擎著色器知識，幫助設計效果實現同時也提升對接效率。

亞信數字樓宇@PRD MO UED

9. 調優與測試

測試客戶終端上線是否正常，有無適配所造成的兼容性問題；排查有無視效及體驗問題，同時也要考慮極端場景下所產生的問題及應對方案。

對于大型 3D 可視化場景會存在性能卡頓，加載緩慢等問題，在保證視效基礎上盡可能壓縮相關美術資源，減少不必要的效果計算和內存占用量，根據實時效果需要不斷優化性能提升產品體驗度。

數據可視化發展趨勢

趨勢一：數據可視化 ╳ AI人工智能

隨著企業發展數據量日益龐大，通過人腦分析復雜數據變得越來越困難，我們需要借助 AI 人工智能的幫助。AI 人工智能可以通過強大的算法快速識別分析數據，為企業節省了寶貴的時間和資源，目前人工智能已經被廣泛應用于醫療保健服務、銷售、供應鏈、客戶分析和欺詐預防的數據可視化項目中。

IBM 數據可視化專家 Mauro Martino 創建的儀表板，允許用戶可視化新聞中出現的主題

趨勢二：數據可視化 ╳ XR

AR 和 VR 技術的應用可以增強數據在空間上的感知，從而幫助人們更好地使用數據。通過結合 VR、AR 技術，用戶能夠更好，更快地理解、分析數據。最近進行的許多研究表明，VR 和 AR 具有較強的感官體驗，可以促進更快的學習和理解。幫助用戶對業務問題進行多維度的分析，并更快速地找到解決方案。

圖 11 LM9000@5puj47980xk

趨勢三：數據可視化 ╳ 實時數據

在數字時代，事物變化很快，企業需要對數據告訴他們的信息做出快速反應——正因為如此，實時可視化數據比以往任何時候都更重要。

在 COVID-19 大流行期間，企業能夠迅速作出反應更加重要。各國政府和衛生當局已經使用實時數據可視化來跟蹤感染情況并據此進行調整。越來越多的公司正在將實時數據集成到他們的產品中。

實時數據可視化可以采取一些簡單的形式，如實時更新的折線圖或使用新信息(如銷售)快速更新的交互式地圖。

圖 13 @Esri & The Science of Where Podcast

趨勢四：數據可視化 ╳ 全面體驗設計

以用戶體驗為核心的數據可視化設計是一種重要趨勢，將用戶放在第一位，然后是數據。無論處在哪個行業，設計師都應該遵循類似的思考過程，從思考用戶需求及其痛點開始, 用戶正在嘗試解決哪些問題，以及他們面臨哪些可能的困難？他們需要什么信息和功能來解決這些問題？我們如何以最佳方式為他們打造數據可視化？

最新的趨勢之一是將用戶的工作流與可行的見解、建議、預測以及針對當前任務或決策的最佳后續操作合并，幫助用戶進一步鉆研數據并發現模式、趨勢和相關性。

結語

數據可視化是一門同時結合了科學和藝術的復雜學科，其核心意義在于清晰的敘述和藝術化的呈現，這些需要依靠數據工程師和設計師的精心策劃而不是僅僅考慮如何實現炫酷的效果 ，只有最終達到幫助用戶理解數據和做出決策的目標，才能發揮它巨大的價值和無限的潛力。

文章來源：優設 作者：AsiaInfo Design

分享此文一切功德，皆悉回向給文章原作者及眾讀者.

免責聲明：藍藍設計尊重原作者，文章的版權歸原作者。如涉及版權問題，請及時與我們取得聯系，我們立即更正或刪除。

藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務

本來這樣的形式已經司空見慣，足以應付。但寫這個文章的契機，是因為去年接了一個令人頭禿的項目，這是一個平臺項目，在這個平臺上有 30 多個APP，核心干系人包括運營/APP產品經理/平臺開團隊/PO/APP的開發團隊 ，位置不同，利益點也不一樣，并且這里每個團隊核心干系人都不是一個人，而是 2-3 個人，對接人有層層回匯報關系。拋開項目本身業務是專業領域的內容學習成本高不說，就干系人管理這一項就頗為棘手。

在這個項目中我遇到了哪些問題：

1. 干系人繁多，有三股神秘力量

2. 業務復雜，專業性極強，訪談過程全是專業術語

3. PO 不是核心決策人

4. 項目中后期，出現新的干系人

5. 團隊成員能力需要培養

6. 時間緊張?？蛻纛A算有限，就我們自己預估的時間直接砍半

綜上，這個項目著實做掉了不少頭發，這樣的項目要怎么做呢？希望大家在遇到這樣的項目的時候也少走一些彎路。聊到這里，就要聊一下項目管理是什么了，我們從頭來梳理以下，查漏補缺。也是對自己的一次復盤

項目管理是什么？

·項目管理是有效資源整合，高效實現目標的一整套管理理念

·在復雜多變的環境中，如何做好一件事情

按照時間軸羅列，項目管理分為：啟動 規劃 執行 監控 收尾

那我套用到設計的項目管理，大致會分為以下幾個階段：

      項目開始，在正式進入客戶場地以前，就是項目啟動階段，該階段需要了解：

項目啟動

項目：

• 項目的整體背景

• 挑戰

• 目標

• 項目范圍

• 時間周期

• 客戶關注方向

  
  

干系人：

• 客戶組織框架

• 核心關系人數量，匯報關系

• 是否有第三方人員對接

• 是否有合作的同類型角色

  
  

現狀：

• 該項目是否存在上下游系統，是否有依賴

• 現有系統狀態（是否有現存系統，沒有是如何完成工作過的）

  
  

里程碑規劃：

• 基于以上所了解到的信息，對項目全局時間計劃有整體性安排，明確項目被劃分為哪些階段

• 階段性產出和匯報時間節點梳理

  （需要拉入客戶進來討論的時間節點需要提前規劃，需要邀請用戶研究的時間段需要提前規劃）

• 規劃里程碑時，一定要考慮部分風險和可變化因素 ，比如需求變更，干系人多，溝通成本增多，匯報層級鏈路長 ，需要等待領導決策，或者部分業務內容可能涉及第三方的一些依賴，合理增加里程碑的總體規劃時間 ，后期可以優化和調整規劃內容，在一定規劃時間內，部分階段可以適當延長，其他的相應縮短，給項目一些buffer，減少項目延期的風險。

成員安排：

• 對安排上來的小伙伴需要有一定的了解，了解人員的能力方向。安排能匹配或是跳一跳能摸得著的難度系數任務

• 如果上項目的小伙伴經驗比較少，需要建立團隊培養機制

• 保證項目成員安排的連續性，最好不要出現中間停一段時間，后面在續上，或者每天只安排0.2天

• 在安排時間計劃上，需要注意哪些工作是無法通過加人來完成的

資源規劃：

資源包括：人/物/場地

人：外部專家支持/其他部門支持（除內部項目人員外）

物：workshop要用到的所有工具，包括白紙，筆，便利貼，藍膠，馬克筆，故事卡等等

場地：日常辦公場地/會議場地

風險識別：

• 根據現有狀況，預測部分可能風險

• 將想到的可能風險一一列舉出來，并給出相關應對措施，這個如果無法獨立完成，可以和甲方一起協商完成。

      當風險點都已經列舉完成，為了避免風險，大家需要提前達成一致的東西，提起和大家同步信息，如定義項目上的規則，保證會議不延期，要提前一周安排會議時間，保證信息同步，每天or每周制定同步會議。當需求變更，或者需求膨脹的情況下，可以參考的優先級排序，根據某項原則，完成優先級排序，將非必須的需求先劃分出去，保證需求在一定合理的范圍內。

枚舉風險有兩個好處：

1. 預判一些可能的風險，提前做好準備工作

2. 拉著客戶與團隊一起定義規則，不要隨意破壞

可以用這樣的表格管理風險，也可以直接在后面加上這個對應項的相關責任人，有什么問題，我們可以方便 跟蹤

舉例子：

風險點：比如會議干系人核心無法到場，造成會議延期，那么遇到這種情況怎么辦呢？

應對措施：提前和核心干系人確定時間，雙方協商會議時間，提前一周規劃時間安排，合理調整時間

風險點：疫情期間，出差隔離時間不可控

應對措施：Plan A 出差前提前了解當地相關政策，提前到達辦公地區。Plan B：部署遠程工作環境，建立信息共享機制，建立定期會議時間，同步信息，如果不能按時到達現場，可以啟用的Plan B

粗顆粒度任務拆分：

還是基于里程碑規劃的圖示舉例，在途中表示出來每一個階段的階段性活動是什么，產出物是什么，對齊產出物的顆粒度以及內容

項目規劃

愿景對齊：

• 讓所有的核心干系人參與該活動，避免大家后面信息沒有對齊，目標沒有對齊，產出結果無法達成一致。

  高能預警：此處有深坑：注意避坑。

  我參與的這個項目，如開頭所說有三股神秘的力量（在開始階段PO 都沒有介紹是三股力量，而是2邊，他們的關系有點復雜），但是由于地域影響，和各個力量之間存難以琢磨的關系，他們并沒有同時出現在愿景對齊工作坊中，來參加工作坊的只有一波人。愿景工作坊順利完成，項目目標，干系人關系，在這里才得以澄清。

  雖然后面抄送了全員，并單獨去找了另外一邊的老大溝通目標，才發現他的目標和其他人的都不一樣，甚至應該不屬于這個項目范疇。

此事件復盤：

1. 核心決策人必須參加

2. 如果核心決策人沒有發表意見，請主動請他來表達觀點

3. 如果實在無法到場，和他1Vs1的郵件會議紀要也要抄送全員。

4. 如果發現多方意見無法統一，請不要繼續項目，把他們拉在一起，對齊愿景再出發

      以下附上愿景對齊的工具——電梯演講

在項目開始階段，我們都會進行愿景工作坊，拉上所有的核心干系人一起，通過貼便利貼的方式，將大家的理解收集起來，并對所有的便利貼進行分類，最終收斂出最為核心的電梯演講

電梯演講海報的相關原則：

1. 精煉，簡介——這個愿景海報將伴隨整個項目，越簡單越容易被人回憶起來

2. 對于用戶需求這一項，大家一定會寫很多很多，但是在項目初期，大家寫出來的需求很多是作為客戶方，理解用戶想要的東西，是不是真實需求，還需要進一步被細化，所以這里對整體需求做較大顆粒度的歸納即可，不要深入細節

3. 電梯演講可以出幾張？部分小伙伴可能會問我的目標用戶差異很大，出兩張，三張可以嗎，可以！可以將上半部分分開，比如目標用戶 For 哪幾類人群，他們的需求差異也可以規組，但是下半部分，產品名稱，產品形態，幫助企業獲得的價值，以及競品和賣點，可以是一致的，都可以在一張海報上所呈現

干系人識別：

• 我們大致梳理了公司的管理層級?，F在要把他們匹配到相當的關注層級之中

• 識別哪些干系人是重點關注的，那些是一般關注即可

     高能預警：此處有深坑：注意避坑。一般來說項目的干系人優先級都比較穩定，不會發生改變，但是在去年的那個項目里面完全不同了，在項目的第一階段干系人A非常的重視，干系人B基本沒有太多的意見，但是到了項目的第二個階段，畫風發生了反轉，干系人A參與的越來越少，相反干系人B有更多的見解和想法。對于不同的干系人，他們想要的成功是不一樣的。需要明確不同階段核心干系人的差異，匯報給不同人有不同側重點。

所以在干系人梳理這塊，還需要注意的點是：

1. 如果workshop 這種形式的大會很難讓干系人透露心聲，可以通過通過 1vs1 的溝通了解他們的真實需求，問他們的KPI是什么，是非常直接詢問他們最關系問題的方式。這對于復雜干系人的項目尤為重要。

2. 也可以在workshop上新增期望對齊的環節，在下一個part會講到。

以下附上愿景對齊的工具——干系人/團體地圖

      下面兩種干系人/團隊地圖的差異不大，可以根據需要任選其一即可，圖一更多可以梳理出干系人，或者團體之間的關系，除了判定干系人的權重，還可以在途中不中干系人之間匯報的關系，以及他們之間使用的不同系統的關系

     下圖也是對干系人的權重和優先級的排序，與上圖不同的地方在于它更清楚的展示了我們如何去區分這些干系人的維度，維度可以根據項目需求哦進行變化。

期望對齊：

• 從各個維度對齊干系人對項目的期待

• 幫助干系人對各個維度有一些認知

      這個有兩種做法，如果是干系人相對簡單的項目，可以在電梯演講的海報哪里，加上一類表示這個項目期望達到的目標，可以是定型的，如果團隊中有很好的數據監控埋點，這個指標也可以是定量的。如果干系人繁多，大家對想要達成的期望不是非常明確的時候，可以加上這個環節，這樣也能方便我們了解我們在項目過程中應該如何側重，因為現場的時間非常有限，我們不對所有的期望一一判斷是否合理。會在會后對一些超出范圍的期望和項目負責人達成一致。事先，可以列舉以下幾個維度，幫助大家思考：功能，項目本身，技術，體驗和成效，維度可以隨項目目標的不同自由變更，如果大家還有新的維度，也可以在現場添加

以下附上對齊期望的工具——期望看板

權重識別：

       這個是千萬不要省略的一個對齊項目，后面有諸多事宜，我們需要跟俊權重的識別來判斷。比如在需求膨脹的時候，我們用什么方式判斷那個需求的優先級更高，應該把哪些需求摘出去。或者在做一些決策的時候，用來判斷，那些事我們應該優先處理，而另一些我們可能需要有一些妥協。后面在說到項目執行過程各種突入起來的變故的時候，這個參考項是必不可少的。在文章后面會更為詳細的列舉。

• 輔助決策

• 判斷優先級

以下附上權重識別的工具——權衡滑塊

詳細日程排期：

• 細化工作安排

• 提前約定相關干系人時間

• 提前預約用戶驗證時間

• 注意那些是客戶需要參與的時間點，無比準確

以下附上詳細日程排模版，這個相對來說沒有特定的方式，可以做到 Excel 表格中管理。也可以放到 日歷 中管理，當然如果你們有設計排期的服務軟件，都可以使用，我這里只呈其示意樣式

下一步我們就是正式開始進入項目拉

項目執行

任務優化調整：

      進一步的細化工作安排，如果發現團隊的小伙伴是新手，無法上手，就需要對任務進行拆分，拆分到什么顆粒度呢，拆分到團隊的小伙伴可以上手的顆粒度，當然拉，千萬不要全部包辦代替的把它做完。在項目允許的范圍內，讓風險發生！這是團隊人才梯隊建立的關鍵時刻，說到這里，如何培養團隊設計能力，又是一篇長篇大論了，我們回歸正題。如過小伙伴就有很多經驗，那就更可以安心的把整快大的蛋糕分給他，把他劃分為責任人，下面的工作內容如何拆解，應該分幾步來做，請放手。只用在關鍵節點和把控質量就好。

• 明確產出目標

• 明確產出內容

• 明確產出目的 

• 明確產出物依賴

拆分責任人：

      這塊和上訴的任務優化調整是聯系在一起的，當我們合理拆分任務后，當然要他這個任務匹配到相關的責任人，如任務優化調整所訴，可以是比較大的一大塊任務，比如信息架構這一個大塊，用戶調研這個大塊，制定相關人作為Owner ，至于他如何來拆解自任務，還需要請到那些人進行協作，由Owner 來全權負責，Owner 是需要對結果負責的人 。如果是新人，拆分成一個大塊是無法下手的，并不知道我每一步應改怎么做，那就把大蛋糕切細，切到他可以嘗試下咽的顆粒度即可。

      在項目活動中，對于2個設計師以上的團隊，我們就可以利用設計看板。長期做敏捷交付的小伙伴對這個工具一定不會陌生。

• 對于有經驗的人，按照大塊拆分

• 對于新人，在按大塊拆分以后，需要對分支任務或是階段任務在進行下一步拆解

以下附上日常設計工作管理工具——設計看板

還是那句話，有設計進度跟蹤的工具的小伙伴請繞道哦，這個是非常簡單的且直白的一種設計管理模型，這樣就可以每日跟蹤大家的手上的工作進度了，也可以跟中哪些任務已經完成拉。上面的標題欄“待設計”“設計中”“已完成”也可以根據項目的不同階段，放置不同的標題，當我們設計完成后，就可以領取新的設計任務拉。

每天這樣移動卡片會不會亂呢，怎么和大家同步信息呢？那我們就要說到設計工作中一個關鍵活動了？

站會/業務對齊會

組內同步：

每日站會對項目來說是比不可少的，一般會定在每日早上，項目全體小伙伴都要參加，上班的第一件事就是開站會拉，多么有儀式感的一天，站會通常會占用10-15mins，站會可以用來：

• 同步信息包括，昨天，今天的工作內容

• 提出風險，有困難就喊出來，找大家一起需求幫助

  這樣大家就非常明確每個人都在做什么，我的工作有什么依賴，我應該找誰解決獲取上下文，另外就是及時暴露風險。及時尋求幫助

另一項活動是我特別喜歡在團隊中使用的：業務對齊會

當項目比較大，每個設計師或者業務分析師分為了多個條線跟蹤業設計和業務。那業務對齊會也是比不可少的，當然業務對齊會不僅僅可以對齊業務輸入，當需要開發判定方案是否可行，或者需要其他的角色一起討論問題時，我們都會放到放到每日或者隔天的或者隔周的業務對齊會上一起討論，會議頻次根據項目實際情況自行安排，邀請成員通常是設計師和業務分析師一起，又是也會邀請其他角色，視會議需要討論問題而定

• 方便參與不同業務條線的同學對業務全景保持一致

• 不對角色的思維方式存在差異，可以轉換視角看待問題

• 可以相互評審設計稿，業務分析流程等活動，查漏補缺

  
  

  它的優勢是：

1. 保證出方案時間的完整。不會隨意打斷大家輸入和思考的時間，固定時間同步信息

2. 高效同步信息。不會一次同步太多信息，信息量太大，趨于飽和，會少量多次，最長不要超過1h，如果超過就要增加會議頻次來減少時長。

干系人溝通：

終于寫到干系人溝通了，這真正是一個大坑

干系人溝通有幾個關鍵點：

• 建立信任 — 一切良好溝通的基礎

• 頻繁溝通 — 減少風險

• 及時提出自己的見解 — 體現你的價值

建立信任—特別是在項目開始的時候，這一點是致命的，如果開始時能建立良好的信任關系，那么在后期很多小問題的決策上，還有客戶對你方案的認可上都會容易的多。

如何在項目開始的時候建立信任呢？

• 對客戶現有產品業務能快速的理解——C端的可繞過（相對比較簡單，容易理解）。這里特指B端產品，部分B端產品的業務有時專業性極強，特別是之前我們做的這個項目，做用戶訪談時，每一句話都能用多個專業術語，你還沒有弄清楚這是怎么回事，就要跟上下一個話題了。對于我們這種非本專業的設計師來說，要想做好設計，提升用戶體驗，開始就要建立對產品業務的了解。

  
  

      -自主學習，通過各種渠道找學習課件，提前對該領域專業術語作出梳理；對相關的背景知識有所了解，對領域現狀有所認知，包括現存的競品也可以找來看看，借鑒學習。

      -找領域專家尋求幫助，對于是在無法獲取經驗的領域，也找不到相關的一些信息渠道，可以涉及到一些行業機密，可以酌情尋找第三方領域專家，和領域專家進行訪談，從他們哪里可以拿到很多一手資料。當我們對項目有一些假設時，也可以找領域專家驗證假設的可行性

     -向訪談對象學習，可以判斷訪談對象的性格特質，如果很明顯的流露出善于表達，喜歡和你傾訴更多的信息，那么可以把握好機會，適當的詢問一些領域問題

     -向客戶學習，PO也許不負責具體的業務條線，也可能多年不再碰具體的業務操作，但是他們對于理論的掌握還是有一定的借鑒作用的。

       

       當然了，現在收集到了這么多信息，還需要整理和消化，并且驗證信息的可靠心是否是正確。

       多渠道信息交叉驗證

       信息之間能否相互關聯，相互串聯，形成閉環

• 專業技能維度——專業能力維度是設計師的立足之本了，毋庸多說，但這里需要強調幾點

  
  

  -設計邏輯清晰，設計結果很重要，但設計思路同樣重要，很多設計師在展示自己的方案的時候，只呈現做了什么，結果如何，很好，很精良，但是一定要有邏輯連貫的思考過程，才能體現你的思維邏輯，我們的方案不是憑空捏造的，不是一拍腦袋想出來的，我們的設計是經經過了哪些步驟，這個步驟的作用是什么，設計結論是如何推倒的，這樣的設計包含了哪些設計原理 ，好處是什么。犧牲了什么，如何權衡它的犧牲的。

     

  設計從戰略層倒表現層，越是取近于表現層，其評判標準就越主觀，眾口難調，特別是面向非設計領域的專業人員來說，這個評判標準在我們手上，我們要給出來我們這樣做的理由是什么，好處是什么，才能得到客戶的信任。

頻繁溝通 不要悶頭設計哦，在項目的每個階段都要定義定期展示案例的時間點，除了這些時間點外，還可以約

這里從問題的角度來會切入吧

• 需求變更，反復無常

• 半路殺出程咬金 — 干系人變更

• 增加項目范圍

• 老大不滿意

• 干系人意見沖突

• 干系人不認之前做的決策

》需求變更，反復無常

一般情況下，按照正常的項目流程來走，我們我們通過痛點發散出來的機會點一步步的收斂出需要繼續設計的方案后 ，用戶側的需求優先級是已經被考慮進去的，所以突然變更的需求大多可能是來自也無方，或者超級VVVIP 用戶

判斷是什么類型的需求？

合理需求：可以對需求進行規劃，判斷項目需求的優先級，如果合理且緊急，可以和相關干系人對齊，給予初步方案計劃，對部分現有需求做出置換（如果干系人經常變更需求，可以對設計方案作出估點，按照人/天置換需求），如果合理不緊急，拿出我們的權衡滑塊， 明確需要 foucs 在當前項目優先級下，不要過于發散，可以定制相關產品演進路線通過迭代演進方式逐步實施

不合理需求：可以委婉拒絕，如果實在無法拒絕，可以花費一些小effort，告知他為什么不合理

》半路殺出程咬金—干系人變更

1. 可以在識別核心干系人的時候，詢問清楚在項目進行過程中是否有核心干系人的變更，提前識別

2. 有時干系人的變更是突然的，無法提前識別，不要慌，繼續往下做。一般干系人變更可能會帶來以下問題：

• 要推翻之前的方向——相當于要從新立項，如果方向都被否定了，就不要繼續往下做，及時止損，重新規劃項目方向。

• 要新增項目范圍——新增的范圍非常大，大到可以重新規劃一個新的項目，就在規劃新的項目；如果新的范圍可控，還是根據本項目的權衡滑塊來判斷,哪些是優先級高的范圍，先做，不高的置換出來。

》老大不滿意

   1.減少老大不滿意的風險，就是多建立溝通，最好可以親自向上層級匯報。

   2.保證方案的邏輯性，所有的設計思路都是有據可依。

   3.保證方案給用戶給企業帶來的價值。對于比較成熟的項目，最好價值是可以被量化，可衡量的，如果無法用數據橫向衡量，可以用定性的方式來判斷價值，比如在用戶驗證的時候，檢測新的方案是否能滿足客戶的需求，用戶對新的方案是如何評價的，在無數“證據”下，老大也不會無緣無故的不滿意

》干系人意見沖突

1. 不要做干系人之間的傳話筒

2. 拉著意見不一致的干系人一起討論問題

   
   

》干系人不認之前做的決策

這件事情在某些客戶干系人身上還挺常見的，對于超級難管的干系人，每次大會都要發郵件，不是不敏捷，是為了介紹缺少文字證據，而出現更多的坑

1. 重要結論，會議紀要+郵件跟蹤

注意：一定要結論先行，大部分的人沒有耐心看完所有的內容，但是加粗字體的會議結論是能簡明扼要的概括，本次會議通過了什么決策。有什么遺留事件，具體的責任人是誰，需要完成的截止事件都要標明

以下附上郵件紀要的格式介紹

項目監控

這個過程和項目執行的過程應該是穿插進行的，時間是非常有限的，不要面面俱到的跟蹤，抓大放小，只在關節節點驗收，比如前面項目執行中提到的如何拆分任務，同理，在驗收的過程中，也可在組內的對齊會上驗收設計輸出內容是否符合標準，是否有易用性問題，如果這是非常細小的圓角，交互的方式，布局的方式，可以交給團隊成員自己把控，如果一個設計師從用戶體驗要素的5層出發，每一層都面面俱到，無微不至，在這樣的大項目里面是很難管理的，把更多的空間留給設計師自己。

把有效的時間集中放在有較大提升價值的事情上：

• 保障產品價值交付

• 用戶體驗是否有所提升

• 現有的資源下，如何平衡，實現價值

拆分對內驗收節點：

把大的任務蛋糕拆分給每一個小伙伴后，他具體怎么吃，可以讓他自行安排，告知完成的時間階段，在特定時間端內驗收質量問題。

定期復盤：

通常我們通過 Retro 的方式進行復盤，時間周期視項目的時長來定，較短的項目可以安排為每兩周一次的 Retro，Retro 的步驟。1.宣誓（可以跳過）/2安全性檢查/3分別梳理 好的部分，不好的部分，和建議。好的部分鼓勵團隊繼續保持，不好的部分通過投票，選取前 Top 問題進行 討論整改建議。在下一次的 Retro 的時候進行復盤，看看這些問題是否都有改進。

當然還有很多做復盤的方式，方法本身不是最重要的，復盤的核心就是為了改進上一階段做的不好的地方，并且在下一階段有所改進措施。讓項目運行變得越來越好。

進度跟蹤：

通常會用項目周報的方式，想客戶展示項目的進度，現在進行到項目的什么階段，有哪些產出物，項目是否存在風險，項目計劃及人員投入比例

項目收尾

整體&歸檔：整理交付物，包括設計資產，使用說明和相關目錄，方便其他人員可以持續迭代

設計歸檔包含的重要組成部分包括且不限于：

1. 設計源文件

2. 用戶研究報告

3. 用戶驗證錄屏材料

4. 用戶訪談大綱

5. 遺留問題跟蹤

6. Showcase材料

7. 知識傳遞錄屏

8. ...

  

 如果文件夾過于分散，則需要寫一張目錄，目錄上附上文件夾的鏈接，方便呢其他的小伙伴能快速的找到

知識傳遞：注意保留錄屏文檔，當項目人員變更，可以及時傳遞上下文

1. 在做知識傳遞之前，要和大家確認現有的產出，保障產出物不會在作修改，保障所有人都達成一致后，在開始后做知識傳遞。

2. 做知識傳遞的時候，一定要記得錄制屏幕，以防有的小伙伴沒有參加，或是之后還要分享給其他的小伙伴使用，這樣就可以避免一邊一邊的重復人工講解啦，還有預留給大家提問題的時間，看看大家還有沒有不清楚的地方，盡量在會上一一解答。

PS：還想再分享一個，當項目中所要處理的事情過多時，如何排列優先級的問題

一般情況下，先看一下這些事情的依賴關系/事件難度，當緊急成度都很高的情況下

有依賴的關系的一般需要提前去收集信息，跟催進度，但花費是假相對較多，可能還有相互依賴，外力因素不可控

或者需要提前與人溝通事件，判斷溝通時間是否合適，但花費是假相對較少，但需要提前預約，外力因素不可控

事件越難的越需要留更多的時間處理，內在因素不可控，事件簡單的則可以安心放在后面進行，內在因素可控

可以按照風險等級排序方案：信息收集類> 約人溝通類>困難事件類>簡單事件類


文章來源：站酷 作者：青沐CHIMO 

分享此文一切功德，皆悉回向給文章原作者及眾讀者.

免責聲明：藍藍設計尊重原作者，文章的版權歸原作者。如涉及版權問題，請及時與我們取得聯系，我們立即更正或刪除。

藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務

很多同學工作后一定要明白，企業不是學校，職場也不是學校，公司招你過去是希望你給公司帶來價值，對設計師定位一定不是學生，好的企業可能會有很多內部培訓，學習的機會，但是一定是靠你去主動學習。這也是職場的潛規則。關于職場、關于工作方法的問題。今天分享一篇和工作無關的內容，更多是關于設計心態的問題，希望給此刻迷茫的你一點方向。

 

1.企業不是學校 

很多同學工作后一定要明白，企業不是學校，職場也不是學校，公司招你過去是希望你給公司帶來價值，對設計師定位一定不是學生，好的企業可能會有很多內部培訓，學習的機會，但是一定是靠你去主動學習。

這也是職場的潛規則，工作越久越會發現，很難有人會毫無保留的教你，如果我們一直處于學生思維，只會在職場中失去好的機會。職場上的學習，一定是主動的。

學生時候我們學習是被動接受，老師教什么，我們學什么，但是職場不一樣，一定要從“被動”改為“主動”，公司會有很多內部培訓，學習資料，但是學習一定要記得是自己的事情。

好的公司會有體系化培訓，相當多的公司是不愿意付出培養成本的。比如之前在阿里，內部很多設計培訓、課程，但是大家都主動去報名學習，沒有人逼著你一定要學，大家時間都是一樣的。所以從“被動學習”到“主動學習”是新人設計師職場進階的第一步，現在互聯網上學習資源那么多，無論我的星球，還是各種教程，只要你想一定能學到，關鍵在于你自己意愿是否足夠強烈。

a

 2.掌握正確的學習方法 

互聯網很難做，也有很大一部分原因是，現在信息爆炸，每天充斥著各種需要我們學習的知識，仿佛不學習就會落伍，C4D、AE、插畫等等，如果沒有獨立思考和判斷的能力，我們很容易隨波逐流，什么都學，最后越學越迷茫。

上圖就是我們大多數學習狀態，每周學下AE，學下C4D，然后三天打漁兩天曬網，最后會發現，都學的很一般，沒有一個學的很精通。

聚焦學習，單點突破

正確的學習方法是什么，是單點擊破，橫向拉通，我們要聚焦學習，一段時間只學習一個知識點，比如你最近學AE，就花精力把這個技能徹底掌握，再去學下一個，我把這個叫100小時刻意練習，我在星球里，也是帶著大家這樣去學習知識點。當你學習一件事情持續100小時，每天3小時，堅持3個月，你會比90%人都要學習的好。

別看只是一個小點，但是當我們掌握的點多了，自然而然就形成了線。

 

考慮投入產出比

學習的目的最終是要學以致用，現在大家每天工作本來就很忙，如果毫無目的地學就沒有意義了。一定要考慮投入產出比，要根據自己的規劃去學。

比如你未來是走體驗設計師的方向，那么你就應該學技能樹里面相關的內容，比如數據研究、交互知識、產品思維、商業思維這些維度，這些方向是未來幫你邁入新的臺階需要具備的能力。

如果你去學習C4D，或者學品牌設計，哪怕你學會了，也學得很精通，你去面試支付寶設計師，你說你最強的技能是畫LOGO，那肯定是不合理的，因為說不定支付寶LOGO幾年都不會換一次，你這個技能在團隊，根本用不了幾次，更別說成為優勢。

w

3.性格上一定要有「要性」

阿里有一個詞叫「要性」，什么意思呢，簡單的說就是對一件事物的渴求程度。作為設計師也是如此，無論我們學習，做項目，還是工作上，都需要有這種精神。

 

要性決定判斷

我們今天接到一個項目，判斷這個項目好好做一定會有很大的市場反響，比如我做雙11這個項目一定會被上億人關注，那么我判斷這個事情價值后，我會很拼，會拼盡全力做好，因為我知道這個事做好后帶來的價值，假如我沒有那么強渴望這個事情，或許我就當一個普通項目，也不會去判斷它的價值，說不定就錯過了提升和磨練的機會。

 

判斷決定行動

要性能決定我們的判斷，假如我判斷這個事情一定要做好，做好后可以發到behance，或者放作品集里面。那我的行為也會跟著變成正向。

工作多年后，其實對于加班不加班，其實很好衡量，這個事情加班做好對你晉升、對你成長有沒有好處，如果有自發都會去加班，如果這個事情就是一個投入產出比不高的，我可能就會去另外更有價值的事情。要性決定我們的行為。

同樣個人學習也是一樣，如果你渴望掌握它的欲望足夠強烈，那么根本不需要人督促你，你都會自發去學習。這就是信念的力量。

 

行動決定結果

沒有好的過程一定沒有好的結果，特別在這個商業互聯網大背景下做設計，如果沒有好的流程和過程，最后很難拿到好的結果。所以作為設計師，必須在職場生涯都具備這種「要性」，渴望成功的心態去做每一件事情。

 

4.當你沒優勢的時候，唯有勤奮 

每個人都想去大公司，去做優秀的產品，但是光有想是不夠的，最重要是去做。能在夏天做的事情就在夏天完成吧，不然到了秋天，它就黃了，到了冬天，它就涼了……

w

想不等于做

光想是沒有用的，大公司的設計產出，你目前能做到一樣設計質量么，或者差不多水平，如果不可以，憑什么覺得大公司要你，前面我也說了，企業不是學校，不是你想去就能去，何況大公司就那么些職場，說萬里挑一毫不夸張，你沒有過硬的本事，你沒有做過大的項目，憑什么相信你可以做好幾億的用戶的設計。

w

充分利用工作外的8小時

所以在我們起跑線比較低的時候，沒有學歷，沒有知名項目，沒有大廠背景，唯有勤奮，上班時間8小時，大家都是被項目纏住，重復利用下班和周末時間，不斷去提升專業技能，唯有勤奮你才能有彎道超車的機會，我們這一行和其他行業不一樣，沒有任何捷徑，如果有，很多人都去嘗試了。

o

學會曲線救國

大公司招人都是有標準的，有些崗位就是有鄙視鏈的，比如喜歡招知名公司背景，海外的，年輕有潛力，做過知名APP的，如果簡歷上沒有這些很難進去的。但是就因此放棄么，當然不是。

學會曲線救國，我沒有知名項目，那我是不是提升我專業項目，爭取去一個規模小點公司，積攢知名項目案例，比如每年TOP100的應用榜單，里面其實很多小而美的公司，先去這些公司鍛煉好了，再去二線公司，再去一線公司，循序漸進往上走。

不要一根筋的，在毫無背景、毫無資歷情況下去碰壁，試想你是大公司人，你是不是也想招一個被市場驗證過，有過同樣公司背景和項目的設計師。

 

5.設計師推動力是帶著方案 

很多時候，我們很想為產品做點什么，也發現很多產品不好用的地方，然后在沒有任何準備下，去吐槽產品，吐槽設計，這是一個大的忌諱。因為你不了解當時背景，是排期不夠，還是人手不夠，導致線下效果。盲目吐槽毫無意義。

正確的做法是，今天你對某個頁面不滿，或者設計不滿，應該帶著你覺得滿意合理的方案，去和主管向上溝通，有設計依據和推理過程。

q

左手藝術，右手科學

你推動的方案，切忌只是從設計師視角出發，一定要從更全局去出發，所以除了設計上方案要比之前好，你的設計過程一定有理有據，藝術一面是視覺交互維度。

那么科學一面，一定是有數據支撐，比如提案前你充分梳理了現有數據，從數據中發現的問題，都可以作為設計線索。同時可以加入一些設計聲音，比如蘋果商店評論，或者微博評論，客服或者用研那邊建議。通過這些來支撐你的設計提案。

t

讓決策者做選擇題，而不是判斷題

提案也有很多技巧，后續再和大家分享，但是很重要一點就是提案時候，不要給領導太多的方案選擇，很多設計師很容易犯的錯誤就是，提案時會放一堆方案給領導看，讓領導做決策，這樣最終結果還是繼續改下去。

其實提案，領導關注你的設計邏輯和推導過程，如果整個過程比較順利，結果一定是符合預期，有正確的設計過程結果也不會差到哪里去，一般設計提案重點推導一個方案，讓領導說「YES」或「NO」,如果領導說不可以時候，再把其他方案拋出來。

 

6.你的一招鮮就是你的競爭力 

什么是競爭力？人無我有，人有我全，如果你在一個幾十人團隊，怎么能被領導記住，一定是你具備其他人不具備的技能，或者你這個技能在你們團隊是最好的。任何時候，設計師具備一招鮮的能力，都會很吃香，你可以想下你的團隊，那些備受領導喜歡的設計師是不是都具備這個特征。

每個人都想成為主角，團隊核心，怎么做到，就是某個專業能力上，設計總監或者主管有事情第一個想到就是找你來完成，那么就成功了。

比如插畫第一個想到你做，UI第一個想到你來改版，品牌第一個想到你來完成。如果做到這樣，平時加薪升職一定少不了你，任何時候一招鮮的設計師都可以在職場上有一席之地。

q

7.打造自己的標簽 

職場是個人情社會，有人的地方就有江湖，每個人在其它人心中都有個「標簽」，雖然我很討厭職場貼標簽這種潛規則，但是無法避免。所以與其你被人貼上一個標簽，不如你自己把標簽人設立好。職場人都需要2個標簽。

w

第一個：專業標簽

專業標簽，毋庸置疑也是最難的，大家對你專業上評價怎么樣的，哪方面是你特長，在主管心中是很一般，還是說UI上是你優勢，數據是你優勢，你需要自己給自己定位好，假設你想讓別人覺得數據分析是你專業標簽。

確定好了后，然后需要項目不斷去反復驗證這一個標簽，在大家心中的印象，無論項目溝通，還是團隊分享，都應該去打磨這個標簽，打磨好了，優勢是很大的，正如我前面所說，大家后續領域想到你，你就是第一人。

o

第二個：性格標簽

性格標簽很好理解，你在大家心中是個什么性格的人，活潑的，有才華的，有魅力的，吃貨還是內向的，職場上人和人之間關系很微妙，雖然不提倡站隊，但是這種事情哪里都少不了。

那些性格活潑開朗，比較玩的開的，往往容易受歡迎，所以你要問自己，你希望在大家心中是個什么樣性格，是內向的老黃牛，還是吃貨一枚，還是美食專家。你需要建立一個性格標簽，去和身邊的人情感上維系。否則很容易職場上吃虧，和主管沒有共同語言，沒有尿到一個壺里，那你后面晉升，漲薪股票，或許也沒你什么份。

w

第三個：沒有無緣無故的愛

和同事之間多去培養一些共同的愛好，在互聯網公司做事情，很多事情其實難的不是事情本身，而是人的關系處理上，在大公司的同學應該很能體會。

要不，很多同學一起去抽煙，一起去逛街，一起去喝酒，很多時候先成為了朋友，做事情會更加順暢，同時這個過程你獲得的信息也足夠多，信息的不對稱往往會讓你做事情云里霧里，所以沒事，多和研發的兄弟，產品運營的同學，吃吃飯，培養一下革命友情，對你只有幫助，沒有壞處。

 w

最后 

這是我所總結出來的一部分職場心得，或許和設計無關，但是在我們工作中卻尤其重要，希望今天的分享你會喜歡。

原文地址：我們的設計日記（公眾號）

作者：sky

轉載請注明：學UI網》職場太內向，怎么破？

藍藍設計建立了UI設計分享群，每天會分享國內外的一些優秀設計，如果有興趣的話，可以進入一起成長學習，請掃碼藍小助，報下信息，藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作，也請與我們聯系。

文章來源：csdn

分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責聲明：藍藍設計尊重原作者，文章的版權歸原作者。如涉及版權問題，請及時與我們取得聯系，我們立即更正或刪除。

藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務

 <script type="text/javascript">
        $("#search").click(function(event){  
              var key = $("#key").val();
            
             //alert(key);
            
              $.post("search.do?method=s", {keyword : key}, function(data){  
                  document.write(data);//將一個是 ajax返回的html頁面直接打?。ń忉尣@示成）頁面
                  //alert(jQuery('div', data).html());    
                  //alert(data.output);
            });
        });
    </script>

document.write(data)?。。?！

一句話搞定！！！

轉自：csdn

藍藍設計建立了UI設計分享群，每天會分享國內外的一些優秀設計，如果有興趣的話，可以進入一起成長學習，請掃碼ben_lanlan，報下信息，會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作，也請與我們聯系。

文章來源：csdn

分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責聲明：藍藍設計尊重原作者，文章的版權歸原作者。如涉及版權問題，請及時與我們取得聯系，我們立即更正或刪除。

藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務

頁面局部刷新

1.使用ajax實現小部分的內容局部刷新
$.ajax({
url:“http://localhost:8080/intoHomepage.do”,
type:“post”,
data:{name:“mydata”}，
success:function (result) {
if(result){ //對后端返回的數據result進行處理
$(".testchange").html(“將對應的class=testchange的標簽內容進行修改。還可以通過一些父類和子類選擇函數進行操作更新數據如：find（）、chidren（）、parent（）等”);
}
},
error:function () {
alert(“出現錯誤！”);
}
}
);

2. 如果要對大部分內容進行刷新建議使用iframe標簽進行整體刷新。
3. 對于點擊不同的按鈕（或其他的標簽）局部刷新可以使用" 隱藏方式"，比如事先準備好幾種不同的內容，
   < button id=“b1”>按鈕1< /button>
   < button id=“b2”>按鈕2< /button>
   < button id=“b3”>按鈕3< /button>
   < div >
   < di v class=“test01”>
   < p> this is test01 < /p>
   < /div>
   < di v class=“test02” style="display：none ">
   < p> this is test02 < /p>
   < /div>
   < di v class=“test03” style="display：none ">
   < p> this is test03 < /p>
   < /div>
   < /div>

點擊按鈕觸發事件（onclick()或其他事件）對需要刷新的部分內容進行css屬性display：none(/block)設置只顯示一個div的內容

藍藍設計建立了UI設計分享群，每天會分享國內外的一些優秀設計，如果有興趣的話，可以進入一起成長學習，請掃碼ben_lanlan，報下信息，會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作，也請與我們聯系。

文章來源：csdn

分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責聲明：藍藍設計尊重原作者，文章的版權歸原作者。如涉及版權問題，請及時與我們取得聯系，我們立即更正或刪除。

藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務

 

01 音視頻娛樂新形態

挖掘更好玩的娛樂社交場景，能帶給用戶更愉悅的體驗。疫情期間，線下聚會因此受限，線上娛樂應運而生，在此契機之下，期望借助音視頻實時互動、聲影重現的特性，開啟了新的娛樂形態——QQ一起派對。

觀察競品普遍存在不足之處，即缺乏真實聚會游戲的氛圍與互動。因此，解決社交游戲產品缺少真實情境的問題，成為QQ一起派對的創新機會點，有利于在競品中突圍，塑造差異化優勢。

 

02 打造真實聚會游戲體驗

2.1 回歸本質，突圍創新

QQ一起派對是基于音視頻展開的線上聚會游戲，結合了實時互動與娛樂化內容。為了讓游戲過程更貼近真實聚會場景，我們從游戲氛圍和自然交互兩方面切入，尋找創新突破口。

游戲氛圍

構建適用于游戲類型的界面框架，讓線上聚會更貼近真實世界，并運用視覺感染力，營造環境氛圍，包括場景具象化、增強代入感等方法，實時感知好友的情感變化，從而獲得社交臨場感，在心理上感到彼此的存在。

自然交互

有別于競品需通過點擊按鈕作答，QQ一起派對利用實時語音識別，讓用戶通過更自然的人機交互方式，在游戲過程中進行語音搶答，彷佛置身于真實世界中與好友互動，成為QQ一起派對的獨特賣點（Unique Selling Proposition）。

 

綜上所述，QQ一起派對的設計要素包括：、

1. 社交臨場感（Social Presence）：場景具象化、高度同步實時響應、感知他人情感變化

2. 沉浸感（Immersion）：營造氛圍、增強代入感、突出內容與主角

3. 可玩性（Playability）：游戲界面、游戲機制、游戲互動

4. 凝聚力（Cohesion）：將好友聚在一起、吸引更多用戶來玩

 

2.2 游戲界面設計

舞臺場景化布局

QQ一起派對能讓用戶創建房間，邀請好友參加線上聚會，促使游戲氛圍具象化。游戲類型聚焦于〝你演我猜〞、〝明星問答〞等猜題游戲，為了增強代入感，讓用戶融入情境之中，我們采用舞臺表演的界面隱喻（Interface Metaphor），借由深色背景突出內容與表演者。界面框架選擇一個大畫面與多個小畫面的組合，更貼近輪流上臺表演的游戲類型。通過舞臺場景化布局，模擬線下互動的真實感。

 

 

多層次感官體驗

我們真實還原了線下搶答的互動體驗，通過倒計時動效、實時分數標簽，以及搶答成功反饋，增添游戲的緊張感與刺激感。

在游戲過程中，除了通過視頻畫面感知好友的情感變化，用戶的語音狀態也會實時反饋在頭像上，響應搶答題目、好友交談，以及各種表達情緒的聲音，借著聲音視覺化的效果，搭配視頻與人聲的重現，交織出多層次的感官體驗。

 

 

邀請消息實況化

發送邀請是召集好友的重要途徑，而作為〝邀請函〞的消息，需要傳達明確的信息，讓用戶一眼就能感知房間內的狀態，包括準備開始、游戲中、游戲結束等，避免用戶點擊加入游戲時，卻因游戲已開始或結束而無法加入。為此，我們將邀請消息實況化，持續更新當前狀態、參與成員等，讓用戶能實時感知派對房間的變化。

 

 

03 拯救孤獨，陌生人玩法登場

3.1 讓你隨時找到伙伴

排解寂寞心理訴求

QQ一起派對初期聚焦于好友一起玩，但仍不免發生創建了房間，當下找不到好友，或因等待過久而退出房間的狀況，使得創建房間到實際參與的轉化率受到影響。從用戶訪談結果來看，用戶存在排解寂寞的心理訴求，但對象不一定得是熟人好友，因此渴望找到游戲伙伴、快速開始游戲，成為QQ一起派對擴展至陌生人玩法的契機。

引入陌生人匹配

針對找不到好友的問題，我們新增了匹配陌生人的能力，用戶可從游戲大廳進行隨機匹配，倘若創建房間后找不到好友，也能在房間內匹配玩家，降低游戲參與門檻。

此外，進一步優化房間內的界面布局，將游戲卡片縮小平鋪排列，讓用戶一眼就能看到多款游戲，提升對游戲數量的感知與轉化率。在游戲類型上，新增了猜歌與知識問答兩款游戲，并提升現有題庫質量，避免游戲趣味性不足，影響用戶留存率。

 

3.2 游戲大廳情感化設計

搭建游戲世界觀

為了增強游戲氛圍，我們通過情感化設計帶領用戶進入情景中，讓用戶更好地理解每個玩法，并從游戲玩法與情感訴求提煉出場景元素，以此搭建游戲世界觀，并將故事情節加以推演，增強趣味性與獨特性，還能進一步提升記憶度。

 

利用光效聚焦視線

光效有利于吸引和聚焦視線，并以不同的表現形式來影響情緒。我們從光的色彩、動效、光感和造型等層面，創造出五種增強感官體驗的光效設計，將其應用在游戲大廳入口，借由不同的光效類型與動畫形態，強化用戶的世界觀感知。

 

會講故事的界面

帶有情感的故事會在記憶中發酵，引領用戶進入場景。我們將游戲入口的功能屬性，轉化為富有故事性的場景設計，當用戶被故事所吸引，多感官區域被激活，將會激發用戶情緒，有利于記憶與理解游戲入口，對游戲產生共情，進而超出產品的功能價值，與用戶建立情感鏈接。

 

例如匹配陌生人入口，使用QQ的IP形象駕駛UFO，準備召集用戶前往神秘的太空之旅，意味著通過陌生人匹配，你將擺脫寂寞，以光速般的速度找到游戲伙伴、快速開始游戲。通過故事劇情激發情感共鳴，并適當結合IP滲透品牌價值，吸引用戶參與游戲。

 

 

破格設計能夠加強張力、突出游戲主題，我們運用破格效果的3D圖標造型，彰顯游戲的獨特調性，樹立鮮明的品牌印象。

 

組件化卡片設計

組件化除了提高設計效率，還能從整體一致性考量差異化。我們將游戲卡片、題庫卡片、提示卡片和入口卡片等功能界面，構建一套組件系統，讓框架布局貫通全流程，打造體驗一致的可玩性，利于后續的擴充與延展。

 

3.3 生存戰增添挑戰性

激發持續參與動力

根據游戲可玩性研究，提供挑戰與磨練技巧的機會，對持續參與游戲的動機有正面影響。有鑒于此，除了提供隨機匹配、召集同好共樂，我們還設計了極限生存戰玩法，希望借著1v1淘汰賽制增添樂趣與挑戰性，激發用戶持續參與的動力，特別是年輕人酷愛這種競技感，擊敗的對手越多，獲得的獎勵就越高，有利于勾起用戶的勝負欲。

 

 

匹配動效強化氛圍

為了營造同場競技的臨場感，我們利用匹配動效強化氛圍。隨著已加入玩家的數字不斷增加，底部會實時展示用戶頭像，具象化呈現玩家數量，烘托熱鬧氣氛，消除等待時的焦慮感，讓用戶處于蓄勢待發的狀態，而紅藍對戰布局則進一步強化PK宣戰的氛圍。過程中若有玩家遭到淘汰，用戶也能通過底部頭像感知剩馀玩家數量，以此增強游戲臨場感與成就感。

 

增強榮譽感與儀式感

每輪擊敗對手時，答題區域將變為全屏的慶祝畫面，搭配撒花特效、頭像聚光燈，營造歡愉的勝利氛圍。而在游戲結果頁，我們同樣利用色彩和動效的差異對比，塑造勝敗雙方的情緒氛圍，以此增強榮譽感與儀式感。在生存戰登頂挑戰成功的用戶，將會站上頒獎臺授予最高榮譽，在舞臺聚光燈的照耀下，迎接光榮勝利。排行榜有助于強化擊敗眾多好手的感知，激發勝利者的分享欲。

 

04 結語

QQ一起派對推出后深受用戶喜愛、獲得廣泛好評，調研結果顯示，用戶整體評價相當高，也樂于將QQ一起派對推薦給好友。

綜而觀之，音視頻除了廣泛應用在通訊場景，正逐漸賦能更多創新場景，而娛樂場景更成為兵家必爭之地。QQ一起派對開啟了新的娛樂形態，充分發揮音視頻聲影重現的獨特優勢，消弭了空間距離，嘗試解決社交游戲產品缺少真實情境的問題，讓游戲過程更具臨場感，就像面對面進行游戲一般。未來將從玩法豐富性、游戲挑戰性、題庫可玩性三方面持續優化，打造更好玩的音視頻體驗。

 

立即打開QQ，邀請好友暢玩聚會游戲！

原文地址：ISUX

作者：騰訊ISUX

 

轉載請注明：學UI網》聲臨其境 | QQ音視頻娛樂社交設計

藍藍設計建立了UI設計分享群，每天會分享國內外的一些優秀設計，如果有興趣的話，可以進入一起成長學習，請掃碼藍小助，報下信息，藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作，也請與我們聯系。

文章來源：csdn

分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責聲明：藍藍設計尊重原作者，文章的版權歸原作者。如涉及版權問題，請及時與我們取得聯系，我們立即更正或刪除。

藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務

隨著造車新勢力，車聯網的賽道發展越來越快。到2021年為止全國汽車保有量超過100萬輛的城市共有72個，與去年同期相比增加5個。，國家要求未來汽車要實現50%的智能車聯，現在頭部的蔚來、小鵬、理想，還有國產品牌的吉利、比亞迪、長城、東風。我們國內造車甚至可以超越合資車。我對未來車聯網還是很看好的。今天就跟大家聊聊現有的車載屏幕演變過程，以及現在市面上車載屏幕，和車載系統的特點。

首先先普及下HMI的概念

HMI：- Human Machine Interface : 人機界面，現在多指車載交互系統體驗設計。

既然說到人機界面，我們先來設計的載體是如何演變的。

一、車載中控儀表盤演變過程

1886 年，由卡爾·本茨發明的第一輛汽車。當時根本就沒有所謂的儀表盤概念，所以載體還得從1908年T型車（Ford Model T）說起，到2012年劃時代的特斯拉Model S，汽車儀表盤目前經歷四代。

1、第一代:以按鍵為主

機械式儀表盤: 第一個時代儀表盤為機械芯儀表，一般包含了車速里程表、轉速表、機油壓力表、水溫表、燃油表、充電表等，之后汽車儀表還需要裝穩壓器來穩定儀表電源的電壓，抑制波動幅度，保證汽車儀表的準確性。初代的汽車儀表盤主要以傳統的熱式和動磁式，顯示的信息極為有限，更多的是車輛物理信息“通信員”的角色。

在機械時期中控臺哪有什么屏幕可言，那時候的中控臺就是收音機和空調的調節器，而且都是實體按鍵的，只能滿足駕駛的基本需求，沒有屏幕，都是照搬飛機中控布局，以實體按鍵為主，功能簡陋單一。堆砌功能按鈕儀表，沒有交互可言。

2、第二代：電氣式儀表盤+小中控屏

第二個時代的電氣式儀表盤終于誕生，從真空熒光顯示屏（VFD），發展到采用液晶顯示屏（LED）及小尺寸薄膜晶體管顯示器（TFT），顯示屏顯示的信息越來越清晰、快捷。目前電氣式儀表在市場的保有量最大，且一般采用機械儀表結合數字儀表的方式，例如車速、轉速信息采用指針，指示燈信息采用LED等點亮，其它信息則采用TFT屏。

雖然相較于第一代機械機芯儀表增加了不少功能，汽車信息反饋也更全面更及時，但是其發展速度卻明顯與汽車行業不相匹配，對于更深層次的駕駛需求，電氣式儀表仍無法滿足。

3、第三代：全數字化儀表

汽車儀表盤領域在不斷追求更新，于是劃時代的全數字液晶儀表盤孕育而生，也是就我們常說的虛擬儀表盤。全數字汽車儀表盤使用了一整塊液晶屏取代了傳統的指針和刻度表，所有信息都通過這塊屏幕顯示出來。

單從外觀上來看就能給人以一種比較高大上的感覺，這類儀表盤上往往沒有指針等部件，所有信息都通過屏幕傳遞出來。功能更強大、信息顯示更具邏輯性，駕駛者接受信息更快，提升行車安全。也可以根據個人喜好調整相應參數，比如比亞迪的儀表盤就可以改變背景顏色。在高級點的，像寶馬的全數字儀表就可以切換N多種模式。

2007年iPhone問世后，大屏、輕薄機身、高清顯示屏、可安裝應用等功能引領了整個行業的革命。電動汽車行業飛速發展,智能AI和人際互聯等人車交互概念也跟著興起,對于中控臺的需求和功能復雜度也跟著越發精細起來,結果就是屏幕越來越大。

2013年上市的特斯拉Model S,座艙里最驚艷的就是那塊17寸的大屏。超高的分辨率和流暢的操作,和漂亮的UI設計,最初讓很多美國民眾瘋狂。就像蘋果手機顛覆了傳統手機業,特斯拉也顛覆了傳統汽車行業。

2014年換代的奔馳S級將兩塊12.3寸屏幕連在一起,合成了一塊23寸大屏,比特斯拉的大屏還多出6英寸。

拜騰M-Byte,48寸巨屏,橫向貫穿儀表臺,再一次顛覆汽車的內飾設計。

比亞迪系列汽車的旋轉大屏,玩出新花樣,可以旋轉控制,就像手機橫屏和豎屏的場景。

縱觀下來,其實不難看出,雖然汽車的中控屏幕也是往著越來越大的方向發展,但因為空間以及功能需求的不同,相比起手機來說,中控屏幕的變化更具備多樣性。

4、第四代：HUD顯示屏

從上世紀80年代，抬頭顯示技術在汽車領域已經開始被使用，直到現在才開始逐漸展露頭腳。

HUD抬頭顯示器(Head Up Display)，又叫平視顯示系統。它可以把重要的信息，映射在風窗玻璃上的全息半鏡上，使駕駛員不必低頭，就能看清重要的信息。

戰斗機是率先應用HUD抬頭顯示器的。飛行員在空戰中，需要交替觀察艙外目標和艙內儀表，易產生瞬間視覺中斷，因此會導致反應遲緩、操作失誤，并有可能貽誤戰機，采用HUD抬頭顯示可克服這一缺點。

第一架使用HUD抬頭顯示的飛機是美國海軍的A-5艦載機。民用航空最早使用HUD抬頭顯示是法國達索飛機公司的mercure飛機。

在復雜多變的道路上開車，駕駛員雙眼離開車輛前方，是個非常危險的事情，尤其是在高速公路上更是明顯。于是很多車型，就給車輛配備了一個不需要挪開視線，就能知道車輛基本信息的配置，這就是HUD抬頭顯示。

HUD作為一款新技術，優勢顯而易見。當駕駛員需要查看儀表盤或中控臺上的信息，視線至少需要轉移0.3秒，而HUD投影的信息就在駕駛員平視的正前方，駕駛員可以將更多的注意力放在路面上。將駕駛體驗及駕駛員對于路況信息的認知能力進行革新式升級。

二、六大車載系統的特點

現在各家系統百家爭鳴，各家車載系統設計有哪些不同？

1. 阿里 斑馬智行

簡介：

1、阿里車載小程序是一種無需下載安裝即可使用的“應用”，旨在為用戶打造“隨時可用”、“用完即走”的使用體驗。

2、AliOS作為互聯網汽車操作系統，原生地支持阿里小程序，引入阿里生態服務的同時也面向開發者開放，圍繞車場景為用戶提供從出行到生活的各類智慧服務。

特點：

1、設計特點：

獨立的大卡片式的內容界面模塊方便車主在行車過程中單手操作，其配色鮮艷，風格扁平，符合使用場景和國人的使用習慣。

2、功能特點：自帶場景智能感知的基因。

得到車主授權后，車載小程序可以圍繞行車場景，實現上車前、行車中、下車后自然串聯的智能化場景服務。

用戶可以在車上通過觸控、語音、手勢等多模態交互方式，咨詢附近的推薦餐廳，小程序會基于用戶的喜好作出推薦，還可以預約排號；到達餐廳附近，系統會自動喚醒小程序，為用戶找到停車場；下車后，車載小程序會無縫連接到手機小程序端，用戶可以在手機上查看餐廳的預約信息等。

△ 斑馬智行2.0系統設計

斑馬智行，采用智能手機界面和應用商城下載 APP 的使用方式，實現車載和手機的雙重控制。

強大的云端特性在語音識別和線上互聯方面提供了良好的使用體驗，車主可以連接手機藍牙后，讀取其手機通訊錄，實現利用車載系統撥打和接聽電話的功能。支持 USB 接口，通過 U 盤實現播放音頻、視頻文件等。在娛樂生活方面，內置蝦米音樂，蜻蜓FM，喜馬拉雅等，支持在線搜索，在線播放以及在線廣播等服務。

同時，斑馬智行依靠阿里強大的技術和資源支持，打通停車場，加油站，高速公路支付等，使用戶駕車時產生的費用均能通過支付寶支付。

2. 百度 Car Life和Apollo

簡介：

1、打造智能車載服務生態，滿足用戶出行、娛樂、生活等多元化需求，構建人-車-家一體化互聯閉環成為時代趨勢。

2、智能小程序，是百度提供的一種技術解決方案。開發者基于此開發出來的服務，在各類宿主環境（手機 App、車載系統、IOT 設備等）中，可做到用戶無感知安裝，即點即用。

特點:

1、設計特點

車載端主界面分別采用藍、綠、紅、灰四個色塊對應四個功能模塊，「發現」集成音樂、娛樂、聽書、電臺等特色音視頻服務，采用紅色在界面中最為突出，其設計風格整體扁平，面性 icon 利于識別與點擊。

2、功能特點

智能小程序包括“車后服務”、“資訊”、“休閑游戲”、“視頻”、“購物”、“親子”、“旅游”、“工具”等8個類別，一共80多款。車企可以根據車型定位和自身需求自行定義和組合可供使用的車載小程序。

百度的車載小程序大部分場景下還是只能依靠用戶用語音喚醒，但在生態的開放性上，百度車載小程序則做得更為徹底，可以在百度App、百度地圖、百度貼吧、百度網盤百度系App上運行。

3. 騰訊 Ai in Car

簡介：

1、“騰訊小場景”是專為出行場景打造的車載輕應用生態，部署在云端，不需要下載，即用即走，并支持語音交互。

2、分為3類，出行服務小型車、生活服務小程序和視聽服務小程序。

特點：

1、設計特點：

運用的FutureLink3.0系統，FutureLink3.0 基于安卓平臺開發，在 12 英寸的中控屏幕上并沒有將大量的圖標堆砌在首頁，反而以地圖為背景，將六大功能模塊以大板塊的形式布局在地圖下方，整個界面設計簡潔。

2、功能特點：

最大特色：基于位置和場景會被自動喚醒。比如用戶經過加油站、停車場、旅游景點的時候，有些購買和支付的服務就會主動彈在車機上，用戶再通過語音完成操作。

手機小程序是“人找服務”，那么騰訊車載小程序則進化成“服務找人”。

△ 騰訊在車載場景下的生態布局

Ai in Car，顧名思義，基于 AI 的連接能力和生態，融合騰訊內容生態的優質資源，包括資訊、視頻、IP、文學等板塊，為車主提供更豐富的內容消費。風行搭載的 FutureLink3.0 車聯網系統，就是和騰訊深度合作而誕生的優質案例。

△ FutureLink3.0系統界面

只在設置頁中，才會出現二級子菜單列表，而且提供的設置項目也不多，界面層級簡單，不累贅，也給司機帶來輕松愉悅的操作體驗。同時，基于行車安全考慮，在類似天氣、股票等查詢功能上，比較依賴語音控制。在娛樂生活方面，打通手機和車機賬號，用戶無需切換賬號就可以與車載導航、電臺、QQ音樂、微信等功能無縫銜接，支持車主組建聊天組，在行車途中與好友進行實時溝通。

從整體來看 FutureLink3.0 的設計，它更像是一個把需求頁面展現在車主面前的「輕應用」，沒有傳統概念上的主界面、多層交互菜單以及相應的「系統特質」的設計，它更希望把海量資源建立在云端，終端只給車主呈現其所需要的服務即可。

4. 谷歌 Android auto

簡介：

Android Auto 系統的工作原理是將手機連接到兼容的汽車，讓駕駛員可以使用汽車屏幕和語音操作與手機的應用程序進行交互。它提供了一種導航、收聽媒體和消息等的簡單方法。

特點：

1、設計特點：

在 UI 框架設計方面，主屏幕以卡片的形式顯示通知、活動、導航和消息，右下角有啟動語音命令的麥克風圖標和底部的活動欄，這些特性屬于全局 UI。在它下方，應用程序內容區域顯示應用程序啟動器或當前使用的主應用程序的內容。

△ Android auto手持設備與車載設計系統

Android auto 將 Android 平臺擴展到汽車上，它有兩種使用方法：在手機上或在兼容的車載屏幕上。

它有一個簡單的界面，標準化的用戶交互模型和強大的聲音動作，其目的是幫助司機盡量減少分心。需要注意的是，為汽車設計交互式應用程序與手持式設備的設計有根本上的不同，其應用程序的交互界面應該簡化，以確保司機的眼睛和手集中在開車上，減少司機分心。

△ Android auto車載系統UI框架

卡片上提供如消息字符串、圖標、圖形和操作等內容，會根據用戶最近的使用情況和優先級來確定卡片的大小。主屏幕會限制卡片的數量，以保持列表的簡短和相關。因此，當新的、更相關的內容出現時，應用程序的通知可能會從屏幕上消失。同時，抽屜式的交互方式，提供了簡單的操作和導航。每個抽屜項目必須提供一個單一的觸摸目標，避免在抽屜里放長的列表，或者在相同內容的視圖之間切換。這里官方給出的最佳 UI 做法是簡化內容，關注上下文，顯示新鮮的、有用的和大多數不滾動的項目，使用單行，對決策至關重要的較長字符串使用兩行。

5. 蘋果 CarPlay

簡介：

CarPlay 車載系統旨在令用戶通過汽車制造商之原生車載系統來使用、操控iOS設備并發揮其功能。該產品的首個版本計劃于2014年發布，最早出現在一些制造商的汽車展覽上。

特點：

1、設計特點：

基于手機映射，所以界面除了橫向布局外，icon都和手機端統一。以簡潔的布局提供有用的、重點突出的信息，便于從駕駛員座椅上進行掃描。不要用不必要的細節和不必要的裝飾來弄亂屏幕。

在整個應用程序中保持整體一致的外觀。一般來說，具有相似功能的元素應該看起來相似。

2、功能特點：

作為車內輔助、操作、娛樂的中心，Carplay 可以直接連接到汽車中控的觸摸屏上，提供基于 iOS 的相關的服務和應用。Carplay 的整體設計圍繞著車內駕駛這一使用場景，而它的設計原則也圍繞著這一場景來規劃：

• 成熟?；谧钍煜さ?iOS 應用，來設計界面元素，并提供熟悉、直觀的體驗。

• 簡短。采用盡可能簡短的交互，不過度引人矚目

• 相關。屏幕顯示信息高度相關，提供盡可能少選項，不需要復雜決策

• 語音?；赟iri，以語音交互為核心，司機無需視線離開前方，手也不用離開方向盤即可完成交互。

  
  

全新的電子車鑰匙，加上 Apple CarPlay 車載流暢的使用體驗，讓 iPhone 能在旅途上發揮更多作用。地圖、電話、信息、音樂、日歷、一言、一觸、一旋隨你駕馭。

6、華為車機應用

簡介：

HMS for Car是華為終端云服務打造的智慧車載云服務解決方案，基于HMS（Huawei Mobile Services），通過AI場景引擎結合華為生態資源，為用戶提供精準豐富的出行場景內容和服務，助力汽車從交通工具向具有交互和服務的能力的智能終端進化。

華為快應用是一種基于行業標準開發的新型免安裝應用，其標準由主流手機廠商組成的快應用聯盟聯合制定。開發者開發一次即可將應用分發到所有支持行業標準的手機運行。

HMS Core提供端、云開放能力，幫助開發者實現應用高效開發、快速增長、商業變現，使能開發者創新，為全球用戶提供精品內容、服務及體驗。

1、全球化分發。已上線超過170+國家和地區。

2、全終端接入。全面支持從小屏幕到大屏幕各種智能終端。

3、全場景支持?？鞈弥边_鏈接和卡片嵌入全終端場景。

特點：

1、設計特點：

在交互界面上，Carplay和Carlife由于使用的投屏方式，主界面依然是一個個的APP圖標，需要點擊啟動進入后才能使用。筆者認為采用這樣移動端過于笨重的交互方式并不適用于車載場景；HUAWEI HiCar的設計理念是"安全便捷、自然舒適、智能貼心", 對車載端的人機交互要素重新布局規劃設計，采用桌面卡片的設計方式，以滿足復雜駕駛狀態下的使用需求。

桌面卡片是應用內容和功能特性的重要載體，用戶通過對卡片的快捷操作直達應用的核心功能，提升交互的便捷性。應用可通過接入 HUAWEI HiCar 桌面卡片的方式呈現最核心的功能和服務，并根據自身的需求特性，自行組合卡片元素以滿足不同場景下的用戶訴求。

• 背板：背板樣式可以為色彩填充或設置背景圖。

  背景色支持黑、白、彩色三套。

  應用需提供三套背板以適配卡片主題切換。

• 品宣區：品宣樣式為圖標+文字，應用可根據在此區域顯示品牌圖標和名稱。

• 內容區：展示與應用場景相關的信息，其內容可以是圖片、文本或圖文樣式。

• 操作區：操作區為文字或圖片按鍵，最多 3 個控件或 1 個控件組。

2、功能特點：

華為智慧助手，可結合用戶使用場景，以卡片形式推送提醒、服務和行程，實現智慧化服務找人。例如，送孩子上學時，車機端華為智慧助手將自動推送"有聲續播"卡片，用戶點擊卡片，即可一鍵續播孩子在華為手機上沒聽完的有聲兒童內容；用戶在開車下班回家路上，進入離家500米范圍內時，車機系統可自動啟動"回家模式"，提前打開家中的窗簾、空調等設備，方便用戶享受愜意生活。

My Car功能面向車企開放華為手機等智能硬件系統級入口能力，能夠實現遠程控車、查車、汽車服務/告警關鍵信息等反向推送能力。遠程控車功能，可以滿足用戶高頻控車訴求，例如，遠程開關空調、尋車、查看門窗狀態等。另外，當車輛胎壓不足、門窗未關閉時，用戶也能通過手機、車機及時收到提醒。

三、系統的開源地址

1、阿里Alios開放平臺

https://miniapp.alios.cn/index#/document

2、百度車載生態開放平臺

https://chelianwang.baidu.com/homepage/openPlateform/design/sec-4-1.html

3、騰訊-車載小場景（私我領取PDF）

4、谷歌駕駛

https://developers.google.com/cars/design/design-foundations

5、蘋果apple car play

iOS - CarPlay 車載

6、華為車機三方應用交互設計規范

https://developer.huawei.com/consumer/cn/doc/50902#h2-1587181522014

藍藍設計建立了UI設計分享群，每天會分享國內外的一些優秀設計，如果有興趣的話，可以進入一起成長學習，請掃碼ben_lanlan，報下信息，會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作，也請與我們聯系。

文章來源：站酷 作者：郝小七

分享此文一切功德，皆悉回向給文章原作者及眾讀者.

免責聲明：藍藍設計尊重原作者，文章的版權歸原作者。如涉及版權問題，請及時與我們取得聯系，我們立即更正或刪除。

藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務