什么是「預(yù)判設(shè)計(jì)」？

預(yù)判設(shè)計(jì)（Anticipatory Design）是一種能夠引導(dǎo)用戶、縮短用戶行為路徑的有效設(shè)計(jì)手段。使用預(yù)判設(shè)計(jì)方法設(shè)計(jì)的交互界面，在交互和視覺(jué)上的表現(xiàn)總是比用戶更遠(yuǎn)一步。而且這些交互表現(xiàn)是在用戶沒(méi)有作出行動(dòng)觸發(fā)的情況下進(jìn)行的。

預(yù)判設(shè)計(jì)的本質(zhì)上是一種基于數(shù)據(jù)收集所做的用戶習(xí)慣研究和智能推送的設(shè)計(jì)模式。UX 設(shè)計(jì)師 Joelvan Bodegraven 曾說(shuō)過(guò)：“Anticipatory Design 是圍繞機(jī)器學(xué)習(xí)、預(yù)測(cè)和用戶預(yù)期的綜合性設(shè)計(jì)模式?！?

好的預(yù)判設(shè)計(jì)可以做到以下幾點(diǎn)：

• 在用戶初次體驗(yàn)?zāi)撤N功能時(shí)起到引導(dǎo)作用，避免用戶產(chǎn)生疑問(wèn)和不知所措

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

• 讓用戶感受到驚喜和關(guān)懷，對(duì)產(chǎn)品上癮，產(chǎn)生好感和依賴感

預(yù)判設(shè)計(jì)的主體是用戶行為，從用戶的視角出發(fā)，建立在整個(gè)產(chǎn)品的交互里路程和功能框架上，對(duì)用戶的行為深刻洞察后進(jìn)行細(xì)節(jié)的改進(jìn)。

如何預(yù)判用戶的行為？

我們可以從三個(gè)維度探索用戶行為預(yù)判的方法：

一.「人」的維度：

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

1. 預(yù)測(cè)用戶所需

對(duì)用戶即將做出的動(dòng)作做出反饋，且適當(dāng)突出反饋效果，幫助用戶更輕易的看到想要的結(jié)果。

Apple 的 magic keyboard 在 iPad 上的鼠標(biāo)效果，當(dāng)鼠標(biāo)圓點(diǎn)靠近功能熱區(qū)時(shí)，系統(tǒng)預(yù)判用戶需要點(diǎn)擊按鍵，于是會(huì)產(chǎn)生自動(dòng)吸附的 hover 效果。

Mac 上的鼠標(biāo)效果也做的很用心，當(dāng)用戶在一段時(shí)間內(nèi)不斷的搖晃鼠標(biāo)時(shí)，系統(tǒng)判斷用戶可能是需要找到鼠標(biāo)，因此會(huì)放大鼠標(biāo)箭頭的大小，提示用戶鼠標(biāo)的位置。    

                                           

2. 縮短行為路徑

通過(guò)預(yù)測(cè)用戶下一步的行為，對(duì)用戶進(jìn)行直接引導(dǎo)，縮短用戶的行為路徑，減少操作步驟。

得到 App 預(yù)判用戶的截圖行為的下一步是分享，因此在截圖后，可以點(diǎn)擊「分享」直接分享到其他平臺(tái)。

微信會(huì)在用戶截圖之后打開(kāi)微信對(duì)話窗口點(diǎn)擊「+」時(shí)，顯示用戶剛剛保存的、可能要發(fā)送的圖片。

微信朋友圈會(huì)在用戶再次打開(kāi)時(shí)提示用戶直接「跳到還沒(méi)看的位置」，幫助用戶快速定位之前離開(kāi)的位置。

3. 分析歷史數(shù)據(jù)

通過(guò)對(duì)用戶的歷史行為數(shù)據(jù)進(jìn)行分析，對(duì)產(chǎn)品的功能和內(nèi)容進(jìn)行優(yōu)化，符合用戶的個(gè)性化需求，創(chuàng)造優(yōu)質(zhì)體驗(yàn)。

淘寶等電商平臺(tái)會(huì)跟據(jù)用戶之前瀏覽過(guò)的商品進(jìn)行推薦，大眾點(diǎn)評(píng)也會(huì)根據(jù)用戶的飲食喜好進(jìn)行美食推薦。

Google 翻譯里，用戶在第二次點(diǎn)擊發(fā)音按鈕時(shí)，讀音播放的速度會(huì)明顯比第一次緩慢，因?yàn)橄到y(tǒng)預(yù)判用戶可能在第一次播放時(shí)沒(méi)有聽(tīng)清，所以才需要播放第二次。

二.「時(shí)間」的維度：

從「時(shí)間」的維度來(lái)看，是指在特定時(shí)間對(duì)用戶的行為進(jìn)行預(yù)判和推薦，方法有以下幾種：

1. 對(duì)有固定完結(jié)日期的功能/信息的提醒

對(duì)快要過(guò)期/馬上到來(lái)/必須被使用的功能、信息做及時(shí)的提醒，避免用戶忘記/逾期/遲到等。

外賣平臺(tái)會(huì)在中飯晚飯前后給出紅包/優(yōu)惠推送、生鮮電商平臺(tái)會(huì)在優(yōu)惠劵快要過(guò)期時(shí)給出提醒，行程類產(chǎn)品會(huì)在飛機(jī)/火車快出發(fā)時(shí)給出行程通知。

2. 在特定的時(shí)間做功能的臨時(shí)優(yōu)化

在特殊的時(shí)間給用戶適當(dāng)?shù)奶嵝眩ò[私提醒、天氣提醒等），借助節(jié)日、活動(dòng)等時(shí)機(jī)部分開(kāi)放功能的限制，讓用戶覺(jué)得自己時(shí)刻被關(guān)注、被惦記，拉近與用戶之間的關(guān)系。

美團(tuán)外賣針對(duì)用戶所在區(qū)域，提前推送天氣變化，提醒用戶提前下單，以免天氣影響用餐時(shí)間。

七夕節(jié)到來(lái)，微信將原本最高 200 元的紅包金額調(diào)整到了 520 元，是一個(gè)驚喜又有人文關(guān)懷的產(chǎn)品細(xì)節(jié)。

三.「空間」的維度：

從「空間」的維度來(lái)看，是指在特定空間或者當(dāng)?shù)攸c(diǎn)切換時(shí)，對(duì)用戶的行為進(jìn)行預(yù)判，與用戶產(chǎn)生合情合理的交互：

大眾點(diǎn)評(píng)會(huì)在用戶切換城市時(shí)給用戶恰當(dāng)?shù)奶崾尽?

使用支付寶刷地鐵站出站的概念頁(yè)面設(shè)計(jì)，清晰的展示了出站口的地點(diǎn)信息。

預(yù)判用戶行為的設(shè)計(jì)原則：

預(yù)判設(shè)計(jì)（Anticipatory Design）的主體是用戶行為，從用戶的視角出發(fā)，建立在整個(gè)產(chǎn)品的交互里路程和功能框架上，對(duì)用戶的行為深刻洞察后進(jìn)行細(xì)節(jié)的改進(jìn)。其設(shè)計(jì)原則有：

1. 化繁為簡(jiǎn)，縮短路徑

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

2. 結(jié)合場(chǎng)景，分析原因

思考用戶行為背后的邏輯和原因，做產(chǎn)品功能上的優(yōu)化和調(diào)整。

3. 行之有度，點(diǎn)到即可

做體驗(yàn)設(shè)計(jì)改進(jìn)時(shí)不能急功近利或顯得過(guò)于生硬，要注意力度和用戶心智的平衡關(guān)系。

4. 個(gè)性推薦，千人千面

預(yù)判設(shè)計(jì)應(yīng)該使用戶在界面的操作過(guò)程中感覺(jué)到自然，所以大部分預(yù)判設(shè)計(jì)是根據(jù)用戶喜好量身定制的個(gè)性化設(shè)計(jì)。

最后，記?。河脩粼趯?shí)際使用中不應(yīng)該真正“看到”預(yù)判設(shè)計(jì)，但應(yīng)該能夠感覺(jué)到它的存在，并為之感到愉悅。

文章來(lái)源：站酷 作者：Ant_Design 

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

免責(zé)聲明：藍(lán)藍(lán)設(shè)計(jì)尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問(wèn)題，請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系，我們立即更正或刪除。

藍(lán)藍(lán)設(shè)計(jì)( www.yvirxh.cn )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)

我們毫無(wú)疑問(wèn)已經(jīng)處在一個(gè)大數(shù)據(jù)的時(shí)代。各行各業(yè)都在快速產(chǎn)生和積累數(shù)據(jù)。 本文結(jié)合 UED 團(tuán)隊(duì)過(guò)去所參與 B 端數(shù)據(jù)可視化項(xiàng)目分享一些經(jīng)驗(yàn)及思考。

• 背景
• 什么是數(shù)據(jù)可視化
• 數(shù)據(jù)可視化的應(yīng)用價(jià)值
• 如何做好數(shù)據(jù)可視化設(shè)計(jì)
• 數(shù)據(jù)可視化發(fā)展趨勢(shì)
• 結(jié)語(yǔ)

背景

“得益于計(jì)算機(jī)技術(shù)和海量數(shù)據(jù)庫(kù)的發(fā)展，個(gè)人在真實(shí)世界的活動(dòng)得到了前所未有的記錄……社會(huì)科學(xué)將脫下‘準(zhǔn)科學(xué)’的外衣， 在21世紀(jì)全面邁進(jìn)科學(xué)的殿堂。”- 雅虎首席科學(xué)家Duncan J. Watts

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

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

• 更多：不是隨機(jī)樣本，而是所有的數(shù)據(jù);
• 更雜：不是精確性，而是混雜性;
• 更好：不是因果關(guān)系，而是相關(guān)關(guān)系。 [1]

當(dāng)前對(duì)大數(shù)據(jù)的研究涉及計(jì)算機(jī)科學(xué)、數(shù)學(xué)、生物學(xué)等多個(gè)領(lǐng)域。大數(shù)據(jù)尤其是對(duì)數(shù)據(jù)存儲(chǔ)、數(shù)據(jù)挖掘等提出了重大挑戰(zhàn)。而數(shù)據(jù)可視化也將在大數(shù)據(jù)時(shí)代扮演一個(gè)重要的角色。數(shù)據(jù)可視化可以將紛繁復(fù)雜的大數(shù)據(jù)集、晦澀難懂的數(shù)據(jù)報(bào)告變得直觀易讀、易于理解，通過(guò)圖表將雜亂的數(shù)據(jù)進(jìn)行科學(xué)有序的呈現(xiàn)，使用戶找到數(shù)據(jù)的變化規(guī)律以及潛在價(jià)值，幫助用戶作出決策。就數(shù)據(jù)可視化的應(yīng)用來(lái)看，應(yīng)用范圍極其廣泛，如政府應(yīng)用、商業(yè)決策、公共服務(wù)等等。

什么是數(shù)據(jù)可視化

顧名思義，數(shù)據(jù)可視化就是將數(shù)據(jù)轉(zhuǎn)換成圖或表等形式，以一種更直觀的方式呈現(xiàn)數(shù)據(jù)。通過(guò)可視化的方式，我們可以將大量復(fù)雜的數(shù)據(jù)通過(guò)圖形化的手段進(jìn)行有效地表達(dá)，幫助用戶發(fā)現(xiàn)規(guī)律和特征，發(fā)掘數(shù)據(jù)背后的價(jià)值。

圖 1 @Marco Zemolin Siresia Bagnoli

數(shù)據(jù)可視化的應(yīng)用價(jià)值

1. 易于理解，有利于發(fā)現(xiàn)信息特征

使用可視化的方式來(lái)表達(dá)復(fù)雜的數(shù)據(jù)，可以確保對(duì)關(guān)系的理解要比那些混亂的報(bào)告或電子表格更快。通過(guò)圖形化的表現(xiàn)方式，我們可以以清晰和連貫的方式解釋大量的數(shù)據(jù)，從而讓我們理解數(shù)據(jù)，得出結(jié)論。

案例：流媒體平臺(tái)節(jié)目數(shù)量的變化

以下圖為例，當(dāng)用戶希望了解 2011 至 2020 下圖四大流媒體平臺(tái)節(jié)目的數(shù)量變化情況時(shí)，以表格方式呈現(xiàn)效果如下圖：

未經(jīng)可視化設(shè)計(jì)的表格數(shù)據(jù)圖

如果通過(guò)可視化設(shè)計(jì)處理后效果如下圖：

經(jīng)可視化設(shè)計(jì)后的數(shù)據(jù)圖

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

2. 將數(shù)據(jù)轉(zhuǎn)化為更具吸引力的故事

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

這表明，在信息的類型中，人腦對(duì)圖片信息的接收和處理效率遠(yuǎn)高于文字信息。而數(shù)據(jù)可視化則可以將數(shù)據(jù)通過(guò)可視化的方式轉(zhuǎn)化一個(gè)以圖片形式展示的故事，幫助用戶快速接收、處理信息，激發(fā)用戶聯(lián)想并產(chǎn)生情感共鳴。

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

隨著新冠疫情在全球各個(gè)地區(qū)的蔓延，如何做好疫情防控已經(jīng)成為了每個(gè)民眾的頭等大事 。Mariano 和 Javier 用可視化的方式生動(dòng)形象地傳達(dá)了新冠病毒是如何通過(guò)空氣傳播的以及可以通過(guò)哪些措施來(lái)降低傳染風(fēng)險(xiǎn)。

圖 2 @Mariano & Javier

案例二：在敘利亞，誰(shuí)和誰(shuí)戰(zhàn)斗？

許多不同的團(tuán)體之間的關(guān)系可能很難理解 – 尤其是當(dāng)有11個(gè)這樣的團(tuán)體存在的時(shí)候，這些團(tuán)體之間有的結(jié)盟，有的敵對(duì)，這讓人難以理解。但是，Joshua Keating 和Chris Kirk通過(guò)表格的形式和熟悉的視覺(jué)效果和色彩，將這些數(shù)據(jù)簡(jiǎn)化為一種簡(jiǎn)單的、易于理解和可互動(dòng)的形式，讓人們可以輕松了解這些團(tuán)體之間的關(guān)系和故事

圖 3 @Joshua Keating and Chris Kirk

3. 幫助人們作出決策，加快決策過(guò)程

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

圖 4 @Bea Vaquero

如何做好 B 端數(shù)據(jù)可視化設(shè)計(jì)

1. 明確客戶需求

設(shè)計(jì)師在設(shè)計(jì)數(shù)據(jù)可視化項(xiàng)目的開(kāi)始階段應(yīng)該盡量與客戶進(jìn)行深入溝通，確定他們的業(yè)務(wù)訴求，也可以理解為確定客戶的初衷與目的，從企業(yè)客戶對(duì)數(shù)據(jù)可視化的需求看來(lái)，通常會(huì)有兩種類型：

• 側(cè)重于匯報(bào)展示，主要用途是為了對(duì)外宣傳、對(duì)內(nèi)展示等，對(duì)于這類需求，設(shè)計(jì)時(shí)可強(qiáng)化視覺(jué)效果的呈現(xiàn)，對(duì)數(shù)據(jù)進(jìn)行場(chǎng)景化設(shè)計(jì)，嘗試讓數(shù)據(jù)以一種新的載體，有趣的互動(dòng)等形式結(jié)合展現(xiàn)。
• 側(cè)重于數(shù)據(jù)分析和協(xié)助決策，對(duì)于這類需求，一定要清晰了解需求方的業(yè)務(wù)內(nèi)容和重點(diǎn)指標(biāo)，重點(diǎn)關(guān)注數(shù)據(jù)的維度、種類、數(shù)量等信息，視效設(shè)計(jì)上應(yīng)該優(yōu)先滿足業(yè)務(wù)訴求。

明確客戶訴求，通過(guò)設(shè)計(jì)手段幫助客戶達(dá)成目標(biāo)，這才是 B 端數(shù)據(jù)可視化設(shè)計(jì)的關(guān)鍵所在。只有當(dāng)我們了解客戶的需要，我們才能快速推導(dǎo)產(chǎn)品結(jié)構(gòu)、關(guān)鍵數(shù)據(jù)、視效風(fēng)格等信息。

圖 5 @Daria

2. 確定關(guān)鍵指標(biāo)與優(yōu)先級(jí)

關(guān)鍵指標(biāo)是對(duì)一組或者一系列數(shù)據(jù)的統(tǒng)稱。一般情況下，一個(gè)指標(biāo)在屏幕上獨(dú)占一塊區(qū)域，所以通過(guò)關(guān)鍵指標(biāo)定義，我們就知道數(shù)據(jù)大屏上大概會(huì)顯示哪些內(nèi)容以及數(shù)據(jù)大屏?xí)环譃閹讐K。

那么關(guān)鍵指標(biāo)的選取依據(jù)是什么呢？我個(gè)人認(rèn)為主要還是依據(jù)客戶訴求，數(shù)據(jù)可視化的最終目的就是幫助客戶達(dá)成業(yè)務(wù)目標(biāo)。需要思考的是，哪些數(shù)據(jù)通過(guò)何種呈現(xiàn)方式能夠幫助客戶解決問(wèn)題、達(dá)到目的、滿足他們的期望，選擇出一系列關(guān)鍵指標(biāo)。

對(duì)于這些選取出來(lái)的關(guān)鍵指標(biāo)，我們需要對(duì)其進(jìn)行優(yōu)先級(jí)的排列，一般來(lái)說(shuō)，主要指標(biāo)能夠呈現(xiàn)業(yè)務(wù)的主要邏輯，一般放在顯眼位置，用重點(diǎn)元素標(biāo)識(shí)；次要指標(biāo)圍繞主要信息進(jìn)一步闡述；輔助指標(biāo)是對(duì)主要信息的補(bǔ)充，一般放在非核心區(qū)域，或者二級(jí)結(jié)構(gòu)中。

通過(guò)合理優(yōu)化關(guān)鍵指標(biāo)并進(jìn)行優(yōu)先級(jí)排列，能夠保證數(shù)據(jù)可視化的核心設(shè)計(jì)的重點(diǎn)，避免數(shù)據(jù)空洞散亂。

3. 合理使用數(shù)據(jù)圖表

在選擇圖表展示相關(guān)數(shù)據(jù)指標(biāo)時(shí)我們要思考各個(gè)指標(biāo)的主要呈現(xiàn)，更進(jìn)一步的講，是我們想通過(guò)可視化表達(dá)怎樣的信息。下面這張圖就清晰告知了我們?nèi)绾螐臄?shù)據(jù)的展示目的出發(fā)，選擇合適的可視化方式來(lái)呈現(xiàn)數(shù)據(jù)。

圖 6 翻譯自@Stephen Few

4. 合理進(jìn)行頁(yè)面布局

數(shù)據(jù)可視化頁(yè)面布局的設(shè)計(jì)是相對(duì)靈活的，為了保證數(shù)據(jù)呈現(xiàn)最佳效果需要結(jié)合實(shí)際需求來(lái)合理規(guī)劃。關(guān)注核心數(shù)據(jù)的比例和位置，橫向布局最為常見(jiàn)（人眼的水平運(yùn)動(dòng)比垂直運(yùn)動(dòng)快，會(huì)先注意水平方向的事物），核心數(shù)據(jù)場(chǎng)景劃分在中心位置，占較大面積；其余的指標(biāo)按優(yōu)先級(jí)遵循人們的瀏覽習(xí)慣在核心指標(biāo)周圍依次展開(kāi)。將類型相近的指標(biāo)放一起，這樣能減少觀者認(rèn)知上的負(fù)擔(dān)并提高信息傳遞的效率。

@布局設(shè)計(jì)案例

5. 制定設(shè)計(jì)方向

在定義設(shè)計(jì)風(fēng)格的階段，從項(xiàng)目背景出發(fā)，綜合行業(yè)類型、產(chǎn)品定位、品牌傳播等因素，提取關(guān)鍵信息，構(gòu)建設(shè)計(jì)框架。

數(shù)據(jù)可視化的設(shè)計(jì)風(fēng)格主要根據(jù)客戶要求、行業(yè)特性、數(shù)據(jù)指標(biāo)等因素決定。通常我們很容易看到的可視化設(shè)計(jì)以深色為主，是因?yàn)橄啾扔跍\色基調(diào)，深色背景設(shè)計(jì)能夠有效緩解視覺(jué)疲勞，其次深色設(shè)計(jì)能夠更好地營(yíng)造對(duì)比差異以及數(shù)據(jù)層級(jí)，再者深色設(shè)計(jì)更容易呈現(xiàn)豐富的動(dòng)態(tài)效果，營(yíng)造出強(qiáng)烈的空間感等。配色的設(shè)計(jì)使用應(yīng)該充分考慮項(xiàng)目背景以及項(xiàng)目屬性，例如黨政機(jī)關(guān)類項(xiàng)目會(huì)慎重考慮用色，應(yīng)當(dāng)確保設(shè)計(jì)嚴(yán)肅，莊重。

數(shù)據(jù)可視化的設(shè)計(jì)除了對(duì)數(shù)據(jù)進(jìn)行合理設(shè)計(jì)，還需要注重場(chǎng)景感的塑造，例如，我們通過(guò)場(chǎng)景化設(shè)計(jì)可以讓某大數(shù)據(jù)平臺(tái)成為大型“圖書館”，查看數(shù)據(jù)的過(guò)程就跟圖書館看書一致，場(chǎng)景化設(shè)計(jì)的優(yōu)勢(shì)是能夠讓用戶能夠以一種具象的互動(dòng)方式來(lái)理解十分抽象的業(yè)務(wù)數(shù)據(jù)，當(dāng)然合理的構(gòu)建動(dòng)態(tài)數(shù)據(jù)效果能夠讓數(shù)據(jù)具備“生命力”。

圖 7 @Gan Gryc

6. 設(shè)計(jì)對(duì)比

除了尺寸和位置，我們還可以通過(guò)配色來(lái)突出數(shù)據(jù)。

無(wú)論是通過(guò)顏色或形狀對(duì)比設(shè)計(jì)，容易產(chǎn)生強(qiáng)烈的視覺(jué)沖擊力。

圖 8 @Bureau Oberhaeuser

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

圖 9 @Zoey Shen

正確的對(duì)數(shù)據(jù)進(jìn)行配色，讓數(shù)據(jù)傳遞出的信息更清楚、更明白，例如國(guó)內(nèi) A 股，紅色代表漲，綠色代表跌（美股綠漲紅跌）如果給國(guó)內(nèi)的股票、金融等相關(guān)客戶做數(shù)據(jù)可視化設(shè)計(jì)時(shí)，需要避免不同地區(qū)文化所產(chǎn)生的差異。

圖 10 @Dima Groshev

7. 選擇 2D or 3D?

隨著數(shù)字孿生概念的火熱，越來(lái)越多的企業(yè)熱衷于打造自己的 3D 數(shù)據(jù)可視化產(chǎn)品，那么 3D 可視化就一定比 2D 強(qiáng)嗎？

數(shù)據(jù)可視化設(shè)計(jì)本身就是為了高效傳達(dá)數(shù)據(jù)信息而服務(wù)的，相比平面呈現(xiàn)，3D 最大的優(yōu)勢(shì)在于多了空間維度，適合那些需要跟空間結(jié)合的數(shù)據(jù)呈現(xiàn)，例如地理信息、建筑樓宇、工業(yè)生產(chǎn)等場(chǎng)景。那么 3D 數(shù)據(jù)可視化相比 2D 就一定能夠展示更多的信息嗎，顯然不是絕對(duì)的；需要根據(jù)實(shí)際業(yè)務(wù)需求出發(fā)。

通常我們所說(shuō)的數(shù)據(jù) 3D 可視化，就是把大量復(fù)雜抽象的數(shù)據(jù)信息，通過(guò) 3D 模型以視覺(jué)方式呈現(xiàn)出來(lái)，幫助人們理解和分析數(shù)據(jù)。相比于數(shù)據(jù) 2d 可視化，數(shù)據(jù) 3d 可視化具有以下的優(yōu)勢(shì)：

• 展示空間相關(guān)的數(shù)據(jù)，因?yàn)榭臻g數(shù)據(jù)具有三個(gè)維度，如果想要將其以視覺(jué)方式直觀呈現(xiàn)出來(lái)，就必須要借助 3d 模型。例如顯示一棟大樓不同樓層的人員分布情況，此時(shí)只有 3D 數(shù)據(jù)可視化能夠幫助我們達(dá)到目標(biāo)；
• 視覺(jué)沖擊力更強(qiáng)，相比于 3D 可視化從視覺(jué)上表現(xiàn)力更強(qiáng)；
• 場(chǎng)景/對(duì)象仿真，在一些需要高度仿真的項(xiàng)目，例如與軍事、地理勘測(cè)相關(guān)的項(xiàng)目中，數(shù)據(jù) 3D 可視化就不可或缺了，無(wú)論宏觀態(tài)勢(shì)還是細(xì)微結(jié)構(gòu)的精密運(yùn)行，數(shù)據(jù) 3d 可視化都可以將相關(guān)信息清晰呈現(xiàn)給使用者，將真實(shí)的環(huán)境、對(duì)象搬到屏幕上，降低使用者的認(rèn)知成本。

在一個(gè)實(shí)際的數(shù)據(jù)可視化產(chǎn)品項(xiàng)目中，有必要應(yīng)用 3D 數(shù)據(jù)可視化的情形；

• 需要展示多維空間數(shù)據(jù)
• 需要通過(guò)對(duì)場(chǎng)景/對(duì)象進(jìn)行仿真，減少使用者的認(rèn)知成本和學(xué)習(xí)成本
• 需要依靠 3D 效果來(lái)提升視覺(jué)沖擊力

相比 2D，3D 的設(shè)計(jì)與開(kāi)發(fā)成本相對(duì)較高；其次 3D 場(chǎng)景會(huì)容易產(chǎn)生視角遮擋以及操作成本等問(wèn)題，那么從實(shí)際項(xiàng)目出發(fā)合理選擇才是最重要的。

亞信數(shù)字樓宇@PRD MO UED

8. 設(shè)計(jì)還原

設(shè)計(jì)稿完成了并不代表設(shè)計(jì)師在這個(gè)項(xiàng)目中的工作就結(jié)束了，在后續(xù)的開(kāi)發(fā)工作中，設(shè)計(jì)師還要與開(kāi)發(fā)人員合作，減少上線產(chǎn)品與設(shè)計(jì)稿的差異。

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

亞信數(shù)字樓宇@PRD MO UED

9. 調(diào)優(yōu)與測(cè)試

測(cè)試客戶終端上線是否正常，有無(wú)適配所造成的兼容性問(wèn)題；排查有無(wú)視效及體驗(yàn)問(wèn)題，同時(shí)也要考慮極端場(chǎng)景下所產(chǎn)生的問(wèn)題及應(yīng)對(duì)方案。

對(duì)于大型 3D 可視化場(chǎng)景會(huì)存在性能卡頓，加載緩慢等問(wèn)題，在保證視效基礎(chǔ)上盡可能壓縮相關(guān)美術(shù)資源，減少不必要的效果計(jì)算和內(nèi)存占用量，根據(jù)實(shí)時(shí)效果需要不斷優(yōu)化性能提升產(chǎn)品體驗(yàn)度。

數(shù)據(jù)可視化發(fā)展趨勢(shì)

趨勢(shì)一：數(shù)據(jù)可視化 ╳ AI人工智能

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

IBM 數(shù)據(jù)可視化專家 Mauro Martino 創(chuàng)建的儀表板，允許用戶可視化新聞中出現(xiàn)的主題

趨勢(shì)二：數(shù)據(jù)可視化 ╳ XR

AR 和 VR 技術(shù)的應(yīng)用可以增強(qiáng)數(shù)據(jù)在空間上的感知，從而幫助人們更好地使用數(shù)據(jù)。通過(guò)結(jié)合 VR、AR 技術(shù)，用戶能夠更好，更快地理解、分析數(shù)據(jù)。最近進(jìn)行的許多研究表明，VR 和 AR 具有較強(qiáng)的感官體驗(yàn)，可以促進(jìn)更快的學(xué)習(xí)和理解。幫助用戶對(duì)業(yè)務(wù)問(wèn)題進(jìn)行多維度的分析，并更快速地找到解決方案。

圖 11 LM9000@5puj47980xk

趨勢(shì)三：數(shù)據(jù)可視化 ╳ 實(shí)時(shí)數(shù)據(jù)

在數(shù)字時(shí)代，事物變化很快，企業(yè)需要對(duì)數(shù)據(jù)告訴他們的信息做出快速反應(yīng)——正因?yàn)槿绱?，?shí)時(shí)可視化數(shù)據(jù)比以往任何時(shí)候都更重要。

在 COVID-19 大流行期間，企業(yè)能夠迅速作出反應(yīng)更加重要。各國(guó)政府和衛(wèi)生當(dāng)局已經(jīng)使用實(shí)時(shí)數(shù)據(jù)可視化來(lái)跟蹤感染情況并據(jù)此進(jìn)行調(diào)整。越來(lái)越多的公司正在將實(shí)時(shí)數(shù)據(jù)集成到他們的產(chǎn)品中。

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

圖 13 @Esri & The Science of Where Podcast

趨勢(shì)四：數(shù)據(jù)可視化 ╳ 全面體驗(yàn)設(shè)計(jì)

以用戶體驗(yàn)為核心的數(shù)據(jù)可視化設(shè)計(jì)是一種重要趨勢(shì)，將用戶放在第一位，然后是數(shù)據(jù)。無(wú)論處在哪個(gè)行業(yè)，設(shè)計(jì)師都應(yīng)該遵循類似的思考過(guò)程，從思考用戶需求及其痛點(diǎn)開(kāi)始, 用戶正在嘗試解決哪些問(wèn)題，以及他們面臨哪些可能的困難？他們需要什么信息和功能來(lái)解決這些問(wèn)題？我們?nèi)绾我宰罴逊绞綖樗麄兇蛟鞌?shù)據(jù)可視化？

最新的趨勢(shì)之一是將用戶的工作流與可行的見(jiàn)解、建議、預(yù)測(cè)以及針對(duì)當(dāng)前任務(wù)或決策的最佳后續(xù)操作合并，幫助用戶進(jìn)一步鉆研數(shù)據(jù)并發(fā)現(xiàn)模式、趨勢(shì)和相關(guān)性。

結(jié)語(yǔ)

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

文章來(lái)源：優(yōu)設(shè) 作者：AsiaInfo Design

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

免責(zé)聲明：藍(lán)藍(lán)設(shè)計(jì)尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問(wèn)題，請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系，我們立即更正或刪除。

藍(lán)藍(lán)設(shè)計(jì)( www.yvirxh.cn )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)

本來(lái)這樣的形式已經(jīng)司空見(jiàn)慣，足以應(yīng)付。但寫這個(gè)文章的契機(jī)，是因?yàn)槿ツ杲恿艘粋€(gè)令人頭禿的項(xiàng)目，這是一個(gè)平臺(tái)項(xiàng)目，在這個(gè)平臺(tái)上有 30 多個(gè)APP，核心干系人包括運(yùn)營(yíng)/APP產(chǎn)品經(jīng)理/平臺(tái)開(kāi)團(tuán)隊(duì)/PO/APP的開(kāi)發(fā)團(tuán)隊(duì) ，位置不同，利益點(diǎn)也不一樣，并且這里每個(gè)團(tuán)隊(duì)核心干系人都不是一個(gè)人，而是 2-3 個(gè)人，對(duì)接人有層層回匯報(bào)關(guān)系。拋開(kāi)項(xiàng)目本身業(yè)務(wù)是專業(yè)領(lǐng)域的內(nèi)容學(xué)習(xí)成本高不說(shuō)，就干系人管理這一項(xiàng)就頗為棘手。

在這個(gè)項(xiàng)目中我遇到了哪些問(wèn)題：

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

2. 業(yè)務(wù)復(fù)雜，專業(yè)性極強(qiáng)，訪談過(guò)程全是專業(yè)術(shù)語(yǔ)

3. PO 不是核心決策人

4. 項(xiàng)目中后期，出現(xiàn)新的干系人

5. 團(tuán)隊(duì)成員能力需要培養(yǎng)

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

綜上，這個(gè)項(xiàng)目著實(shí)做掉了不少頭發(fā)，這樣的項(xiàng)目要怎么做呢？希望大家在遇到這樣的項(xiàng)目的時(shí)候也少走一些彎路。聊到這里，就要聊一下項(xiàng)目管理是什么了，我們從頭來(lái)梳理以下，查漏補(bǔ)缺。也是對(duì)自己的一次復(fù)盤

項(xiàng)目管理是什么？

·項(xiàng)目管理是有效資源整合，高效實(shí)現(xiàn)目標(biāo)的一整套管理理念

·在復(fù)雜多變的環(huán)境中，如何做好一件事情

按照時(shí)間軸羅列，項(xiàng)目管理分為：?jiǎn)?dòng) 規(guī)劃 執(zhí)行 監(jiān)控 收尾

那我套用到設(shè)計(jì)的項(xiàng)目管理，大致會(huì)分為以下幾個(gè)階段：

      項(xiàng)目開(kāi)始，在正式進(jìn)入客戶場(chǎng)地以前，就是項(xiàng)目啟動(dòng)階段，該階段需要了解：

項(xiàng)目啟動(dòng)

項(xiàng)目：

• 項(xiàng)目的整體背景

• 挑戰(zhàn)

• 目標(biāo)

• 項(xiàng)目范圍

• 時(shí)間周期

• 客戶關(guān)注方向

  
  

干系人：

• 客戶組織框架

• 核心關(guān)系人數(shù)量，匯報(bào)關(guān)系

• 是否有第三方人員對(duì)接

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

  
  

現(xiàn)狀：

• 該項(xiàng)目是否存在上下游系統(tǒng)，是否有依賴

• 現(xiàn)有系統(tǒng)狀態(tài)（是否有現(xiàn)存系統(tǒng)，沒(méi)有是如何完成工作過(guò)的）

  
  

里程碑規(guī)劃：

• 基于以上所了解到的信息，對(duì)項(xiàng)目全局時(shí)間計(jì)劃有整體性安排，明確項(xiàng)目被劃分為哪些階段

• 階段性產(chǎn)出和匯報(bào)時(shí)間節(jié)點(diǎn)梳理

  （需要拉入客戶進(jìn)來(lái)討論的時(shí)間節(jié)點(diǎn)需要提前規(guī)劃，需要邀請(qǐng)用戶研究的時(shí)間段需要提前規(guī)劃）

• 規(guī)劃里程碑時(shí)，一定要考慮部分風(fēng)險(xiǎn)和可變化因素 ，比如需求變更，干系人多，溝通成本增多，匯報(bào)層級(jí)鏈路長(zhǎng) ，需要等待領(lǐng)導(dǎo)決策，或者部分業(yè)務(wù)內(nèi)容可能涉及第三方的一些依賴，合理增加里程碑的總體規(guī)劃時(shí)間 ，后期可以優(yōu)化和調(diào)整規(guī)劃內(nèi)容，在一定規(guī)劃時(shí)間內(nèi)，部分階段可以適當(dāng)延長(zhǎng)，其他的相應(yīng)縮短，給項(xiàng)目一些buffer，減少項(xiàng)目延期的風(fēng)險(xiǎn)。

成員安排：

• 對(duì)安排上來(lái)的小伙伴需要有一定的了解，了解人員的能力方向。安排能匹配或是跳一跳能摸得著的難度系數(shù)任務(wù)

• 如果上項(xiàng)目的小伙伴經(jīng)驗(yàn)比較少，需要建立團(tuán)隊(duì)培養(yǎng)機(jī)制

• 保證項(xiàng)目成員安排的連續(xù)性，最好不要出現(xiàn)中間停一段時(shí)間，后面在續(xù)上，或者每天只安排0.2天

• 在安排時(shí)間計(jì)劃上，需要注意哪些工作是無(wú)法通過(guò)加人來(lái)完成的

資源規(guī)劃：

資源包括：人/物/場(chǎng)地

人：外部專家支持/其他部門支持（除內(nèi)部項(xiàng)目人員外）

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

場(chǎng)地：日常辦公場(chǎng)地/會(huì)議場(chǎng)地

風(fēng)險(xiǎn)識(shí)別：

• 根據(jù)現(xiàn)有狀況，預(yù)測(cè)部分可能風(fēng)險(xiǎn)

• 將想到的可能風(fēng)險(xiǎn)一一列舉出來(lái)，并給出相關(guān)應(yīng)對(duì)措施，這個(gè)如果無(wú)法獨(dú)立完成，可以和甲方一起協(xié)商完成。

      當(dāng)風(fēng)險(xiǎn)點(diǎn)都已經(jīng)列舉完成，為了避免風(fēng)險(xiǎn)，大家需要提前達(dá)成一致的東西，提起和大家同步信息，如定義項(xiàng)目上的規(guī)則，保證會(huì)議不延期，要提前一周安排會(huì)議時(shí)間，保證信息同步，每天or每周制定同步會(huì)議。當(dāng)需求變更，或者需求膨脹的情況下，可以參考的優(yōu)先級(jí)排序，根據(jù)某項(xiàng)原則，完成優(yōu)先級(jí)排序，將非必須的需求先劃分出去，保證需求在一定合理的范圍內(nèi)。

枚舉風(fēng)險(xiǎn)有兩個(gè)好處：

1. 預(yù)判一些可能的風(fēng)險(xiǎn)，提前做好準(zhǔn)備工作

2. 拉著客戶與團(tuán)隊(duì)一起定義規(guī)則，不要隨意破壞

可以用這樣的表格管理風(fēng)險(xiǎn)，也可以直接在后面加上這個(gè)對(duì)應(yīng)項(xiàng)的相關(guān)責(zé)任人，有什么問(wèn)題，我們可以方便 跟蹤

舉例子：

風(fēng)險(xiǎn)點(diǎn)：比如會(huì)議干系人核心無(wú)法到場(chǎng)，造成會(huì)議延期，那么遇到這種情況怎么辦呢？

應(yīng)對(duì)措施：提前和核心干系人確定時(shí)間，雙方協(xié)商會(huì)議時(shí)間，提前一周規(guī)劃時(shí)間安排，合理調(diào)整時(shí)間

風(fēng)險(xiǎn)點(diǎn)：疫情期間，出差隔離時(shí)間不可控

應(yīng)對(duì)措施：Plan A 出差前提前了解當(dāng)?shù)叵嚓P(guān)政策，提前到達(dá)辦公地區(qū)。Plan B：部署遠(yuǎn)程工作環(huán)境，建立信息共享機(jī)制，建立定期會(huì)議時(shí)間，同步信息，如果不能按時(shí)到達(dá)現(xiàn)場(chǎng)，可以啟用的Plan B

粗顆粒度任務(wù)拆分：

還是基于里程碑規(guī)劃的圖示舉例，在途中表示出來(lái)每一個(gè)階段的階段性活動(dòng)是什么，產(chǎn)出物是什么，對(duì)齊產(chǎn)出物的顆粒度以及內(nèi)容

項(xiàng)目規(guī)劃

愿景對(duì)齊：

• 讓所有的核心干系人參與該活動(dòng)，避免大家后面信息沒(méi)有對(duì)齊，目標(biāo)沒(méi)有對(duì)齊，產(chǎn)出結(jié)果無(wú)法達(dá)成一致。

  高能預(yù)警：此處有深坑：注意避坑。

  我參與的這個(gè)項(xiàng)目，如開(kāi)頭所說(shuō)有三股神秘的力量（在開(kāi)始階段PO 都沒(méi)有介紹是三股力量，而是2邊，他們的關(guān)系有點(diǎn)復(fù)雜），但是由于地域影響，和各個(gè)力量之間存難以琢磨的關(guān)系，他們并沒(méi)有同時(shí)出現(xiàn)在愿景對(duì)齊工作坊中，來(lái)參加工作坊的只有一波人。愿景工作坊順利完成，項(xiàng)目目標(biāo)，干系人關(guān)系，在這里才得以澄清。

  雖然后面抄送了全員，并單獨(dú)去找了另外一邊的老大溝通目標(biāo)，才發(fā)現(xiàn)他的目標(biāo)和其他人的都不一樣，甚至應(yīng)該不屬于這個(gè)項(xiàng)目范疇。

此事件復(fù)盤：

1. 核心決策人必須參加

2. 如果核心決策人沒(méi)有發(fā)表意見(jiàn)，請(qǐng)主動(dòng)請(qǐng)他來(lái)表達(dá)觀點(diǎn)

3. 如果實(shí)在無(wú)法到場(chǎng)，和他1Vs1的郵件會(huì)議紀(jì)要也要抄送全員。

4. 如果發(fā)現(xiàn)多方意見(jiàn)無(wú)法統(tǒng)一，請(qǐng)不要繼續(xù)項(xiàng)目，把他們拉在一起，對(duì)齊愿景再出發(fā)

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

在項(xiàng)目開(kāi)始階段，我們都會(huì)進(jìn)行愿景工作坊，拉上所有的核心干系人一起，通過(guò)貼便利貼的方式，將大家的理解收集起來(lái)，并對(duì)所有的便利貼進(jìn)行分類，最終收斂出最為核心的電梯演講

電梯演講海報(bào)的相關(guān)原則：

1. 精煉，簡(jiǎn)介——這個(gè)愿景海報(bào)將伴隨整個(gè)項(xiàng)目，越簡(jiǎn)單越容易被人回憶起來(lái)

2. 對(duì)于用戶需求這一項(xiàng)，大家一定會(huì)寫很多很多，但是在項(xiàng)目初期，大家寫出來(lái)的需求很多是作為客戶方，理解用戶想要的東西，是不是真實(shí)需求，還需要進(jìn)一步被細(xì)化，所以這里對(duì)整體需求做較大顆粒度的歸納即可，不要深入細(xì)節(jié)

3. 電梯演講可以出幾張？部分小伙伴可能會(huì)問(wèn)我的目標(biāo)用戶差異很大，出兩張，三張可以嗎，可以！可以將上半部分分開(kāi)，比如目標(biāo)用戶 For 哪幾類人群，他們的需求差異也可以規(guī)組，但是下半部分，產(chǎn)品名稱，產(chǎn)品形態(tài)，幫助企業(yè)獲得的價(jià)值，以及競(jìng)品和賣點(diǎn)，可以是一致的，都可以在一張海報(bào)上所呈現(xiàn)

干系人識(shí)別：

• 我們大致梳理了公司的管理層級(jí)。現(xiàn)在要把他們匹配到相當(dāng)?shù)年P(guān)注層級(jí)之中

• 識(shí)別哪些干系人是重點(diǎn)關(guān)注的，那些是一般關(guān)注即可

     高能預(yù)警：此處有深坑：注意避坑。一般來(lái)說(shuō)項(xiàng)目的干系人優(yōu)先級(jí)都比較穩(wěn)定，不會(huì)發(fā)生改變，但是在去年的那個(gè)項(xiàng)目里面完全不同了，在項(xiàng)目的第一階段干系人A非常的重視，干系人B基本沒(méi)有太多的意見(jiàn)，但是到了項(xiàng)目的第二個(gè)階段，畫風(fēng)發(fā)生了反轉(zhuǎn)，干系人A參與的越來(lái)越少，相反干系人B有更多的見(jiàn)解和想法。對(duì)于不同的干系人，他們想要的成功是不一樣的。需要明確不同階段核心干系人的差異，匯報(bào)給不同人有不同側(cè)重點(diǎn)。

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

1. 如果workshop 這種形式的大會(huì)很難讓干系人透露心聲，可以通過(guò)通過(guò) 1vs1 的溝通了解他們的真實(shí)需求，問(wèn)他們的KPI是什么，是非常直接詢問(wèn)他們最關(guān)系問(wèn)題的方式。這對(duì)于復(fù)雜干系人的項(xiàng)目尤為重要。

2. 也可以在workshop上新增期望對(duì)齊的環(huán)節(jié)，在下一個(gè)part會(huì)講到。

以下附上愿景對(duì)齊的工具——干系人/團(tuán)體地圖

      下面兩種干系人/團(tuán)隊(duì)地圖的差異不大，可以根據(jù)需要任選其一即可，圖一更多可以梳理出干系人，或者團(tuán)體之間的關(guān)系，除了判定干系人的權(quán)重，還可以在途中不中干系人之間匯報(bào)的關(guān)系，以及他們之間使用的不同系統(tǒng)的關(guān)系

     下圖也是對(duì)干系人的權(quán)重和優(yōu)先級(jí)的排序，與上圖不同的地方在于它更清楚的展示了我們?nèi)绾稳^(qū)分這些干系人的維度，維度可以根據(jù)項(xiàng)目需求哦進(jìn)行變化。

期望對(duì)齊：

• 從各個(gè)維度對(duì)齊干系人對(duì)項(xiàng)目的期待

• 幫助干系人對(duì)各個(gè)維度有一些認(rèn)知

      這個(gè)有兩種做法，如果是干系人相對(duì)簡(jiǎn)單的項(xiàng)目，可以在電梯演講的海報(bào)哪里，加上一類表示這個(gè)項(xiàng)目期望達(dá)到的目標(biāo)，可以是定型的，如果團(tuán)隊(duì)中有很好的數(shù)據(jù)監(jiān)控埋點(diǎn)，這個(gè)指標(biāo)也可以是定量的。如果干系人繁多，大家對(duì)想要達(dá)成的期望不是非常明確的時(shí)候，可以加上這個(gè)環(huán)節(jié)，這樣也能方便我們了解我們?cè)陧?xiàng)目過(guò)程中應(yīng)該如何側(cè)重，因?yàn)楝F(xiàn)場(chǎng)的時(shí)間非常有限，我們不對(duì)所有的期望一一判斷是否合理。會(huì)在會(huì)后對(duì)一些超出范圍的期望和項(xiàng)目負(fù)責(zé)人達(dá)成一致。事先，可以列舉以下幾個(gè)維度，幫助大家思考：功能，項(xiàng)目本身，技術(shù)，體驗(yàn)和成效，維度可以隨項(xiàng)目目標(biāo)的不同自由變更，如果大家還有新的維度，也可以在現(xiàn)場(chǎng)添加

以下附上對(duì)齊期望的工具——期望看板

權(quán)重識(shí)別：

       這個(gè)是千萬(wàn)不要省略的一個(gè)對(duì)齊項(xiàng)目，后面有諸多事宜，我們需要跟俊權(quán)重的識(shí)別來(lái)判斷。比如在需求膨脹的時(shí)候，我們用什么方式判斷那個(gè)需求的優(yōu)先級(jí)更高，應(yīng)該把哪些需求摘出去?；蛘咴谧鲆恍Q策的時(shí)候，用來(lái)判斷，那些事我們應(yīng)該優(yōu)先處理，而另一些我們可能需要有一些妥協(xié)。后面在說(shuō)到項(xiàng)目執(zhí)行過(guò)程各種突入起來(lái)的變故的時(shí)候，這個(gè)參考項(xiàng)是必不可少的。在文章后面會(huì)更為詳細(xì)的列舉。

• 輔助決策

• 判斷優(yōu)先級(jí)

以下附上權(quán)重識(shí)別的工具——權(quán)衡滑塊

詳細(xì)日程排期：

• 細(xì)化工作安排

• 提前約定相關(guān)干系人時(shí)間

• 提前預(yù)約用戶驗(yàn)證時(shí)間

• 注意那些是客戶需要參與的時(shí)間點(diǎn)，無(wú)比準(zhǔn)確

以下附上詳細(xì)日程排模版，這個(gè)相對(duì)來(lái)說(shuō)沒(méi)有特定的方式，可以做到 Excel 表格中管理。也可以放到 日歷 中管理，當(dāng)然如果你們有設(shè)計(jì)排期的服務(wù)軟件，都可以使用，我這里只呈其示意樣式

下一步我們就是正式開(kāi)始進(jìn)入項(xiàng)目拉

項(xiàng)目執(zhí)行

任務(wù)優(yōu)化調(diào)整：

      進(jìn)一步的細(xì)化工作安排，如果發(fā)現(xiàn)團(tuán)隊(duì)的小伙伴是新手，無(wú)法上手，就需要對(duì)任務(wù)進(jìn)行拆分，拆分到什么顆粒度呢，拆分到團(tuán)隊(duì)的小伙伴可以上手的顆粒度，當(dāng)然拉，千萬(wàn)不要全部包辦代替的把它做完。在項(xiàng)目允許的范圍內(nèi)，讓風(fēng)險(xiǎn)發(fā)生！這是團(tuán)隊(duì)人才梯隊(duì)建立的關(guān)鍵時(shí)刻，說(shuō)到這里，如何培養(yǎng)團(tuán)隊(duì)設(shè)計(jì)能力，又是一篇長(zhǎng)篇大論了，我們回歸正題。如過(guò)小伙伴就有很多經(jīng)驗(yàn)，那就更可以安心的把整快大的蛋糕分給他，把他劃分為責(zé)任人，下面的工作內(nèi)容如何拆解，應(yīng)該分幾步來(lái)做，請(qǐng)放手。只用在關(guān)鍵節(jié)點(diǎn)和把控質(zhì)量就好。

• 明確產(chǎn)出目標(biāo)

• 明確產(chǎn)出內(nèi)容

• 明確產(chǎn)出目的 

• 明確產(chǎn)出物依賴

拆分責(zé)任人：

      這塊和上訴的任務(wù)優(yōu)化調(diào)整是聯(lián)系在一起的，當(dāng)我們合理拆分任務(wù)后，當(dāng)然要他這個(gè)任務(wù)匹配到相關(guān)的責(zé)任人，如任務(wù)優(yōu)化調(diào)整所訴，可以是比較大的一大塊任務(wù)，比如信息架構(gòu)這一個(gè)大塊，用戶調(diào)研這個(gè)大塊，制定相關(guān)人作為Owner ，至于他如何來(lái)拆解自任務(wù)，還需要請(qǐng)到那些人進(jìn)行協(xié)作，由Owner 來(lái)全權(quán)負(fù)責(zé)，Owner 是需要對(duì)結(jié)果負(fù)責(zé)的人 。如果是新人，拆分成一個(gè)大塊是無(wú)法下手的，并不知道我每一步應(yīng)改怎么做，那就把大蛋糕切細(xì)，切到他可以嘗試下咽的顆粒度即可。

      在項(xiàng)目活動(dòng)中，對(duì)于2個(gè)設(shè)計(jì)師以上的團(tuán)隊(duì)，我們就可以利用設(shè)計(jì)看板。長(zhǎng)期做敏捷交付的小伙伴對(duì)這個(gè)工具一定不會(huì)陌生。

• 對(duì)于有經(jīng)驗(yàn)的人，按照大塊拆分

• 對(duì)于新人，在按大塊拆分以后，需要對(duì)分支任務(wù)或是階段任務(wù)在進(jìn)行下一步拆解

以下附上日常設(shè)計(jì)工作管理工具——設(shè)計(jì)看板

還是那句話，有設(shè)計(jì)進(jìn)度跟蹤的工具的小伙伴請(qǐng)繞道哦，這個(gè)是非常簡(jiǎn)單的且直白的一種設(shè)計(jì)管理模型，這樣就可以每日跟蹤大家的手上的工作進(jìn)度了，也可以跟中哪些任務(wù)已經(jīng)完成拉。上面的標(biāo)題欄“待設(shè)計(jì)”“設(shè)計(jì)中”“已完成”也可以根據(jù)項(xiàng)目的不同階段，放置不同的標(biāo)題，當(dāng)我們?cè)O(shè)計(jì)完成后，就可以領(lǐng)取新的設(shè)計(jì)任務(wù)拉。

每天這樣移動(dòng)卡片會(huì)不會(huì)亂呢，怎么和大家同步信息呢？那我們就要說(shuō)到設(shè)計(jì)工作中一個(gè)關(guān)鍵活動(dòng)了？

站會(huì)/業(yè)務(wù)對(duì)齊會(huì)

組內(nèi)同步：

每日站會(huì)對(duì)項(xiàng)目來(lái)說(shuō)是比不可少的，一般會(huì)定在每日早上，項(xiàng)目全體小伙伴都要參加，上班的第一件事就是開(kāi)站會(huì)拉，多么有儀式感的一天，站會(huì)通常會(huì)占用10-15mins，站會(huì)可以用來(lái)：

• 同步信息包括，昨天，今天的工作內(nèi)容

• 提出風(fēng)險(xiǎn)，有困難就喊出來(lái)，找大家一起需求幫助

  這樣大家就非常明確每個(gè)人都在做什么，我的工作有什么依賴，我應(yīng)該找誰(shuí)解決獲取上下文，另外就是及時(shí)暴露風(fēng)險(xiǎn)。及時(shí)尋求幫助

另一項(xiàng)活動(dòng)是我特別喜歡在團(tuán)隊(duì)中使用的：業(yè)務(wù)對(duì)齊會(huì)

當(dāng)項(xiàng)目比較大，每個(gè)設(shè)計(jì)師或者業(yè)務(wù)分析師分為了多個(gè)條線跟蹤業(yè)設(shè)計(jì)和業(yè)務(wù)。那業(yè)務(wù)對(duì)齊會(huì)也是比不可少的，當(dāng)然業(yè)務(wù)對(duì)齊會(huì)不僅僅可以對(duì)齊業(yè)務(wù)輸入，當(dāng)需要開(kāi)發(fā)判定方案是否可行，或者需要其他的角色一起討論問(wèn)題時(shí)，我們都會(huì)放到放到每日或者隔天的或者隔周的業(yè)務(wù)對(duì)齊會(huì)上一起討論，會(huì)議頻次根據(jù)項(xiàng)目實(shí)際情況自行安排，邀請(qǐng)成員通常是設(shè)計(jì)師和業(yè)務(wù)分析師一起，又是也會(huì)邀請(qǐng)其他角色，視會(huì)議需要討論問(wèn)題而定

• 方便參與不同業(yè)務(wù)條線的同學(xué)對(duì)業(yè)務(wù)全景保持一致

• 不對(duì)角色的思維方式存在差異，可以轉(zhuǎn)換視角看待問(wèn)題

• 可以相互評(píng)審設(shè)計(jì)稿，業(yè)務(wù)分析流程等活動(dòng)，查漏補(bǔ)缺

  
  

  它的優(yōu)勢(shì)是：

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

2. 高效同步信息。不會(huì)一次同步太多信息，信息量太大，趨于飽和，會(huì)少量多次，最長(zhǎng)不要超過(guò)1h，如果超過(guò)就要增加會(huì)議頻次來(lái)減少時(shí)長(zhǎng)。

干系人溝通：

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

干系人溝通有幾個(gè)關(guān)鍵點(diǎn)：

• 建立信任 — 一切良好溝通的基礎(chǔ)

• 頻繁溝通 — 減少風(fēng)險(xiǎn)

• 及時(shí)提出自己的見(jiàn)解 — 體現(xiàn)你的價(jià)值

建立信任—特別是在項(xiàng)目開(kāi)始的時(shí)候，這一點(diǎn)是致命的，如果開(kāi)始時(shí)能建立良好的信任關(guān)系，那么在后期很多小問(wèn)題的決策上，還有客戶對(duì)你方案的認(rèn)可上都會(huì)容易的多。

如何在項(xiàng)目開(kāi)始的時(shí)候建立信任呢？

• 對(duì)客戶現(xiàn)有產(chǎn)品業(yè)務(wù)能快速的理解——C端的可繞過(guò)（相對(duì)比較簡(jiǎn)單，容易理解）。這里特指B端產(chǎn)品，部分B端產(chǎn)品的業(yè)務(wù)有時(shí)專業(yè)性極強(qiáng)，特別是之前我們做的這個(gè)項(xiàng)目，做用戶訪談時(shí)，每一句話都能用多個(gè)專業(yè)術(shù)語(yǔ)，你還沒(méi)有弄清楚這是怎么回事，就要跟上下一個(gè)話題了。對(duì)于我們這種非本專業(yè)的設(shè)計(jì)師來(lái)說(shuō)，要想做好設(shè)計(jì)，提升用戶體驗(yàn)，開(kāi)始就要建立對(duì)產(chǎn)品業(yè)務(wù)的了解。

  
  

      -自主學(xué)習(xí)，通過(guò)各種渠道找學(xué)習(xí)課件，提前對(duì)該領(lǐng)域?qū)I(yè)術(shù)語(yǔ)作出梳理；對(duì)相關(guān)的背景知識(shí)有所了解，對(duì)領(lǐng)域現(xiàn)狀有所認(rèn)知，包括現(xiàn)存的競(jìng)品也可以找來(lái)看看，借鑒學(xué)習(xí)。

      -找領(lǐng)域?qū)＜覍で髱椭?，?duì)于是在無(wú)法獲取經(jīng)驗(yàn)的領(lǐng)域，也找不到相關(guān)的一些信息渠道，可以涉及到一些行業(yè)機(jī)密，可以酌情尋找第三方領(lǐng)域?qū)＜?，和領(lǐng)域?qū)＜疫M(jìn)行訪談，從他們哪里可以拿到很多一手資料。當(dāng)我們對(duì)項(xiàng)目有一些假設(shè)時(shí)，也可以找領(lǐng)域?qū)＜因?yàn)證假設(shè)的可行性

     -向訪談對(duì)象學(xué)習(xí)，可以判斷訪談對(duì)象的性格特質(zhì)，如果很明顯的流露出善于表達(dá)，喜歡和你傾訴更多的信息，那么可以把握好機(jī)會(huì)，適當(dāng)?shù)脑儐?wèn)一些領(lǐng)域問(wèn)題

     -向客戶學(xué)習(xí)，PO也許不負(fù)責(zé)具體的業(yè)務(wù)條線，也可能多年不再碰具體的業(yè)務(wù)操作，但是他們對(duì)于理論的掌握還是有一定的借鑒作用的。

       

       當(dāng)然了，現(xiàn)在收集到了這么多信息，還需要整理和消化，并且驗(yàn)證信息的可靠心是否是正確。

       多渠道信息交叉驗(yàn)證

       信息之間能否相互關(guān)聯(lián)，相互串聯(lián)，形成閉環(huán)

• 專業(yè)技能維度——專業(yè)能力維度是設(shè)計(jì)師的立足之本了，毋庸多說(shuō)，但這里需要強(qiáng)調(diào)幾點(diǎn)

  
  

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

     

  設(shè)計(jì)從戰(zhàn)略層倒表現(xiàn)層，越是取近于表現(xiàn)層，其評(píng)判標(biāo)準(zhǔn)就越主觀，眾口難調(diào)，特別是面向非設(shè)計(jì)領(lǐng)域的專業(yè)人員來(lái)說(shuō)，這個(gè)評(píng)判標(biāo)準(zhǔn)在我們手上，我們要給出來(lái)我們這樣做的理由是什么，好處是什么，才能得到客戶的信任。

頻繁溝通 不要悶頭設(shè)計(jì)哦，在項(xiàng)目的每個(gè)階段都要定義定期展示案例的時(shí)間點(diǎn)，除了這些時(shí)間點(diǎn)外，還可以約

這里從問(wèn)題的角度來(lái)會(huì)切入吧

• 需求變更，反復(fù)無(wú)常

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

• 增加項(xiàng)目范圍

• 老大不滿意

• 干系人意見(jiàn)沖突

• 干系人不認(rèn)之前做的決策

》需求變更，反復(fù)無(wú)常

一般情況下，按照正常的項(xiàng)目流程來(lái)走，我們我們通過(guò)痛點(diǎn)發(fā)散出來(lái)的機(jī)會(huì)點(diǎn)一步步的收斂出需要繼續(xù)設(shè)計(jì)的方案后 ，用戶側(cè)的需求優(yōu)先級(jí)是已經(jīng)被考慮進(jìn)去的，所以突然變更的需求大多可能是來(lái)自也無(wú)方，或者超級(jí)VVVIP 用戶

判斷是什么類型的需求？

合理需求：可以對(duì)需求進(jìn)行規(guī)劃，判斷項(xiàng)目需求的優(yōu)先級(jí)，如果合理且緊急，可以和相關(guān)干系人對(duì)齊，給予初步方案計(jì)劃，對(duì)部分現(xiàn)有需求做出置換（如果干系人經(jīng)常變更需求，可以對(duì)設(shè)計(jì)方案作出估點(diǎn)，按照人/天置換需求），如果合理不緊急，拿出我們的權(quán)衡滑塊， 明確需要 foucs 在當(dāng)前項(xiàng)目?jī)?yōu)先級(jí)下，不要過(guò)于發(fā)散，可以定制相關(guān)產(chǎn)品演進(jìn)路線通過(guò)迭代演進(jìn)方式逐步實(shí)施

不合理需求：可以委婉拒絕，如果實(shí)在無(wú)法拒絕，可以花費(fèi)一些小effort，告知他為什么不合理

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

1. 可以在識(shí)別核心干系人的時(shí)候，詢問(wèn)清楚在項(xiàng)目進(jìn)行過(guò)程中是否有核心干系人的變更，提前識(shí)別

2. 有時(shí)干系人的變更是突然的，無(wú)法提前識(shí)別，不要慌，繼續(xù)往下做。一般干系人變更可能會(huì)帶來(lái)以下問(wèn)題：

• 要推翻之前的方向——相當(dāng)于要從新立項(xiàng)，如果方向都被否定了，就不要繼續(xù)往下做，及時(shí)止損，重新規(guī)劃項(xiàng)目方向。

• 要新增項(xiàng)目范圍——新增的范圍非常大，大到可以重新規(guī)劃一個(gè)新的項(xiàng)目，就在規(guī)劃新的項(xiàng)目；如果新的范圍可控，還是根據(jù)本項(xiàng)目的權(quán)衡滑塊來(lái)判斷,哪些是優(yōu)先級(jí)高的范圍，先做，不高的置換出來(lái)。

》老大不滿意

   1.減少老大不滿意的風(fēng)險(xiǎn)，就是多建立溝通，最好可以親自向上層級(jí)匯報(bào)。

   2.保證方案的邏輯性，所有的設(shè)計(jì)思路都是有據(jù)可依。

   3.保證方案給用戶給企業(yè)帶來(lái)的價(jià)值。對(duì)于比較成熟的項(xiàng)目，最好價(jià)值是可以被量化，可衡量的，如果無(wú)法用數(shù)據(jù)橫向衡量，可以用定性的方式來(lái)判斷價(jià)值，比如在用戶驗(yàn)證的時(shí)候，檢測(cè)新的方案是否能滿足客戶的需求，用戶對(duì)新的方案是如何評(píng)價(jià)的，在無(wú)數(shù)“證據(jù)”下，老大也不會(huì)無(wú)緣無(wú)故的不滿意

》干系人意見(jiàn)沖突

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

2. 拉著意見(jiàn)不一致的干系人一起討論問(wèn)題

   
   

》干系人不認(rèn)之前做的決策

這件事情在某些客戶干系人身上還挺常見(jiàn)的，對(duì)于超級(jí)難管的干系人，每次大會(huì)都要發(fā)郵件，不是不敏捷，是為了介紹缺少文字證據(jù)，而出現(xiàn)更多的坑

1. 重要結(jié)論，會(huì)議紀(jì)要+郵件跟蹤

注意：一定要結(jié)論先行，大部分的人沒(méi)有耐心看完所有的內(nèi)容，但是加粗字體的會(huì)議結(jié)論是能簡(jiǎn)明扼要的概括，本次會(huì)議通過(guò)了什么決策。有什么遺留事件，具體的責(zé)任人是誰(shuí)，需要完成的截止事件都要標(biāo)明

以下附上郵件紀(jì)要的格式介紹

項(xiàng)目監(jiān)控

這個(gè)過(guò)程和項(xiàng)目執(zhí)行的過(guò)程應(yīng)該是穿插進(jìn)行的，時(shí)間是非常有限的，不要面面俱到的跟蹤，抓大放小，只在關(guān)節(jié)節(jié)點(diǎn)驗(yàn)收，比如前面項(xiàng)目執(zhí)行中提到的如何拆分任務(wù)，同理，在驗(yàn)收的過(guò)程中，也可在組內(nèi)的對(duì)齊會(huì)上驗(yàn)收設(shè)計(jì)輸出內(nèi)容是否符合標(biāo)準(zhǔn)，是否有易用性問(wèn)題，如果這是非常細(xì)小的圓角，交互的方式，布局的方式，可以交給團(tuán)隊(duì)成員自己把控，如果一個(gè)設(shè)計(jì)師從用戶體驗(yàn)要素的5層出發(fā)，每一層都面面俱到，無(wú)微不至，在這樣的大項(xiàng)目里面是很難管理的，把更多的空間留給設(shè)計(jì)師自己。

把有效的時(shí)間集中放在有較大提升價(jià)值的事情上：

• 保障產(chǎn)品價(jià)值交付

• 用戶體驗(yàn)是否有所提升

• 現(xiàn)有的資源下，如何平衡，實(shí)現(xiàn)價(jià)值

拆分對(duì)內(nèi)驗(yàn)收節(jié)點(diǎn)：

把大的任務(wù)蛋糕拆分給每一個(gè)小伙伴后，他具體怎么吃，可以讓他自行安排，告知完成的時(shí)間階段，在特定時(shí)間端內(nèi)驗(yàn)收質(zhì)量問(wèn)題。

定期復(fù)盤：

通常我們通過(guò) Retro 的方式進(jìn)行復(fù)盤，時(shí)間周期視項(xiàng)目的時(shí)長(zhǎng)來(lái)定，較短的項(xiàng)目可以安排為每?jī)芍芤淮蔚?Retro，Retro 的步驟。1.宣誓（可以跳過(guò)）/2安全性檢查/3分別梳理 好的部分，不好的部分，和建議。好的部分鼓勵(lì)團(tuán)隊(duì)繼續(xù)保持，不好的部分通過(guò)投票，選取前 Top 問(wèn)題進(jìn)行 討論整改建議。在下一次的 Retro 的時(shí)候進(jìn)行復(fù)盤，看看這些問(wèn)題是否都有改進(jìn)。

當(dāng)然還有很多做復(fù)盤的方式，方法本身不是最重要的，復(fù)盤的核心就是為了改進(jìn)上一階段做的不好的地方，并且在下一階段有所改進(jìn)措施。讓項(xiàng)目運(yùn)行變得越來(lái)越好。

進(jìn)度跟蹤：

通常會(huì)用項(xiàng)目周報(bào)的方式，想客戶展示項(xiàng)目的進(jìn)度，現(xiàn)在進(jìn)行到項(xiàng)目的什么階段，有哪些產(chǎn)出物，項(xiàng)目是否存在風(fēng)險(xiǎn)，項(xiàng)目計(jì)劃及人員投入比例

項(xiàng)目收尾

整體&歸檔：整理交付物，包括設(shè)計(jì)資產(chǎn)，使用說(shuō)明和相關(guān)目錄，方便其他人員可以持續(xù)迭代

設(shè)計(jì)歸檔包含的重要組成部分包括且不限于：

1. 設(shè)計(jì)源文件

2. 用戶研究報(bào)告

3. 用戶驗(yàn)證錄屏材料

4. 用戶訪談大綱

5. 遺留問(wèn)題跟蹤

6. Showcase材料

7. 知識(shí)傳遞錄屏

8. ...

  

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

知識(shí)傳遞：注意保留錄屏文檔，當(dāng)項(xiàng)目人員變更，可以及時(shí)傳遞上下文

1. 在做知識(shí)傳遞之前，要和大家確認(rèn)現(xiàn)有的產(chǎn)出，保障產(chǎn)出物不會(huì)在作修改，保障所有人都達(dá)成一致后，在開(kāi)始后做知識(shí)傳遞。

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

PS：還想再分享一個(gè)，當(dāng)項(xiàng)目中所要處理的事情過(guò)多時(shí)，如何排列優(yōu)先級(jí)的問(wèn)題

一般情況下，先看一下這些事情的依賴關(guān)系/事件難度，當(dāng)緊急成度都很高的情況下

有依賴的關(guān)系的一般需要提前去收集信息，跟催進(jìn)度，但花費(fèi)是假相對(duì)較多，可能還有相互依賴，外力因素不可控

或者需要提前與人溝通事件，判斷溝通時(shí)間是否合適，但花費(fèi)是假相對(duì)較少，但需要提前預(yù)約，外力因素不可控

事件越難的越需要留更多的時(shí)間處理，內(nèi)在因素不可控，事件簡(jiǎn)單的則可以安心放在后面進(jìn)行，內(nèi)在因素可控

可以按照風(fēng)險(xiǎn)等級(jí)排序方案：信息收集類> 約人溝通類>困難事件類>簡(jiǎn)單事件類


文章來(lái)源：站酷 作者：青沐CHIMO 

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

免責(zé)聲明：藍(lán)藍(lán)設(shè)計(jì)尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問(wèn)題，請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系，我們立即更正或刪除。

藍(lán)藍(lán)設(shè)計(jì)( www.yvirxh.cn )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)

很多同學(xué)工作后一定要明白，企業(yè)不是學(xué)校，職場(chǎng)也不是學(xué)校，公司招你過(guò)去是希望你給公司帶來(lái)價(jià)值，對(duì)設(shè)計(jì)師定位一定不是學(xué)生，好的企業(yè)可能會(huì)有很多內(nèi)部培訓(xùn)，學(xué)習(xí)的機(jī)會(huì)，但是一定是靠你去主動(dòng)學(xué)習(xí)。這也是職場(chǎng)的潛規(guī)則。關(guān)于職場(chǎng)、關(guān)于工作方法的問(wèn)題。今天分享一篇和工作無(wú)關(guān)的內(nèi)容，更多是關(guān)于設(shè)計(jì)心態(tài)的問(wèn)題，希望給此刻迷茫的你一點(diǎn)方向。

 

1.企業(yè)不是學(xué)校 

很多同學(xué)工作后一定要明白，企業(yè)不是學(xué)校，職場(chǎng)也不是學(xué)校，公司招你過(guò)去是希望你給公司帶來(lái)價(jià)值，對(duì)設(shè)計(jì)師定位一定不是學(xué)生，好的企業(yè)可能會(huì)有很多內(nèi)部培訓(xùn)，學(xué)習(xí)的機(jī)會(huì)，但是一定是靠你去主動(dòng)學(xué)習(xí)。

這也是職場(chǎng)的潛規(guī)則，工作越久越會(huì)發(fā)現(xiàn)，很難有人會(huì)毫無(wú)保留的教你，如果我們一直處于學(xué)生思維，只會(huì)在職場(chǎng)中失去好的機(jī)會(huì)。職場(chǎng)上的學(xué)習(xí)，一定是主動(dòng)的。

學(xué)生時(shí)候我們學(xué)習(xí)是被動(dòng)接受，老師教什么，我們學(xué)什么，但是職場(chǎng)不一樣，一定要從“被動(dòng)”改為“主動(dòng)”，公司會(huì)有很多內(nèi)部培訓(xùn)，學(xué)習(xí)資料，但是學(xué)習(xí)一定要記得是自己的事情。

好的公司會(huì)有體系化培訓(xùn)，相當(dāng)多的公司是不愿意付出培養(yǎng)成本的。比如之前在阿里，內(nèi)部很多設(shè)計(jì)培訓(xùn)、課程，但是大家都主動(dòng)去報(bào)名學(xué)習(xí)，沒(méi)有人逼著你一定要學(xué)，大家時(shí)間都是一樣的。所以從“被動(dòng)學(xué)習(xí)”到“主動(dòng)學(xué)習(xí)”是新人設(shè)計(jì)師職場(chǎng)進(jìn)階的第一步，現(xiàn)在互聯(lián)網(wǎng)上學(xué)習(xí)資源那么多，無(wú)論我的星球，還是各種教程，只要你想一定能學(xué)到，關(guān)鍵在于你自己意愿是否足夠強(qiáng)烈。

a

 2.掌握正確的學(xué)習(xí)方法 

互聯(lián)網(wǎng)很難做，也有很大一部分原因是，現(xiàn)在信息爆炸，每天充斥著各種需要我們學(xué)習(xí)的知識(shí)，仿佛不學(xué)習(xí)就會(huì)落伍，C4D、AE、插畫等等，如果沒(méi)有獨(dú)立思考和判斷的能力，我們很容易隨波逐流，什么都學(xué)，最后越學(xué)越迷茫。

上圖就是我們大多數(shù)學(xué)習(xí)狀態(tài)，每周學(xué)下AE，學(xué)下C4D，然后三天打漁兩天曬網(wǎng)，最后會(huì)發(fā)現(xiàn)，都學(xué)的很一般，沒(méi)有一個(gè)學(xué)的很精通。

聚焦學(xué)習(xí)，單點(diǎn)突破

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

別看只是一個(gè)小點(diǎn)，但是當(dāng)我們掌握的點(diǎn)多了，自然而然就形成了線。

 

考慮投入產(chǎn)出比

學(xué)習(xí)的目的最終是要學(xué)以致用，現(xiàn)在大家每天工作本來(lái)就很忙，如果毫無(wú)目的地學(xué)就沒(méi)有意義了。一定要考慮投入產(chǎn)出比，要根據(jù)自己的規(guī)劃去學(xué)。

比如你未來(lái)是走體驗(yàn)設(shè)計(jì)師的方向，那么你就應(yīng)該學(xué)技能樹(shù)里面相關(guān)的內(nèi)容，比如數(shù)據(jù)研究、交互知識(shí)、產(chǎn)品思維、商業(yè)思維這些維度，這些方向是未來(lái)幫你邁入新的臺(tái)階需要具備的能力。

如果你去學(xué)習(xí)C4D，或者學(xué)品牌設(shè)計(jì)，哪怕你學(xué)會(huì)了，也學(xué)得很精通，你去面試支付寶設(shè)計(jì)師，你說(shuō)你最強(qiáng)的技能是畫LOGO，那肯定是不合理的，因?yàn)檎f(shuō)不定支付寶LOGO幾年都不會(huì)換一次，你這個(gè)技能在團(tuán)隊(duì)，根本用不了幾次，更別說(shuō)成為優(yōu)勢(shì)。

w

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

阿里有一個(gè)詞叫「要性」，什么意思呢，簡(jiǎn)單的說(shuō)就是對(duì)一件事物的渴求程度。作為設(shè)計(jì)師也是如此，無(wú)論我們學(xué)習(xí)，做項(xiàng)目，還是工作上，都需要有這種精神。

 

要性決定判斷

我們今天接到一個(gè)項(xiàng)目，判斷這個(gè)項(xiàng)目好好做一定會(huì)有很大的市場(chǎng)反響，比如我做雙11這個(gè)項(xiàng)目一定會(huì)被上億人關(guān)注，那么我判斷這個(gè)事情價(jià)值后，我會(huì)很拼，會(huì)拼盡全力做好，因?yàn)槲抑肋@個(gè)事做好后帶來(lái)的價(jià)值，假如我沒(méi)有那么強(qiáng)渴望這個(gè)事情，或許我就當(dāng)一個(gè)普通項(xiàng)目，也不會(huì)去判斷它的價(jià)值，說(shuō)不定就錯(cuò)過(guò)了提升和磨練的機(jī)會(huì)。

 

判斷決定行動(dòng)

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

工作多年后，其實(shí)對(duì)于加班不加班，其實(shí)很好衡量，這個(gè)事情加班做好對(duì)你晉升、對(duì)你成長(zhǎng)有沒(méi)有好處，如果有自發(fā)都會(huì)去加班，如果這個(gè)事情就是一個(gè)投入產(chǎn)出比不高的，我可能就會(huì)去另外更有價(jià)值的事情。要性決定我們的行為。

同樣個(gè)人學(xué)習(xí)也是一樣，如果你渴望掌握它的欲望足夠強(qiáng)烈，那么根本不需要人督促你，你都會(huì)自發(fā)去學(xué)習(xí)。這就是信念的力量。

 

行動(dòng)決定結(jié)果

沒(méi)有好的過(guò)程一定沒(méi)有好的結(jié)果，特別在這個(gè)商業(yè)互聯(lián)網(wǎng)大背景下做設(shè)計(jì)，如果沒(méi)有好的流程和過(guò)程，最后很難拿到好的結(jié)果。所以作為設(shè)計(jì)師，必須在職場(chǎng)生涯都具備這種「要性」，渴望成功的心態(tài)去做每一件事情。

 

4.當(dāng)你沒(méi)優(yōu)勢(shì)的時(shí)候，唯有勤奮 

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

w

想不等于做

光想是沒(méi)有用的，大公司的設(shè)計(jì)產(chǎn)出，你目前能做到一樣設(shè)計(jì)質(zhì)量么，或者差不多水平，如果不可以，憑什么覺(jué)得大公司要你，前面我也說(shuō)了，企業(yè)不是學(xué)校，不是你想去就能去，何況大公司就那么些職場(chǎng)，說(shuō)萬(wàn)里挑一毫不夸張，你沒(méi)有過(guò)硬的本事，你沒(méi)有做過(guò)大的項(xiàng)目，憑什么相信你可以做好幾億的用戶的設(shè)計(jì)。

w

充分利用工作外的8小時(shí)

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

o

學(xué)會(huì)曲線救國(guó)

大公司招人都是有標(biāo)準(zhǔn)的，有些崗位就是有鄙視鏈的，比如喜歡招知名公司背景，海外的，年輕有潛力，做過(guò)知名APP的，如果簡(jiǎn)歷上沒(méi)有這些很難進(jìn)去的。但是就因此放棄么，當(dāng)然不是。

學(xué)會(huì)曲線救國(guó)，我沒(méi)有知名項(xiàng)目，那我是不是提升我專業(yè)項(xiàng)目，爭(zhēng)取去一個(gè)規(guī)模小點(diǎn)公司，積攢知名項(xiàng)目案例，比如每年TOP100的應(yīng)用榜單，里面其實(shí)很多小而美的公司，先去這些公司鍛煉好了，再去二線公司，再去一線公司，循序漸進(jìn)往上走。

不要一根筋的，在毫無(wú)背景、毫無(wú)資歷情況下去碰壁，試想你是大公司人，你是不是也想招一個(gè)被市場(chǎng)驗(yàn)證過(guò)，有過(guò)同樣公司背景和項(xiàng)目的設(shè)計(jì)師。

 

5.設(shè)計(jì)師推動(dòng)力是帶著方案 

很多時(shí)候，我們很想為產(chǎn)品做點(diǎn)什么，也發(fā)現(xiàn)很多產(chǎn)品不好用的地方，然后在沒(méi)有任何準(zhǔn)備下，去吐槽產(chǎn)品，吐槽設(shè)計(jì)，這是一個(gè)大的忌諱。因?yàn)槟悴涣私猱?dāng)時(shí)背景，是排期不夠，還是人手不夠，導(dǎo)致線下效果。盲目吐槽毫無(wú)意義。

正確的做法是，今天你對(duì)某個(gè)頁(yè)面不滿，或者設(shè)計(jì)不滿，應(yīng)該帶著你覺(jué)得滿意合理的方案，去和主管向上溝通，有設(shè)計(jì)依據(jù)和推理過(guò)程。

q

左手藝術(shù)，右手科學(xué)

你推動(dòng)的方案，切忌只是從設(shè)計(jì)師視角出發(fā)，一定要從更全局去出發(fā)，所以除了設(shè)計(jì)上方案要比之前好，你的設(shè)計(jì)過(guò)程一定有理有據(jù)，藝術(shù)一面是視覺(jué)交互維度。

那么科學(xué)一面，一定是有數(shù)據(jù)支撐，比如提案前你充分梳理了現(xiàn)有數(shù)據(jù)，從數(shù)據(jù)中發(fā)現(xiàn)的問(wèn)題，都可以作為設(shè)計(jì)線索。同時(shí)可以加入一些設(shè)計(jì)聲音，比如蘋果商店評(píng)論，或者微博評(píng)論，客服或者用研那邊建議。通過(guò)這些來(lái)支撐你的設(shè)計(jì)提案。

t

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

提案也有很多技巧，后續(xù)再和大家分享，但是很重要一點(diǎn)就是提案時(shí)候，不要給領(lǐng)導(dǎo)太多的方案選擇，很多設(shè)計(jì)師很容易犯的錯(cuò)誤就是，提案時(shí)會(huì)放一堆方案給領(lǐng)導(dǎo)看，讓領(lǐng)導(dǎo)做決策，這樣最終結(jié)果還是繼續(xù)改下去。

其實(shí)提案，領(lǐng)導(dǎo)關(guān)注你的設(shè)計(jì)邏輯和推導(dǎo)過(guò)程，如果整個(gè)過(guò)程比較順利，結(jié)果一定是符合預(yù)期，有正確的設(shè)計(jì)過(guò)程結(jié)果也不會(huì)差到哪里去，一般設(shè)計(jì)提案重點(diǎn)推導(dǎo)一個(gè)方案，讓領(lǐng)導(dǎo)說(shuō)「YES」或「NO」,如果領(lǐng)導(dǎo)說(shuō)不可以時(shí)候，再把其他方案拋出來(lái)。

 

6.你的一招鮮就是你的競(jìng)爭(zhēng)力 

什么是競(jìng)爭(zhēng)力？人無(wú)我有，人有我全，如果你在一個(gè)幾十人團(tuán)隊(duì)，怎么能被領(lǐng)導(dǎo)記住，一定是你具備其他人不具備的技能，或者你這個(gè)技能在你們團(tuán)隊(duì)是最好的。任何時(shí)候，設(shè)計(jì)師具備一招鮮的能力，都會(huì)很吃香，你可以想下你的團(tuán)隊(duì)，那些備受領(lǐng)導(dǎo)喜歡的設(shè)計(jì)師是不是都具備這個(gè)特征。

每個(gè)人都想成為主角，團(tuán)隊(duì)核心，怎么做到，就是某個(gè)專業(yè)能力上，設(shè)計(jì)總監(jiān)或者主管有事情第一個(gè)想到就是找你來(lái)完成，那么就成功了。

比如插畫第一個(gè)想到你做，UI第一個(gè)想到你來(lái)改版，品牌第一個(gè)想到你來(lái)完成。如果做到這樣，平時(shí)加薪升職一定少不了你，任何時(shí)候一招鮮的設(shè)計(jì)師都可以在職場(chǎng)上有一席之地。

q

7.打造自己的標(biāo)簽 

職場(chǎng)是個(gè)人情社會(huì)，有人的地方就有江湖，每個(gè)人在其它人心中都有個(gè)「標(biāo)簽」，雖然我很討厭職場(chǎng)貼標(biāo)簽這種潛規(guī)則，但是無(wú)法避免。所以與其你被人貼上一個(gè)標(biāo)簽，不如你自己把標(biāo)簽人設(shè)立好。職場(chǎng)人都需要2個(gè)標(biāo)簽。

w

第一個(gè)：專業(yè)標(biāo)簽

專業(yè)標(biāo)簽，毋庸置疑也是最難的，大家對(duì)你專業(yè)上評(píng)價(jià)怎么樣的，哪方面是你特長(zhǎng)，在主管心中是很一般，還是說(shuō)UI上是你優(yōu)勢(shì)，數(shù)據(jù)是你優(yōu)勢(shì)，你需要自己給自己定位好，假設(shè)你想讓別人覺(jué)得數(shù)據(jù)分析是你專業(yè)標(biāo)簽。

確定好了后，然后需要項(xiàng)目不斷去反復(fù)驗(yàn)證這一個(gè)標(biāo)簽，在大家心中的印象，無(wú)論項(xiàng)目溝通，還是團(tuán)隊(duì)分享，都應(yīng)該去打磨這個(gè)標(biāo)簽，打磨好了，優(yōu)勢(shì)是很大的，正如我前面所說(shuō)，大家后續(xù)領(lǐng)域想到你，你就是第一人。

o

第二個(gè)：性格標(biāo)簽

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

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

w

第三個(gè)：沒(méi)有無(wú)緣無(wú)故的愛(ài)

和同事之間多去培養(yǎng)一些共同的愛(ài)好，在互聯(lián)網(wǎng)公司做事情，很多事情其實(shí)難的不是事情本身，而是人的關(guān)系處理上，在大公司的同學(xué)應(yīng)該很能體會(huì)。

要不，很多同學(xué)一起去抽煙，一起去逛街，一起去喝酒，很多時(shí)候先成為了朋友，做事情會(huì)更加順暢，同時(shí)這個(gè)過(guò)程你獲得的信息也足夠多，信息的不對(duì)稱往往會(huì)讓你做事情云里霧里，所以沒(méi)事，多和研發(fā)的兄弟，產(chǎn)品運(yùn)營(yíng)的同學(xué)，吃吃飯，培養(yǎng)一下革命友情，對(duì)你只有幫助，沒(méi)有壞處。

 w

最后 

這是我所總結(jié)出來(lái)的一部分職場(chǎng)心得，或許和設(shè)計(jì)無(wú)關(guān)，但是在我們工作中卻尤其重要，希望今天的分享你會(huì)喜歡。

原文地址：我們的設(shè)計(jì)日記（公眾號(hào)）

作者：sky

轉(zhuǎn)載請(qǐng)注明：學(xué)UI網(wǎng)》職場(chǎng)太內(nèi)向，怎么破？

藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群，每天會(huì)分享國(guó)內(nèi)外的一些優(yōu)秀設(shè)計(jì)，如果有興趣的話，可以進(jìn)入一起成長(zhǎng)學(xué)習(xí)，請(qǐng)掃碼藍(lán)小助，報(bào)下信息，藍(lán)小助會(huì)請(qǐng)您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作，也請(qǐng)與我們聯(lián)系。

文章來(lái)源：csdn

分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責(zé)聲明：藍(lán)藍(lán)設(shè)計(jì)尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問(wèn)題，請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系，我們立即更正或刪除。

藍(lán)藍(lán)設(shè)計(jì)( www.yvirxh.cn )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)

 <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);//將一個(gè)是 ajax返回的html頁(yè)面直接打?。ń忉尣@示成）頁(yè)面
                  //alert(jQuery('div', data).html());    
                  //alert(data.output);
            });
        });
    </script>

document.write(data)！?。。?

一句話搞定?。。?br />
轉(zhuǎn)自：csdn

藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群，每天會(huì)分享國(guó)內(nèi)外的一些優(yōu)秀設(shè)計(jì)，如果有興趣的話，可以進(jìn)入一起成長(zhǎng)學(xué)習(xí)，請(qǐng)掃碼ben_lanlan，報(bào)下信息，會(huì)請(qǐng)您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作，也請(qǐng)與我們聯(lián)系。

文章來(lái)源：csdn

分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責(zé)聲明：藍(lán)藍(lán)設(shè)計(jì)尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問(wèn)題，請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系，我們立即更正或刪除。

藍(lán)藍(lán)設(shè)計(jì)( www.yvirxh.cn )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)

頁(yè)面局部刷新

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

2. 如果要對(duì)大部分內(nèi)容進(jìn)行刷新建議使用iframe標(biāo)簽進(jìn)行整體刷新。
3. 對(duì)于點(diǎn)擊不同的按鈕（或其他的標(biāo)簽）局部刷新可以使用" 隱藏方式"，比如事先準(zhǔn)備好幾種不同的內(nèi)容，
   < 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>

點(diǎn)擊按鈕觸發(fā)事件（onclick()或其他事件）對(duì)需要刷新的部分內(nèi)容進(jìn)行css屬性display：none(/block)設(shè)置只顯示一個(gè)div的內(nèi)容

藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群，每天會(huì)分享國(guó)內(nèi)外的一些優(yōu)秀設(shè)計(jì)，如果有興趣的話，可以進(jìn)入一起成長(zhǎng)學(xué)習(xí)，請(qǐng)掃碼ben_lanlan，報(bào)下信息，會(huì)請(qǐng)您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作，也請(qǐng)與我們聯(lián)系。

文章來(lái)源：csdn

分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責(zé)聲明：藍(lán)藍(lán)設(shè)計(jì)尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問(wèn)題，請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系，我們立即更正或刪除。

藍(lán)藍(lán)設(shè)計(jì)( www.yvirxh.cn )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)

 

01 音視頻娛樂(lè)新形態(tài)

挖掘更好玩的娛樂(lè)社交場(chǎng)景，能帶給用戶更愉悅的體驗(yàn)。疫情期間，線下聚會(huì)因此受限，線上娛樂(lè)應(yīng)運(yùn)而生，在此契機(jī)之下，期望借助音視頻實(shí)時(shí)互動(dòng)、聲影重現(xiàn)的特性，開(kāi)啟了新的娛樂(lè)形態(tài)——QQ一起派對(duì)。

觀察競(jìng)品普遍存在不足之處，即缺乏真實(shí)聚會(huì)游戲的氛圍與互動(dòng)。因此，解決社交游戲產(chǎn)品缺少真實(shí)情境的問(wèn)題，成為QQ一起派對(duì)的創(chuàng)新機(jī)會(huì)點(diǎn)，有利于在競(jìng)品中突圍，塑造差異化優(yōu)勢(shì)。

 

02 打造真實(shí)聚會(huì)游戲體驗(yàn)

2.1 回歸本質(zhì)，突圍創(chuàng)新

QQ一起派對(duì)是基于音視頻展開(kāi)的線上聚會(huì)游戲，結(jié)合了實(shí)時(shí)互動(dòng)與娛樂(lè)化內(nèi)容。為了讓游戲過(guò)程更貼近真實(shí)聚會(huì)場(chǎng)景，我們從游戲氛圍和自然交互兩方面切入，尋找創(chuàng)新突破口。

游戲氛圍

構(gòu)建適用于游戲類型的界面框架，讓線上聚會(huì)更貼近真實(shí)世界，并運(yùn)用視覺(jué)感染力，營(yíng)造環(huán)境氛圍，包括場(chǎng)景具象化、增強(qiáng)代入感等方法，實(shí)時(shí)感知好友的情感變化，從而獲得社交臨場(chǎng)感，在心理上感到彼此的存在。

自然交互

有別于競(jìng)品需通過(guò)點(diǎn)擊按鈕作答，QQ一起派對(duì)利用實(shí)時(shí)語(yǔ)音識(shí)別，讓用戶通過(guò)更自然的人機(jī)交互方式，在游戲過(guò)程中進(jìn)行語(yǔ)音搶答，彷佛置身于真實(shí)世界中與好友互動(dòng)，成為QQ一起派對(duì)的獨(dú)特賣點(diǎn)（Unique Selling Proposition）。

 

綜上所述，QQ一起派對(duì)的設(shè)計(jì)要素包括：、

1. 社交臨場(chǎng)感（Social Presence）：場(chǎng)景具象化、高度同步實(shí)時(shí)響應(yīng)、感知他人情感變化

2. 沉浸感（Immersion）：營(yíng)造氛圍、增強(qiáng)代入感、突出內(nèi)容與主角

3. 可玩性（Playability）：游戲界面、游戲機(jī)制、游戲互動(dòng)

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

 

2.2 游戲界面設(shè)計(jì)

舞臺(tái)場(chǎng)景化布局

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

 

 

多層次感官體驗(yàn)

我們真實(shí)還原了線下?lián)尨鸬幕?dòng)體驗(yàn)，通過(guò)倒計(jì)時(shí)動(dòng)效、實(shí)時(shí)分?jǐn)?shù)標(biāo)簽，以及搶答成功反饋，增添游戲的緊張感與刺激感。

在游戲過(guò)程中，除了通過(guò)視頻畫面感知好友的情感變化，用戶的語(yǔ)音狀態(tài)也會(huì)實(shí)時(shí)反饋在頭像上，響應(yīng)搶答題目、好友交談，以及各種表達(dá)情緒的聲音，借著聲音視覺(jué)化的效果，搭配視頻與人聲的重現(xiàn)，交織出多層次的感官體驗(yàn)。

 

 

邀請(qǐng)消息實(shí)況化

發(fā)送邀請(qǐng)是召集好友的重要途徑，而作為〝邀請(qǐng)函〞的消息，需要傳達(dá)明確的信息，讓用戶一眼就能感知房間內(nèi)的狀態(tài)，包括準(zhǔn)備開(kāi)始、游戲中、游戲結(jié)束等，避免用戶點(diǎn)擊加入游戲時(shí)，卻因游戲已開(kāi)始或結(jié)束而無(wú)法加入。為此，我們將邀請(qǐng)消息實(shí)況化，持續(xù)更新當(dāng)前狀態(tài)、參與成員等，讓用戶能實(shí)時(shí)感知派對(duì)房間的變化。

 

 

03 拯救孤獨(dú)，陌生人玩法登場(chǎng)

3.1 讓你隨時(shí)找到伙伴

排解寂寞心理訴求

QQ一起派對(duì)初期聚焦于好友一起玩，但仍不免發(fā)生創(chuàng)建了房間，當(dāng)下找不到好友，或因等待過(guò)久而退出房間的狀況，使得創(chuàng)建房間到實(shí)際參與的轉(zhuǎn)化率受到影響。從用戶訪談結(jié)果來(lái)看，用戶存在排解寂寞的心理訴求，但對(duì)象不一定得是熟人好友，因此渴望找到游戲伙伴、快速開(kāi)始游戲，成為QQ一起派對(duì)擴(kuò)展至陌生人玩法的契機(jī)。

引入陌生人匹配

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

此外，進(jìn)一步優(yōu)化房間內(nèi)的界面布局，將游戲卡片縮小平鋪排列，讓用戶一眼就能看到多款游戲，提升對(duì)游戲數(shù)量的感知與轉(zhuǎn)化率。在游戲類型上，新增了猜歌與知識(shí)問(wèn)答兩款游戲，并提升現(xiàn)有題庫(kù)質(zhì)量，避免游戲趣味性不足，影響用戶留存率。

 

3.2 游戲大廳情感化設(shè)計(jì)

搭建游戲世界觀

為了增強(qiáng)游戲氛圍，我們通過(guò)情感化設(shè)計(jì)帶領(lǐng)用戶進(jìn)入情景中，讓用戶更好地理解每個(gè)玩法，并從游戲玩法與情感訴求提煉出場(chǎng)景元素，以此搭建游戲世界觀，并將故事情節(jié)加以推演，增強(qiáng)趣味性與獨(dú)特性，還能進(jìn)一步提升記憶度。

 

利用光效聚焦視線

光效有利于吸引和聚焦視線，并以不同的表現(xiàn)形式來(lái)影響情緒。我們從光的色彩、動(dòng)效、光感和造型等層面，創(chuàng)造出五種增強(qiáng)感官體驗(yàn)的光效設(shè)計(jì)，將其應(yīng)用在游戲大廳入口，借由不同的光效類型與動(dòng)畫形態(tài)，強(qiáng)化用戶的世界觀感知。

 

會(huì)講故事的界面

帶有情感的故事會(huì)在記憶中發(fā)酵，引領(lǐng)用戶進(jìn)入場(chǎng)景。我們將游戲入口的功能屬性，轉(zhuǎn)化為富有故事性的場(chǎng)景設(shè)計(jì)，當(dāng)用戶被故事所吸引，多感官區(qū)域被激活，將會(huì)激發(fā)用戶情緒，有利于記憶與理解游戲入口，對(duì)游戲產(chǎn)生共情，進(jìn)而超出產(chǎn)品的功能價(jià)值，與用戶建立情感鏈接。

 

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

 

 

破格設(shè)計(jì)能夠加強(qiáng)張力、突出游戲主題，我們運(yùn)用破格效果的3D圖標(biāo)造型，彰顯游戲的獨(dú)特調(diào)性，樹(shù)立鮮明的品牌印象。

 

組件化卡片設(shè)計(jì)

組件化除了提高設(shè)計(jì)效率，還能從整體一致性考量差異化。我們將游戲卡片、題庫(kù)卡片、提示卡片和入口卡片等功能界面，構(gòu)建一套組件系統(tǒng)，讓框架布局貫通全流程，打造體驗(yàn)一致的可玩性，利于后續(xù)的擴(kuò)充與延展。

 

3.3 生存戰(zhàn)增添挑戰(zhàn)性

激發(fā)持續(xù)參與動(dòng)力

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

 

 

匹配動(dòng)效強(qiáng)化氛圍

為了營(yíng)造同場(chǎng)競(jìng)技的臨場(chǎng)感，我們利用匹配動(dòng)效強(qiáng)化氛圍。隨著已加入玩家的數(shù)字不斷增加，底部會(huì)實(shí)時(shí)展示用戶頭像，具象化呈現(xiàn)玩家數(shù)量，烘托熱鬧氣氛，消除等待時(shí)的焦慮感，讓用戶處于蓄勢(shì)待發(fā)的狀態(tài)，而紅藍(lán)對(duì)戰(zhàn)布局則進(jìn)一步強(qiáng)化PK宣戰(zhàn)的氛圍。過(guò)程中若有玩家遭到淘汰，用戶也能通過(guò)底部頭像感知剩馀玩家數(shù)量，以此增強(qiáng)游戲臨場(chǎng)感與成就感。

 

增強(qiáng)榮譽(yù)感與儀式感

每輪擊敗對(duì)手時(shí)，答題區(qū)域?qū)⒆優(yōu)槿恋膽c祝畫面，搭配撒花特效、頭像聚光燈，營(yíng)造歡愉的勝利氛圍。而在游戲結(jié)果頁(yè)，我們同樣利用色彩和動(dòng)效的差異對(duì)比，塑造勝敗雙方的情緒氛圍，以此增強(qiáng)榮譽(yù)感與儀式感。在生存戰(zhàn)登頂挑戰(zhàn)成功的用戶，將會(huì)站上頒獎(jiǎng)臺(tái)授予最高榮譽(yù)，在舞臺(tái)聚光燈的照耀下，迎接光榮勝利。排行榜有助于強(qiáng)化擊敗眾多好手的感知，激發(fā)勝利者的分享欲。

 

04 結(jié)語(yǔ)

QQ一起派對(duì)推出后深受用戶喜愛(ài)、獲得廣泛好評(píng)，調(diào)研結(jié)果顯示，用戶整體評(píng)價(jià)相當(dāng)高，也樂(lè)于將QQ一起派對(duì)推薦給好友。

綜而觀之，音視頻除了廣泛應(yīng)用在通訊場(chǎng)景，正逐漸賦能更多創(chuàng)新場(chǎng)景，而娛樂(lè)場(chǎng)景更成為兵家必爭(zhēng)之地。QQ一起派對(duì)開(kāi)啟了新的娛樂(lè)形態(tài)，充分發(fā)揮音視頻聲影重現(xiàn)的獨(dú)特優(yōu)勢(shì)，消弭了空間距離，嘗試解決社交游戲產(chǎn)品缺少真實(shí)情境的問(wèn)題，讓游戲過(guò)程更具臨場(chǎng)感，就像面對(duì)面進(jìn)行游戲一般。未來(lái)將從玩法豐富性、游戲挑戰(zhàn)性、題庫(kù)可玩性三方面持續(xù)優(yōu)化，打造更好玩的音視頻體驗(yàn)。

 

立即打開(kāi)QQ，邀請(qǐng)好友暢玩聚會(huì)游戲！

原文地址：ISUX

作者：騰訊ISUX

 

轉(zhuǎn)載請(qǐng)注明：學(xué)UI網(wǎng)》聲臨其境 | QQ音視頻娛樂(lè)社交設(shè)計(jì)

藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群，每天會(huì)分享國(guó)內(nèi)外的一些優(yōu)秀設(shè)計(jì)，如果有興趣的話，可以進(jìn)入一起成長(zhǎng)學(xué)習(xí)，請(qǐng)掃碼藍(lán)小助，報(bào)下信息，藍(lán)小助會(huì)請(qǐng)您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作，也請(qǐng)與我們聯(lián)系。

文章來(lái)源：csdn

分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責(zé)聲明：藍(lán)藍(lán)設(shè)計(jì)尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問(wèn)題，請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系，我們立即更正或刪除。

藍(lán)藍(lán)設(shè)計(jì)( www.yvirxh.cn )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)

隨著造車新勢(shì)力，車聯(lián)網(wǎng)的賽道發(fā)展越來(lái)越快。到2021年為止全國(guó)汽車保有量超過(guò)100萬(wàn)輛的城市共有72個(gè)，與去年同期相比增加5個(gè)。，國(guó)家要求未來(lái)汽車要實(shí)現(xiàn)50%的智能車聯(lián)，現(xiàn)在頭部的蔚來(lái)、小鵬、理想，還有國(guó)產(chǎn)品牌的吉利、比亞迪、長(zhǎng)城、東風(fēng)。我們國(guó)內(nèi)造車甚至可以超越合資車。我對(duì)未來(lái)車聯(lián)網(wǎng)還是很看好的。今天就跟大家聊聊現(xiàn)有的車載屏幕演變過(guò)程，以及現(xiàn)在市面上車載屏幕，和車載系統(tǒng)的特點(diǎn)。

首先先普及下HMI的概念

HMI：- Human Machine Interface : 人機(jī)界面，現(xiàn)在多指車載交互系統(tǒng)體驗(yàn)設(shè)計(jì)。

既然說(shuō)到人機(jī)界面，我們先來(lái)設(shè)計(jì)的載體是如何演變的。

一、車載中控儀表盤演變過(guò)程

1886 年，由卡爾·本茨發(fā)明的第一輛汽車。當(dāng)時(shí)根本就沒(méi)有所謂的儀表盤概念，所以載體還得從1908年T型車（Ford Model T）說(shuō)起，到2012年劃時(shí)代的特斯拉Model S，汽車儀表盤目前經(jīng)歷四代。

1、第一代:以按鍵為主

機(jī)械式儀表盤: 第一個(gè)時(shí)代儀表盤為機(jī)械芯儀表，一般包含了車速里程表、轉(zhuǎn)速表、機(jī)油壓力表、水溫表、燃油表、充電表等，之后汽車儀表還需要裝穩(wěn)壓器來(lái)穩(wěn)定儀表電源的電壓，抑制波動(dòng)幅度，保證汽車儀表的準(zhǔn)確性。初代的汽車儀表盤主要以傳統(tǒng)的熱式和動(dòng)磁式，顯示的信息極為有限，更多的是車輛物理信息“通信員”的角色。

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

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

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

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

3、第三代：全數(shù)字化儀表

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

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

2007年iPhone問(wèn)世后，大屏、輕薄機(jī)身、高清顯示屏、可安裝應(yīng)用等功能引領(lǐng)了整個(gè)行業(yè)的革命。電動(dòng)汽車行業(yè)飛速發(fā)展,智能AI和人際互聯(lián)等人車交互概念也跟著興起,對(duì)于中控臺(tái)的需求和功能復(fù)雜度也跟著越發(fā)精細(xì)起來(lái),結(jié)果就是屏幕越來(lái)越大。

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

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

拜騰M-Byte,48寸巨屏,橫向貫穿儀表臺(tái),再一次顛覆汽車的內(nèi)飾設(shè)計(jì)。

比亞迪系列汽車的旋轉(zhuǎn)大屏,玩出新花樣,可以旋轉(zhuǎn)控制,就像手機(jī)橫屏和豎屏的場(chǎng)景。

縱觀下來(lái),其實(shí)不難看出,雖然汽車的中控屏幕也是往著越來(lái)越大的方向發(fā)展,但因?yàn)榭臻g以及功能需求的不同,相比起手機(jī)來(lái)說(shuō),中控屏幕的變化更具備多樣性。

4、第四代：HUD顯示屏

從上世紀(jì)80年代，抬頭顯示技術(shù)在汽車領(lǐng)域已經(jīng)開(kāi)始被使用，直到現(xiàn)在才開(kāi)始逐漸展露頭腳。

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

戰(zhàn)斗機(jī)是率先應(yīng)用HUD抬頭顯示器的。飛行員在空戰(zhàn)中，需要交替觀察艙外目標(biāo)和艙內(nèi)儀表，易產(chǎn)生瞬間視覺(jué)中斷，因此會(huì)導(dǎo)致反應(yīng)遲緩、操作失誤，并有可能貽誤戰(zhàn)機(jī)，采用HUD抬頭顯示可克服這一缺點(diǎn)。

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

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

HUD作為一款新技術(shù)，優(yōu)勢(shì)顯而易見(jiàn)。當(dāng)駕駛員需要查看儀表盤或中控臺(tái)上的信息，視線至少需要轉(zhuǎn)移0.3秒，而HUD投影的信息就在駕駛員平視的正前方，駕駛員可以將更多的注意力放在路面上。將駕駛體驗(yàn)及駕駛員對(duì)于路況信息的認(rèn)知能力進(jìn)行革新式升級(jí)。

二、六大車載系統(tǒng)的特點(diǎn)

現(xiàn)在各家系統(tǒng)百家爭(zhēng)鳴，各家車載系統(tǒng)設(shè)計(jì)有哪些不同？

1. 阿里 斑馬智行

簡(jiǎn)介：

1、阿里車載小程序是一種無(wú)需下載安裝即可使用的“應(yīng)用”，旨在為用戶打造“隨時(shí)可用”、“用完即走”的使用體驗(yàn)。

2、AliOS作為互聯(lián)網(wǎng)汽車操作系統(tǒng)，原生地支持阿里小程序，引入阿里生態(tài)服務(wù)的同時(shí)也面向開(kāi)發(fā)者開(kāi)放，圍繞車場(chǎng)景為用戶提供從出行到生活的各類智慧服務(wù)。

特點(diǎn)：

1、設(shè)計(jì)特點(diǎn)：

獨(dú)立的大卡片式的內(nèi)容界面模塊方便車主在行車過(guò)程中單手操作，其配色鮮艷，風(fēng)格扁平，符合使用場(chǎng)景和國(guó)人的使用習(xí)慣。

2、功能特點(diǎn)：自帶場(chǎng)景智能感知的基因。

得到車主授權(quán)后，車載小程序可以圍繞行車場(chǎng)景，實(shí)現(xiàn)上車前、行車中、下車后自然串聯(lián)的智能化場(chǎng)景服務(wù)。

用戶可以在車上通過(guò)觸控、語(yǔ)音、手勢(shì)等多模態(tài)交互方式，咨詢附近的推薦餐廳，小程序會(huì)基于用戶的喜好作出推薦，還可以預(yù)約排號(hào)；到達(dá)餐廳附近，系統(tǒng)會(huì)自動(dòng)喚醒小程序，為用戶找到停車場(chǎng)；下車后，車載小程序會(huì)無(wú)縫連接到手機(jī)小程序端，用戶可以在手機(jī)上查看餐廳的預(yù)約信息等。

△ 斑馬智行2.0系統(tǒng)設(shè)計(jì)

斑馬智行，采用智能手機(jī)界面和應(yīng)用商城下載 APP 的使用方式，實(shí)現(xiàn)車載和手機(jī)的雙重控制。

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

同時(shí)，斑馬智行依靠阿里強(qiáng)大的技術(shù)和資源支持，打通停車場(chǎng)，加油站，高速公路支付等，使用戶駕車時(shí)產(chǎn)生的費(fèi)用均能通過(guò)支付寶支付。

2. 百度 Car Life和Apollo

簡(jiǎn)介：

1、打造智能車載服務(wù)生態(tài)，滿足用戶出行、娛樂(lè)、生活等多元化需求，構(gòu)建人-車-家一體化互聯(lián)閉環(huán)成為時(shí)代趨勢(shì)。

2、智能小程序，是百度提供的一種技術(shù)解決方案。開(kāi)發(fā)者基于此開(kāi)發(fā)出來(lái)的服務(wù)，在各類宿主環(huán)境（手機(jī) App、車載系統(tǒng)、IOT 設(shè)備等）中，可做到用戶無(wú)感知安裝，即點(diǎn)即用。

特點(diǎn):

1、設(shè)計(jì)特點(diǎn)

車載端主界面分別采用藍(lán)、綠、紅、灰四個(gè)色塊對(duì)應(yīng)四個(gè)功能模塊，「發(fā)現(xiàn)」集成音樂(lè)、娛樂(lè)、聽(tīng)書、電臺(tái)等特色音視頻服務(wù)，采用紅色在界面中最為突出，其設(shè)計(jì)風(fēng)格整體扁平，面性 icon 利于識(shí)別與點(diǎn)擊。

2、功能特點(diǎn)

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

百度的車載小程序大部分場(chǎng)景下還是只能依靠用戶用語(yǔ)音喚醒，但在生態(tài)的開(kāi)放性上，百度車載小程序則做得更為徹底，可以在百度App、百度地圖、百度貼吧、百度網(wǎng)盤百度系A(chǔ)pp上運(yùn)行。

3. 騰訊 Ai in Car

簡(jiǎn)介：

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

2、分為3類，出行服務(wù)小型車、生活服務(wù)小程序和視聽(tīng)服務(wù)小程序。

特點(diǎn)：

1、設(shè)計(jì)特點(diǎn)：

運(yùn)用的FutureLink3.0系統(tǒng)，F(xiàn)utureLink3.0 基于安卓平臺(tái)開(kāi)發(fā)，在 12 英寸的中控屏幕上并沒(méi)有將大量的圖標(biāo)堆砌在首頁(yè)，反而以地圖為背景，將六大功能模塊以大板塊的形式布局在地圖下方，整個(gè)界面設(shè)計(jì)簡(jiǎn)潔。

2、功能特點(diǎn)：

最大特色：基于位置和場(chǎng)景會(huì)被自動(dòng)喚醒。比如用戶經(jīng)過(guò)加油站、停車場(chǎng)、旅游景點(diǎn)的時(shí)候，有些購(gòu)買和支付的服務(wù)就會(huì)主動(dòng)彈在車機(jī)上，用戶再通過(guò)語(yǔ)音完成操作。

手機(jī)小程序是“人找服務(wù)”，那么騰訊車載小程序則進(jìn)化成“服務(wù)找人”。

△ 騰訊在車載場(chǎng)景下的生態(tài)布局

Ai in Car，顧名思義，基于 AI 的連接能力和生態(tài)，融合騰訊內(nèi)容生態(tài)的優(yōu)質(zhì)資源，包括資訊、視頻、IP、文學(xué)等板塊，為車主提供更豐富的內(nèi)容消費(fèi)。風(fēng)行搭載的 FutureLink3.0 車聯(lián)網(wǎng)系統(tǒng)，就是和騰訊深度合作而誕生的優(yōu)質(zhì)案例。

△ FutureLink3.0系統(tǒng)界面

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

從整體來(lái)看 FutureLink3.0 的設(shè)計(jì)，它更像是一個(gè)把需求頁(yè)面展現(xiàn)在車主面前的「輕應(yīng)用」，沒(méi)有傳統(tǒng)概念上的主界面、多層交互菜單以及相應(yīng)的「系統(tǒng)特質(zhì)」的設(shè)計(jì)，它更希望把海量資源建立在云端，終端只給車主呈現(xiàn)其所需要的服務(wù)即可。

4. 谷歌 Android auto

簡(jiǎn)介：

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

特點(diǎn)：

1、設(shè)計(jì)特點(diǎn)：

在 UI 框架設(shè)計(jì)方面，主屏幕以卡片的形式顯示通知、活動(dòng)、導(dǎo)航和消息，右下角有啟動(dòng)語(yǔ)音命令的麥克風(fēng)圖標(biāo)和底部的活動(dòng)欄，這些特性屬于全局 UI。在它下方，應(yīng)用程序內(nèi)容區(qū)域顯示應(yīng)用程序啟動(dòng)器或當(dāng)前使用的主應(yīng)用程序的內(nèi)容。

△ Android auto手持設(shè)備與車載設(shè)計(jì)系統(tǒng)

Android auto 將 Android 平臺(tái)擴(kuò)展到汽車上，它有兩種使用方法：在手機(jī)上或在兼容的車載屏幕上。

它有一個(gè)簡(jiǎn)單的界面，標(biāo)準(zhǔn)化的用戶交互模型和強(qiáng)大的聲音動(dòng)作，其目的是幫助司機(jī)盡量減少分心。需要注意的是，為汽車設(shè)計(jì)交互式應(yīng)用程序與手持式設(shè)備的設(shè)計(jì)有根本上的不同，其應(yīng)用程序的交互界面應(yīng)該簡(jiǎn)化，以確保司機(jī)的眼睛和手集中在開(kāi)車上，減少司機(jī)分心。

△ Android auto車載系統(tǒng)UI框架

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

5. 蘋果 CarPlay

簡(jiǎn)介：

CarPlay 車載系統(tǒng)旨在令用戶通過(guò)汽車制造商之原生車載系統(tǒng)來(lái)使用、操控iOS設(shè)備并發(fā)揮其功能。該產(chǎn)品的首個(gè)版本計(jì)劃于2014年發(fā)布，最早出現(xiàn)在一些制造商的汽車展覽上。

特點(diǎn)：

1、設(shè)計(jì)特點(diǎn)：

基于手機(jī)映射，所以界面除了橫向布局外，icon都和手機(jī)端統(tǒng)一。以簡(jiǎn)潔的布局提供有用的、重點(diǎn)突出的信息，便于從駕駛員座椅上進(jìn)行掃描。不要用不必要的細(xì)節(jié)和不必要的裝飾來(lái)弄亂屏幕。

在整個(gè)應(yīng)用程序中保持整體一致的外觀。一般來(lái)說(shuō)，具有相似功能的元素應(yīng)該看起來(lái)相似。

2、功能特點(diǎn)：

作為車內(nèi)輔助、操作、娛樂(lè)的中心，Carplay 可以直接連接到汽車中控的觸摸屏上，提供基于 iOS 的相關(guān)的服務(wù)和應(yīng)用。Carplay 的整體設(shè)計(jì)圍繞著車內(nèi)駕駛這一使用場(chǎng)景，而它的設(shè)計(jì)原則也圍繞著這一場(chǎng)景來(lái)規(guī)劃：

• 成熟。基于最熟悉的 iOS 應(yīng)用，來(lái)設(shè)計(jì)界面元素，并提供熟悉、直觀的體驗(yàn)。

• 簡(jiǎn)短。采用盡可能簡(jiǎn)短的交互，不過(guò)度引人矚目

• 相關(guān)。屏幕顯示信息高度相關(guān)，提供盡可能少選項(xiàng)，不需要復(fù)雜決策

• 語(yǔ)音。基于Siri，以語(yǔ)音交互為核心，司機(jī)無(wú)需視線離開(kāi)前方，手也不用離開(kāi)方向盤即可完成交互。

  
  

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

6、華為車機(jī)應(yīng)用

簡(jiǎn)介：

HMS for Car是華為終端云服務(wù)打造的智慧車載云服務(wù)解決方案，基于HMS（Huawei Mobile Services），通過(guò)AI場(chǎng)景引擎結(jié)合華為生態(tài)資源，為用戶提供精準(zhǔn)豐富的出行場(chǎng)景內(nèi)容和服務(wù)，助力汽車從交通工具向具有交互和服務(wù)的能力的智能終端進(jìn)化。

華為快應(yīng)用是一種基于行業(yè)標(biāo)準(zhǔn)開(kāi)發(fā)的新型免安裝應(yīng)用，其標(biāo)準(zhǔn)由主流手機(jī)廠商組成的快應(yīng)用聯(lián)盟聯(lián)合制定。開(kāi)發(fā)者開(kāi)發(fā)一次即可將應(yīng)用分發(fā)到所有支持行業(yè)標(biāo)準(zhǔn)的手機(jī)運(yùn)行。

HMS Core提供端、云開(kāi)放能力，幫助開(kāi)發(fā)者實(shí)現(xiàn)應(yīng)用高效開(kāi)發(fā)、快速增長(zhǎng)、商業(yè)變現(xiàn)，使能開(kāi)發(fā)者創(chuàng)新，為全球用戶提供精品內(nèi)容、服務(wù)及體驗(yàn)。

1、全球化分發(fā)。已上線超過(guò)170+國(guó)家和地區(qū)。

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

3、全場(chǎng)景支持?？鞈?yīng)用直達(dá)鏈接和卡片嵌入全終端場(chǎng)景。

特點(diǎn)：

1、設(shè)計(jì)特點(diǎn)：

在交互界面上，Carplay和Carlife由于使用的投屏方式，主界面依然是一個(gè)個(gè)的APP圖標(biāo)，需要點(diǎn)擊啟動(dòng)進(jìn)入后才能使用。筆者認(rèn)為采用這樣移動(dòng)端過(guò)于笨重的交互方式并不適用于車載場(chǎng)景；HUAWEI HiCar的設(shè)計(jì)理念是"安全便捷、自然舒適、智能貼心", 對(duì)車載端的人機(jī)交互要素重新布局規(guī)劃設(shè)計(jì)，采用桌面卡片的設(shè)計(jì)方式，以滿足復(fù)雜駕駛狀態(tài)下的使用需求。

桌面卡片是應(yīng)用內(nèi)容和功能特性的重要載體，用戶通過(guò)對(duì)卡片的快捷操作直達(dá)應(yīng)用的核心功能，提升交互的便捷性。應(yīng)用可通過(guò)接入 HUAWEI HiCar 桌面卡片的方式呈現(xiàn)最核心的功能和服務(wù)，并根據(jù)自身的需求特性，自行組合卡片元素以滿足不同場(chǎng)景下的用戶訴求。

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

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

  應(yīng)用需提供三套背板以適配卡片主題切換。

• 品宣區(qū)：品宣樣式為圖標(biāo)+文字，應(yīng)用可根據(jù)在此區(qū)域顯示品牌圖標(biāo)和名稱。

• 內(nèi)容區(qū)：展示與應(yīng)用場(chǎng)景相關(guān)的信息，其內(nèi)容可以是圖片、文本或圖文樣式。

• 操作區(qū)：操作區(qū)為文字或圖片按鍵，最多 3 個(gè)控件或 1 個(gè)控件組。

2、功能特點(diǎn)：

華為智慧助手，可結(jié)合用戶使用場(chǎng)景，以卡片形式推送提醒、服務(wù)和行程，實(shí)現(xiàn)智慧化服務(wù)找人。例如，送孩子上學(xué)時(shí)，車機(jī)端華為智慧助手將自動(dòng)推送"有聲續(xù)播"卡片，用戶點(diǎn)擊卡片，即可一鍵續(xù)播孩子在華為手機(jī)上沒(méi)聽(tīng)完的有聲兒童內(nèi)容；用戶在開(kāi)車下班回家路上，進(jìn)入離家500米范圍內(nèi)時(shí)，車機(jī)系統(tǒng)可自動(dòng)啟動(dòng)"回家模式"，提前打開(kāi)家中的窗簾、空調(diào)等設(shè)備，方便用戶享受愜意生活。

My Car功能面向車企開(kāi)放華為手機(jī)等智能硬件系統(tǒng)級(jí)入口能力，能夠?qū)崿F(xiàn)遠(yuǎn)程控車、查車、汽車服務(wù)/告警關(guān)鍵信息等反向推送能力。遠(yuǎn)程控車功能，可以滿足用戶高頻控車訴求，例如，遠(yuǎn)程開(kāi)關(guān)空調(diào)、尋車、查看門窗狀態(tài)等。另外，當(dāng)車輛胎壓不足、門窗未關(guān)閉時(shí)，用戶也能通過(guò)手機(jī)、車機(jī)及時(shí)收到提醒。

三、系統(tǒng)的開(kāi)源地址

1、阿里Alios開(kāi)放平臺(tái)

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

2、百度車載生態(tài)開(kāi)放平臺(tái)

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

3、騰訊-車載小場(chǎng)景（私我領(lǐng)取PDF）

4、谷歌駕駛

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

5、蘋果apple car play

iOS - CarPlay 車載

6、華為車機(jī)三方應(yīng)用交互設(shè)計(jì)規(guī)范

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

藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群，每天會(huì)分享國(guó)內(nèi)外的一些優(yōu)秀設(shè)計(jì)，如果有興趣的話，可以進(jìn)入一起成長(zhǎng)學(xué)習(xí)，請(qǐng)掃碼ben_lanlan，報(bào)下信息，會(huì)請(qǐng)您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作，也請(qǐng)與我們聯(lián)系。

文章來(lái)源：站酷 作者：郝小七

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

免責(zé)聲明：藍(lán)藍(lán)設(shè)計(jì)尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問(wèn)題，請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系，我們立即更正或刪除。

藍(lán)藍(lán)設(shè)計(jì)( www.yvirxh.cn )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)