借用一句傳統(tǒng)設(shè)計行業(yè)的經(jīng)典語錄，一個好的產(chǎn)品一定是“有用的、好用的、用過還想用的”，有用的主要由產(chǎn)品經(jīng)理把控，而好用、用過是否還想用就是交互設(shè)計的職責和價值了。工作內(nèi)容，交互大概可以總結(jié)為下面這幾點：

1、是針對行為的設(shè)計，讓原本的物理邏輯向用戶行為邏輯轉(zhuǎn)化；

2、平衡業(yè)務價值和用戶價值，腦海中永遠不要忘記“用戶價值”這幾個字；

3、以目標為導向，保證產(chǎn)品貼合用戶心智，用戶能更好的理解、使用產(chǎn)品，并獲得愉悅的使用體驗；

4、是通過功能架構(gòu)向信息架構(gòu)的重組，提升產(chǎn)品框架的擴展性、穩(wěn)定性等，交互更多的考慮到在不同場景下對可用性的要求，讓產(chǎn)品能長久持續(xù)的使用下去；

5、是對使用流程設(shè)計；

6、數(shù)據(jù)分析和用戶研究相關(guān)的工作，這兩者是交互展開工作的基礎(chǔ)支撐。

交互的價值是長期的和可持續(xù)的，沒有交互，短期內(nèi)看似不會出現(xiàn)問題，長期來看，對用戶留存、用戶滿意度等會有重大影響，市場環(huán)境不同于壟斷環(huán)境，功能堆砌過多后甚至都無法再動搖產(chǎn)品“難用”這個印象，但凡有類似競品，放棄產(chǎn)品可能性較大。

二、交互設(shè)計的產(chǎn)出物特點——交互稿與產(chǎn)品原型稿有什么差別

1、從內(nèi)到外的邏輯思維差異

行為邏輯是交互設(shè)計師思考的出發(fā)點，也是交互設(shè)計方式能否取得創(chuàng)新的關(guān)鍵點。物理邏輯或者業(yè)務邏輯是產(chǎn)品經(jīng)理更關(guān)注的要點，交互設(shè)計需要具備豐富的同理心，產(chǎn)品功能不同、用戶不同、場景不同都會影響到用戶使用時的感受和操作行為。簡單來說，交互設(shè)計師更多的站在用戶角度去思考原型的價值，是否容易被理解、好用甚至轉(zhuǎn)化，而產(chǎn)品的角度不可避免的會更多考慮業(yè)務、技術(shù)實現(xiàn)等方面，一個人做到面面俱到，是極其難且思維是很容易固化的，長期形成的思維差異會直接在原型圖中表現(xiàn)，最終影響到產(chǎn)品可用性。

以QQ音樂幾年前的版本（2017）和現(xiàn)版本（2021）為例，左側(cè)過往版本在首頁的信息組織形式上主要以分類的方式，而右側(cè)現(xiàn)版本中信息的組織形式中首頁的分類方式已經(jīng)很弱了，基本傾向于按用戶行為、需求去組織，比如根據(jù)用戶過往聽過的歌曲去推薦歌曲、歌單，每日30曲更是研究了用戶每日習慣、耐心做的信息整合，30首怎么得來的？根據(jù)什么樣的歌曲去推薦？這些都是行為研究的范疇，需要對用戶深度了解后方有最好的解決方案。

2.、設(shè)計規(guī)范的積累與創(chuàng)新

設(shè)計范式是交互設(shè)計師基本功的體現(xiàn)，包含設(shè)計規(guī)范和模塊范式兩個方面。設(shè)計規(guī)范是設(shè)計范式中的基礎(chǔ)，對規(guī)范的理解和創(chuàng)新也是衡量專業(yè)度最基礎(chǔ)的方面，這對原型稿是否成熟有很大關(guān)系，現(xiàn)有的交互規(guī)范大多基于iOS、Material design、微軟設(shè)計規(guī)范的基礎(chǔ)上優(yōu)化的，國內(nèi)比較流行的設(shè)計規(guī)范還有Ant design等，本文不對此做過多討論，這里重點談談設(shè)計范式。

范式，指用戶在長期對于互聯(lián)網(wǎng)產(chǎn)品使用過程中產(chǎn)生的用戶心智，比如用戶對設(shè)置模塊的預期、對個人信息模塊的預期等。也可以理解為對于不同產(chǎn)品功能模塊的記憶，設(shè)計時需要非常熟練的從腦海中調(diào)用，這樣做的好處是不容易太偏離用戶長期積累的心智，熟練應用范式是創(chuàng)新的前提。

比如表格編輯器的設(shè)計范式，不管是現(xiàn)在的飛書、谷歌文檔、釘釘、石墨等協(xié)同辦公產(chǎn)品，都在20年前微軟office的ribbon設(shè)計模式中兜兜轉(zhuǎn)轉(zhuǎn)，尤其是表格編輯器，在長期的使用過程中記類的習慣是很難輕易被改變的，筆者親身經(jīng)歷過一款表格編輯器產(chǎn)品的迭代，易用性（易操作、易學、易見）中易學性指標評分是最高的，現(xiàn)在想起來也跟行業(yè)范式接近不無關(guān)系。另外關(guān)于一些編輯器右鍵操作、鍵盤操作快捷鍵是否滿足了用戶需求都是極其重要的。不過辦公類產(chǎn)品發(fā)展到現(xiàn)在已不再像20年前純工具類屬性了，協(xié)同屬性必將帶來編輯器再一次的創(chuàng)新。

設(shè)計范式需要長期的積累，對范式理解不夠深入，通常是要么畫不出來可用的原型，要么畫出來的原型會被問到一個問題——“這個…看起來有點說不出來的奇怪”。在理解了基礎(chǔ)范式之后，我們才能做出真正的創(chuàng)新，雖然近兩年交互形式越來越穩(wěn)定，但真正理解了范式之后的創(chuàng)新也能幫助產(chǎn)品快速占領(lǐng)用戶心智，形成特定印象，繼而占領(lǐng)市場。設(shè)計范式并非不可創(chuàng)新，而是在不必要的時候盡量遵循范式能最大限度去降本增效，減少不必要的用戶誤解或開發(fā)成本。

3.、多端設(shè)計交互方式

比如基本的差異點有：

• Mobile的用戶行為多為單線任務，而PC是多線任務，比如pc可以多窗口很便捷的切換，用戶可以一邊聊天一邊收郵件；
• Mobile端用戶操作時間更加碎片化，PC操作時間更加系統(tǒng)、專一；
• PC的界面也遠大于Mobile，導致信息結(jié)構(gòu)差異較大；
• 兩者交互事件也存在很大差別，PC可以針對對象進行hover，多上下滾動，少左右滑動（依據(jù)鼠標特性）等；
• 設(shè)計控件的規(guī)范差異較大。

本文并不詳細贅述差異點，總的來說，這些差異點在具體的原型稿設(shè)計中會體現(xiàn)的比較明顯，這些也是專業(yè)性的一個方面。下面將舉2個例子來說明：

1.樹狀結(jié)構(gòu)

樹狀結(jié)構(gòu)是一個PC端經(jīng)常應用的控件，適用于層級結(jié)構(gòu)的展示、選擇等交互操作，高效而清晰，但其在移動端展示時卻不能照搬，由于屏幕、移動端手指交互等限制，在移動端該控件既不高效也不清晰。比如常見的將文件移動到文件夾的操作，桌面端的交互可以用樹狀結(jié)構(gòu)，而移動端更適合層級結(jié)構(gòu)。

2.面包屑導航

面包屑在桌面端是一個非常普遍的控件，可以有效的承載層級關(guān)系展示、快速導航定位的功能，比如不同層級的文件夾展示與導航等。但在移動端，因為屏幕大小、移動端用戶操作碎片化等原因，導致用戶對面包屑節(jié)點的記憶、層級操作上都遠不如桌面端，甚至會影響到信息的展示效率，因此移動端在層級關(guān)系的展示與切換上通常不會用面包屑，而是左上角返回按鈕或系統(tǒng)級別的返回。當然面包屑在移動端也并非一無是處，如果面包屑各節(jié)點承載的展示作用具備極強的參考意義，比如這些文件夾節(jié)點同時承載著組織關(guān)系的顯示，則面包屑也還是可以用的。

總結(jié)下來：面包屑在移動端盡量別用，但如果其各層級節(jié)點同時有極強的參考意義，則可用。

4.、方法論的掌握和運用

方法論在交互稿中的體現(xiàn)是比較隱晦的，準確來說，這一點是針對思維差異點的補充，如交互設(shè)計十原則、“F型”頁面設(shè)計理論（近幾年有爭議）等視覺動線，也包含發(fā)現(xiàn)問題的一些方法，比如KANO模型、用戶體驗地圖、卡片分類等方法論的應用，這些對于用戶行為維度的研究結(jié)果也會支撐著交互稿的科學性，這里不做展開闡述。比如用戶體驗模型示意圖如下，用戶體驗模型是建立在用戶角色模型之上的，前提是需要大量的用戶深度訪談資料為基礎(chǔ)，用以系統(tǒng)、全面、科學的研究用戶行為和探索用戶需求。

用戶體驗地圖

除了以上列舉出來的，還有一項重要的方法是數(shù)據(jù)分析，這一點是容易被輕視的，但確是最具備參考價值和衡量工作結(jié)果的，交互關(guān)注的數(shù)據(jù)和產(chǎn)品有很多差異，具體一點，比如對于一個項目中，產(chǎn)品更多關(guān)注的是衡量功能結(jié)果的數(shù)據(jù)，通常包含使用數(shù)據(jù)PV/UV、轉(zhuǎn)化率等，而設(shè)計師更多關(guān)注CTR、停留時長、轉(zhuǎn)化漏斗中跟操作行為相關(guān)的數(shù)據(jù)，行為是交互研究的對象，所以行為數(shù)據(jù)結(jié)果能為具體的方案設(shè)計提供衡量指標。

5、交互稿中的UI考量

簡單來說，就是不能給UI挖坑，沒有交互的設(shè)計，UI上與產(chǎn)品之間的溝通會非常頻繁，也主要會出現(xiàn)以下幾個常見問題。

1.信息結(jié)構(gòu)與優(yōu)先級的落地

信息布局既需要考慮功能的業(yè)務優(yōu)先級，也需要考慮用戶行為優(yōu)先級，同時還需要考慮到UI排版的難度。這中間基本都會有矛盾存在，做好平衡是必備技能。有時候需要逼著產(chǎn)品給出功能優(yōu)先級，排版是有限的，也有一定審美要求的專業(yè)度，交互稿需要為UI規(guī)避一些明顯的坑，比如最典型的例子——功能都很重要、文案過長等，當產(chǎn)品同學也不確定自己所畫功能是否能被用戶理解、操作的時候，會喜歡用文案去進行解釋，比如button上寫10個字這種，交互需要給UI提前做避坑。

2.規(guī)范

設(shè)計是一個系統(tǒng)，任何需求在畫交互稿時都應考慮到對系統(tǒng)的適應或沖擊，這就要求交互設(shè)計師不僅要非常熟悉設(shè)計系統(tǒng)，而且必須是系統(tǒng)的制作人之一，設(shè)計系統(tǒng)是一項耗時耗力的工作，前期耐心打磨，后期適應、修改，如此才能把握住用戶體驗的一致性。

3.邊界情況

主要包含用戶交互中與前端、服務端的交互，比如操作事件的定義、反饋；加載的形式與技術(shù)方案；空狀態(tài)；弱網(wǎng)、斷網(wǎng)等等，這些邊界頁面的考慮都定義清楚，能有效避免UI的返工。

4.保真度與實現(xiàn)效果

交互稿如果保真度較低，會導致UI在實際設(shè)計的時候?qū)换ジ逍薷妮^大，導致頁面架構(gòu)、交互注釋等返工修改，造成不必要的時間資源浪費，也會對項目進度造成影響。一般來說，成熟的交互稿是比較接近UI稿而又不是UI稿的一種狀態(tài)，將UI中的坑避免之后，UI設(shè)計師需要做的就是更表現(xiàn)層的設(shè)計，比如與前端工程師的實現(xiàn)匹配、色彩、柵格、間距、字體字號等等。

6、詳盡的Use Case考量

Use Case（用例）指功能、交互的定義和詳細描述，用例描述的細節(jié)程度決定開發(fā)時反復溝通的頻率，具體包含的細節(jié)很多，大到功能流程的設(shè)計，小到某個交互事件的定義和枚舉；從前端用戶與系統(tǒng)的交互事件，到服務端與前端的功能聯(lián)動等，都涉及到，總之，只要用戶看到的、點擊/滑動/hover等交互行為涵蓋到的，都應該被定義，以期減少開發(fā)過程中遇到的問題和溝通成本，這里不做過多闡述。

三、交互稿背后的價值——交互設(shè)計只是畫稿子的嗎？

顯然不是！如果說一個項目交互階段持續(xù)了3天，那繪制交互稿最多能花費1天。

交互是一個橫向能力比較高的職業(yè)，很多交互設(shè)計師也改行去做了產(chǎn)品、用研或者UI，所以多多少少都會具備這幾者的一些技能。交互設(shè)計師通常會有多重隱藏的技能是必須掌握的。

1、項目中堅守用戶價值

用戶價值在項目中很容易就讓步于業(yè)務價值、項目排期、技術(shù)方案等，交互就是在這中間說“不”的人，潤物細無聲，在每個項目中盡量減少用戶價值的損耗，最后匯聚而成的產(chǎn)品整體體驗還是有很大差別的。

—交互在組織架構(gòu)上，一般是會歸屬于設(shè)計部門的，所以在部門中也承擔了一線跟用戶和數(shù)據(jù)接觸的人，即便有數(shù)據(jù)分析師、用研同學的幫助，也需要有主動跟蹤這些問題的意識，不然設(shè)計出來的交互稿很難不出問題。

3、可用性測試等結(jié)果追蹤

可用性測試在一些稍大的項目中是體驗設(shè)計環(huán)節(jié)中的定性維度核驗步驟，需要結(jié)合用戶反饋對方案進行可用、好用測試，并不是指在流程上能跑通的技術(shù)測試，而是校驗用戶對于方案的接受程度、滿意程度，也順便發(fā)現(xiàn)一些問題，后續(xù)進行優(yōu)化。

更多的結(jié)果追蹤形式，比如還有SUS可用性量表（B端產(chǎn)品可用阿里云UES量表等）、用戶滿意度、NPS跟蹤等等，目的在于定量的給用戶體驗打分，確保用戶體驗的衡量是有章可循的。

易用性量表

4.、直接驅(qū)動業(yè)務增長

增長黑客和用戶增長設(shè)計的概念前幾年也已在業(yè)內(nèi)為大家所熟知，AARRR增長模型（獲客、激活、轉(zhuǎn)化、留存、推薦/傳播）中，交互可依賴對用戶的了解和用戶行為的洞察，通過比如文案、微動效、轉(zhuǎn)化漏斗優(yōu)化、信息梳理、布局設(shè)計等，也可以幫助業(yè)務在各階段直接提升對應的業(yè)務指標，甚至將體驗設(shè)計師熟悉的體驗地圖轉(zhuǎn)化繪制為用戶增長地圖，在用戶使用的全鏈路行為節(jié)點做設(shè)計所擅長的增長賦能。

5、項目流程管理

交互需要更早的參與到需求中，在需求出現(xiàn)之前的交互參與能讓需求更加合理，而在交互稿畫完之后，也需要實時的去跟進UI、開發(fā)，有一些技術(shù)難題需要跟開發(fā)密切合作，開發(fā)說“”實現(xiàn)不了”是經(jīng)常碰到的一句話，那是否是真的實現(xiàn)不了，可能跟不同的團隊、人、項目排期有關(guān)了，有時候并不是真的實現(xiàn)不了，或許只是開發(fā)不想做或者他之前沒做過，這個就需要PK了，當然有的真的很難實現(xiàn)或者性價比很低的設(shè)計，就需要對交互稿進行調(diào)整了。除此之外，有的公司還要求交互有整體管理能力，這就另說了。

四、沒有交互會帶來什么？

產(chǎn)品團隊或許不都有交互崗位，但不可以沒有好的交互設(shè)計！

1、短期內(nèi)產(chǎn)品使用體驗很奇怪

很多人畫出來的原型稿甚至是交互稿都遇到過“用起來很奇怪”這個問題，其實是因為設(shè)計者對用戶心智、用戶行為、控件規(guī)范、產(chǎn)品范式等的不熟悉造成的這個問題，一個“夾生”的東西即便邏輯合理也必然會帶來“夾生”的體驗。此外，范式和規(guī)范的使用只是執(zhí)行時的一個選擇而已，對某規(guī)范的使用未必真正解決當前場景下的問題，交互設(shè)計師更多的是通過對業(yè)務的梳理、用戶的洞察來做選交互范式和規(guī)范的篩選，找到合適的，才能價值最大化。

2、長期下產(chǎn)品“難用”印象的形成

任何行業(yè)，任何產(chǎn)品，產(chǎn)品研發(fā)者可能都不是實際使用者，術(shù)業(yè)有專攻，對用戶的理解是一項長期經(jīng)驗積累的過程，合乎邏輯的，不一定是易用的，易用的不一定是好用的。筆者的經(jīng)驗來看，用戶的使用行為既是“傻”的，也是孕育著無窮無盡智慧的，尤其是B端產(chǎn)品，用戶使用的方式可能超乎想象。因此對用戶行為理解的深度決定了產(chǎn)品與用戶之間的默契度，圍繞一個痛點市場上總不至于只有一個產(chǎn)品，如何讓你的產(chǎn)品成為用戶真正的朋友，需要有專業(yè)的人來研究用戶行為，交互這個專業(yè)便也是因此而生的。

如今互聯(lián)網(wǎng)紅利愈發(fā)消失殆盡，或許由于資金原因交互崗位并沒有存在于所有公司或團隊，但交互設(shè)計的專業(yè)度一定永遠存在，崗位的橫向兼并融合并不能磨滅交互的專業(yè)度，因為交互堅守的是用戶體驗的底線，讓產(chǎn)品變得或好用、或高效，最終驅(qū)動業(yè)可持續(xù)增長，便是這最大的價值！

作者：陳悅

轉(zhuǎn)載請注明：學UI網(wǎng)》交互設(shè)計的價值是什么？

藍藍設(shè)計建立了UI設(shè)計分享群，每天會分享國內(nèi)外的一些優(yōu)秀設(shè)計，如果有興趣的話，可以進入一起成長學習，請加藍小助，微信號:ben_lanlan，報下信息，藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作，也請與我們聯(lián)系01063334945。

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

藍藍設(shè)計( sillybuy.com )是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務、UI設(shè)計公司、界面設(shè)計公司、UI設(shè)計服務公司、數(shù)據(jù)可視化設(shè)計公司、UI交互設(shè)計公司、高端網(wǎng)站設(shè)計公司、UI咨詢、用戶體驗公司、軟件界面設(shè)計公司

用戶體驗設(shè)計首先字面意思是用戶+體驗。

01 座艙內(nèi)的用戶除了駕駛員還要考慮非駕駛員， 非駕駛員也有多種角色：老人/兒童/青年。

02 體驗：用戶發(fā)生使用操作的感受。

但實際用戶體驗一定是脫離不了場景的，場景是用戶發(fā)生行為的一個大環(huán)境。

03 考慮場景的時候除了考慮的當下現(xiàn)實場景還有未來場景。

場景案例：充電全屏展示充電信息

場景案例：導航交互體驗，先展開詳細信息，然后再收起信息

場景案例：蔚來的360泊車系統(tǒng)開啟時不能喚醒nomi

而且產(chǎn)品的研發(fā)和功能創(chuàng)新，用戶的體驗都是依據(jù)場景體系建立的。所以HMI設(shè)計過程當中，場景體系化的建立尤為重要。

二、智能座艙的場景體系化搭建

1、搭建流程

01 場景發(fā)掘：競品分析、用戶畫像定位、產(chǎn)品定位、用戶旅程圖

場景發(fā)掘首先要把場景和使用的用戶做定位，結(jié)合實際項目進行用戶畫像定位，確定場景主題，尋找到目標用戶進行實車訪談和拍攝。

02 場景數(shù)據(jù)細化：網(wǎng)絡(luò)數(shù)據(jù)、用戶訪談、實車測評數(shù)據(jù)、常見高頻數(shù)據(jù)

這一步主要是把用戶訪談收集上來的數(shù)據(jù)，進行拆分和細化，然后篩選出有價值的數(shù)據(jù)進行錄入。

用戶訪談數(shù)據(jù)錄入到數(shù)據(jù)庫里，產(chǎn)品經(jīng)理和設(shè)計師會針對收集上來的用戶反饋，進行痛點/和爽點的挖掘。提出需求解決方案。

03 場景應用設(shè)計：原型設(shè)計、界面設(shè)計

基于場景的應用設(shè)計會分為兩個步驟、一個是原型設(shè)計、一個界面設(shè)計、原型設(shè)計時我們更多是組內(nèi)評估、找專家來提供指導性意見，到了界面設(shè)計時候除了專家評審、可以做出demo給用戶進行測試來獲得反饋。

04 場景走查：還原場景

在設(shè)計方案產(chǎn)出完成之后，給用戶還原到我們發(fā)掘的場景去進行走查，根據(jù)用戶旅程圖查看有沒有遺漏的用戶場景和不同的用戶反饋。

2、搭建工具

整個智能座艙的場景體系化搭建需要幾個工具，競品分析、用戶畫像定位、產(chǎn)品定位、用戶旅程圖。

用戶調(diào)研方法有很多，我們需要掌握（調(diào)查問卷、用戶畫像、用戶體驗地圖、用戶訪談、焦點小組、）

今天核心介紹使用頻率最高的三種用研方法。

2.1 用戶旅程圖

關(guān)注用戶在駕駛階段的行為、方式、心情、痛點、期待。

關(guān)鍵步驟：

① 設(shè)定場景、目標、期望（用戶畫像）

② 確定行為路徑

③ 建立核心地圖

④ 包裝地圖

⑤ 繪制故事板

2.2 可用性測試

可用性測試已經(jīng)成為獲得用戶反饋的流行手段，主要因為他們上手快，能快速反應出問題。

關(guān)鍵步驟：

① 明確測試目的

② 問卷框架的設(shè)計

③ 投放調(diào)研問卷

④ 組織測試

⑤ 整理輸出結(jié)論

2.3 5W+1H法則

5W+1H 是選定的項目、工序或操作，可以從原因(Why)、對象(What)、地點(Where)、人員(Who）、時間（When）、方法(How)等六個面進行思考。

① 原因—立項背景？

② 對象—什么功能？

③ 地點— 什么場景下？

④ 人員–駕駛員？/非駕駛員？

⑤ 時間–什么時機？哪個流程之后？

⑥ 如何–什么方式操作？

三、細化座艙用戶體驗的三階段

1、用戶體驗的三階段

體驗的時間性有三個主要組成成分，及熟悉程度、功能依賴和情感依賴。

1.1 初識體驗：

我們在產(chǎn)品使用初期的階段，都會對產(chǎn)品有個使用預期。例如期望產(chǎn)品能提供一個好的體驗，或者怕產(chǎn)生不好的體驗。

1.2 使用體驗：

使用體驗分為兩個階段：使用產(chǎn)品初期和使用產(chǎn)品深度期

進入到車內(nèi)試駕或者試乘，試駕員和銷售除了會讓用戶體驗車機的基礎(chǔ)功能外，主要介紹的就是和競品車型的競爭功能。

產(chǎn)品深度體驗期的時候，長期的可用性變得更加重要，而不是最初的易學性。從而產(chǎn)品的實用性成為影響我們整體評估判斷的主要因素。

1.3 獲得體驗：

最后，當我們接受了產(chǎn)品，在我們的日程生活中它參與了我們的社交活動。成為了生活當中的固定解決問題的工具，這個階段產(chǎn)品體驗就具有可識別性了。

2、體驗的三條路線

2.1 體驗線路是感官線

我們現(xiàn)在座艙內(nèi)的交互感官有、觸感、聽感、視覺、嗅覺、語音。用戶在人機交互的時候第一時間獲得直觀感受。

2.2 體驗線路是情感線

情感線是諾曼強調(diào)感情在塑造體驗中的重要性。比如燈光秀、寵物模式、和擬人化的汽車助手。帶給用戶都是情感上的滿足。這些情感構(gòu)成了與汽車的首次互動體驗。

2.3 體驗線路的流暢

就像C端和B端一樣，我們交互體驗的線路效率和流暢程度，能給用戶增強駕駛樂趣?；蛘咦畲笙薅葴p少信息元素的干擾，讓駕駛員沉浸在當下。

3、把握用戶體驗的多樣性

3.1 個人價值觀的差異

首先個人的因素，因為我們成長的環(huán)境不同，造成了對價值觀的差異，有的人喜歡刺激新穎的產(chǎn)品，有的人喜歡乏善可陳的產(chǎn)品。

3.2 產(chǎn)品屬性問題

第二可能是產(chǎn)品屬性的問題，游戲產(chǎn)品帶給用戶就是不斷的快感刺激，工具類型的產(chǎn)品用戶使用流程流暢會更好。

3.3 跟隨時間線的體重心變化

用戶的使用體驗對于時間的變化，通過用戶旅程圖，他們對產(chǎn)品的關(guān)注點會產(chǎn)生變化，例如用戶剛開始對產(chǎn)品互動中更關(guān)注新的功能和刺激的體驗。但在使用過一段時間后他們可能不會再關(guān)注他的新穎程度，更關(guān)注產(chǎn)品的實用性和效率。所以需要我們在不同的使用階段重新幫助用戶提升體驗。

原文地址：七醬設(shè)計筆記

轉(zhuǎn)載請注明：學UI網(wǎng)》基于智能座艙場景的用戶體驗設(shè)計

藍藍設(shè)計建立了UI設(shè)計分享群，每天會分享國內(nèi)外的一些優(yōu)秀設(shè)計，如果有興趣的話，可以進入一起成長學習，請加藍小助，微信號:ben_lanlan，報下信息，藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作，也請與我們聯(lián)系01063334945。

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

藍藍設(shè)計( sillybuy.com )是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務、UI設(shè)計公司、界面設(shè)計公司、UI設(shè)計服務公司、數(shù)據(jù)可視化設(shè)計公司、UI交互設(shè)計公司、高端網(wǎng)站設(shè)計公司、UI咨詢、用戶體驗公司、軟件界面設(shè)計公司

最關(guān)鍵的是，點進去每一個app，里面有這個app的所有截圖：

簡直就是一個吸取靈感的天堂，太nice了。（網(wǎng)址在文末）

那我們有了這個好東西，怎么去參考借鑒呢？

今天菜心就給大家一些啟發(fā)，希望能對大家有所幫助。

一、圖標雙線條風格

比如像下面這個app，體育競技類的：

我們仔細觀察底部主圖標：

會發(fā)現(xiàn)他的風格是雙線條的，在國內(nèi)還很少見過，而這種形式我們就可以參考參考，省的來被別人說你得東西太同質(zhì)化！

當然，也不能亂參考，一定要說清楚理念和原因，比如像人家體育類的app，用雙線條風格，把這個雙線條比喻成跑道，我感覺沒毛病，哈哈。

二、學習人家的一些小創(chuàng)意

比如，像這個地圖上的小創(chuàng)意點，人物拿著一個巨大的咖啡杯，和人物形成強烈的大小對比，就很有趣味性：

放大看，人物還伸出來個舌頭，挺饞的感覺：

這種小創(chuàng)意，當你做一些場景的時候，就可以借鑒，比如一些地圖啊、外賣啊，都可以嘗試參考參考。

三、老板說你的閃屏太單調(diào)

閃屏是app的重要頁面之一，我們看到的大部分閃屏都是一個簡單的logo，比如：

咱就是說，萬一哪天你的老板不喜歡這種簡單的形式，像來點設(shè)計感的閃屏，那你就可以去這個網(wǎng)站上找靈感，你就在主頁劃拉就完了，你框框一頓劃拉，
就能發(fā)現(xiàn)有很多參考形式，比如這種圖形類的：

這種插畫類的：

這種圖片類的：

你就咔咔參考唄，靈感老了去了！

四、看看別人的插畫風格

也可以看看別人的app里面融入的插畫風格是什么樣的，千萬別一畫插圖就是這樣的：

看看別人的風格和造型，最起碼可以提高一些審美，也可以提高一些對于差異化的視覺敏感度：

當然，最好可以自己動手練一練，那樣會吸收的更好！

總結(jié)

除了這些，看看差異化的風格，也都是可以的，像這些

說不定，后面什么時候就能夠用到，參考一番。

好啦，以上就是給大家的一些靈感啟發(fā)， 主要是告訴大家，拿到一個優(yōu)秀的網(wǎng)站后，怎么尋找靈感，吸取靈感，好好的把它用起來，而不是放到收藏夾里面吃灰。

網(wǎng)址：https://mobbin.com/

好好用起來，希望可以幫到大家！下期見！

轉(zhuǎn)載請注明：學UI網(wǎng)》這10年，我都在這里看全球最頂尖的app產(chǎn)品！

藍藍設(shè)計建立了UI設(shè)計分享群，每天會分享國內(nèi)外的一些優(yōu)秀設(shè)計，如果有興趣的話，可以進入一起成長學習，請加藍小助，微信號:ben_lanlan，報下信息，藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作，也請與我們聯(lián)系01063334945。

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

藍藍設(shè)計( sillybuy.com )是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務、UI設(shè)計公司、界面設(shè)計公司、UI設(shè)計服務公司、數(shù)據(jù)可視化設(shè)計公司、UI交互設(shè)計公司、高端網(wǎng)站設(shè)計公司、UI咨詢、用戶體驗公司、軟件界面設(shè)計公司

Post-it 與彩通色彩研究所共同開發(fā)，推出 11 種全新 Post-it Notes 系列，以令人耳目一新的色調(diào)展現(xiàn)色彩的力量。激發(fā)創(chuàng)意生產(chǎn)力！

 Post-it Notes 

Post-it 始終提供繽紛的畫布，為人們的想法增添些許鮮艷的色彩，而在七年沒有重大的視覺轉(zhuǎn)變之后，彩通色彩研究所獲選成為 3M 的合作伙伴，在全球推出重新打造的 Post-it Notes 和 Post-it Super Sticky 系列。

三種精選調(diào)色板包括：

1、花卉幻想

這個調(diào)色板充滿新鮮芬芳的春季花卉，陽光正面的氣息能帶來活力與好心情。

2、能量激發(fā)

這個系列中活力四射的色彩能點亮您的心情，讓訊息清晰透徹。

鮮艷色彩混搭成組，振奮人心的色調(diào)以充滿活力的配色之姿自然呈現(xiàn)。這些動感活潑的色調(diào)使人留下大膽鮮明的印象，傳達生氣蓬勃的歡樂訊息，以急迫感和力量激勵使用者采取實際行動。

3、單純靜謐

透過干凈現(xiàn)代的單純靜謐系列，為提醒事項便利貼注入一絲禪意。

和諧混搭干凈俐落的經(jīng)典顏色，呈現(xiàn)簡潔外觀和平靜狀態(tài)，突顯人們對簡化、清理和整理的渴望。這幾種獨特色調(diào)穩(wěn)定可靠且歷久不衰，使用溫柔且老少咸宜的粉紅色來達到強調(diào)的目的，傳遞直接而單純的訊息，讓輕柔的氛圍靜靜地撫慰人心。

二、多彩的元宇宙

元宇宙中的色彩：探索色彩在虛擬與現(xiàn)實之間的關(guān)系。

1、視覺語言

許多人幾乎無法想像生活在眼睛所見只有黑白灰、沒有其他色彩的世界；我們已經(jīng)習慣被色彩包圍，色彩更是定義世界的視覺訊號，讓我們感知與周遭環(huán)境和所愛事物的連結(jié)。約有 80% 的人生體驗會經(jīng)過雙眼吸收，因此視覺訊號對于傳達訊息至關(guān)重要。

色彩在元宇宙的使用方式與實體世界大致無異，唯一的差別在于：

實體世界中的色彩有其局限。物體自然會是一種色彩，可以改變，不過需要資源、時間和精力。此外數(shù)碼光譜中的某些色彩無法在實體世界重現(xiàn)。在元宇宙中，色彩可以立即視需求調(diào)整。

元宇宙中的色彩沒有任何限制。從你在 Web 3.0 中的外貌到衣著，或者是你擁有的產(chǎn)品，這些色彩都可以隨你的心情以及你希望在數(shù)碼世界呈現(xiàn)的方式改變，不論它們在實體世界呈現(xiàn)的色彩為何。元宇宙將會帶來自由。

三、提契諾的色彩

Ticino Turismo 了解色彩會喚起我們對旅游地點的珍藏回憶，并激發(fā)未來的旅游計畫。因此他們與彩通色彩研究所 (Pantone Color Institute) 的全球色彩專家團隊合作，透過各種色彩描述造訪瑞士著名提契諾地區(qū)的體驗。

（點擊圖片前往原文查看視頻）

icino Turismo 與彩通色彩研究所合作精選出五種最能代表提契諾的色彩，用來傳達春夏兩季訪客在當?shù)厮娮R到的美景與快樂體驗。

彩通色彩研究所以這些色彩為基礎(chǔ)創(chuàng)造出 Ticino Camellia Pink (提契諾山茶花粉紅)，用來代表點綴這片地區(qū)的艷粉色花朵；Bellinzona Fortress Grey (貝林佐納城堡灰)，這種帶有灰色調(diào)的暖褐灰色正是當?shù)刂惺兰o城堡呈現(xiàn)的色彩；Brissago Blue (布利薩戈藍)，這是布利薩戈島周圍澄澈湖水的色彩；Lugano Sunset Orange (盧加諾日落橘)，呈現(xiàn)當?shù)厝章涞拿匀斯獠剩灰约?nbsp;Valle di Muggio Green (穆吉奧山谷綠)，展現(xiàn)郁郁蔥蔥的山谷色彩。

四、周大福的色彩

彩通色彩研究所最近與周大福集團合作，透過提供包含三種新色調(diào)的時尚調(diào)色盤，結(jié)合中國傳統(tǒng)風格和現(xiàn)代審美，借以襯托周大福集團標志性的招牌紅色。

全新周大福調(diào)色盤體現(xiàn)了融合傳統(tǒng)色彩與現(xiàn)代風格的故事。呈現(xiàn)出精致感觸、完美品質(zhì)和現(xiàn)代雅趣，全新周大福調(diào)色盤既融合了傳統(tǒng)的優(yōu)雅，也繼承了現(xiàn)代風格的美感和精神。

全新調(diào)色板：融合中國傳統(tǒng)風格和現(xiàn)代審美

為強調(diào)大福紅 (Tai Fook Red) 濃郁而充滿活力的強大吸引力，我們透過暖金色突顯出一系列相容的色調(diào)，打造和諧的色彩故事。

五、西派金銅  City Park Golden Brass

彩通色彩研究所最近與中國鐵建房地產(chǎn)集團有限公司 (CRCCRE) 合作，提供宏觀色彩趨勢指引并建立招牌色彩，做為該公司的主要品牌視覺形象，用于公司旗下不同的重慶西派城住宅。

這個全新色彩能夠向潛在買主傳達出重慶西派城的居住環(huán)境和生活風格，以及CRCCRE 的愿景：成為具價值的房產(chǎn)開發(fā)、工程設(shè)計及資產(chǎn)管理商，借此提升中國生活水準，同時解決人們?nèi)找嬖鲩L的需求，滿足他們追求自然景觀環(huán)繞，以及求取身心靈平衡的愿望。

在考量中國生活風格趨勢的美學，以及中國居民未來的追求后，我們創(chuàng)造出「西派金銅 (City Park Golden Brass) 」來代表重慶西派城的品牌定位：拘謹、優(yōu)雅、穩(wěn)定發(fā)展、現(xiàn)代化、年輕且時尚，同時仍支持及推廣積極進取的哲學。

作者：劉濤

轉(zhuǎn)載請注明：學UI網(wǎng)》2022 PANTONE 最美色彩來啦！

藍藍設(shè)計建立了UI設(shè)計分享群，每天會分享國內(nèi)外的一些優(yōu)秀設(shè)計，如果有興趣的話，可以進入一起成長學習，請加藍小助，微信號:ben_lanlan，報下信息，藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作，也請與我們聯(lián)系01063334945。

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

藍藍設(shè)計( sillybuy.com )是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務、UI設(shè)計公司、界面設(shè)計公司、UI設(shè)計服務公司、數(shù)據(jù)可視化設(shè)計公司、UI交互設(shè)計公司、高端網(wǎng)站設(shè)計公司、UI咨詢、用戶體驗公司、軟件界面設(shè)計公司

不同的產(chǎn)品，對于頁面的模式、表現(xiàn)上都會有明顯的差異，今天我們就來聊聊 客戶關(guān)系管理系統(tǒng)

一、定義

CRM 的全稱為客戶關(guān)系管理系統(tǒng)，是 Customer Relationship Management 的縮寫，顧名思義就是提供給銷售人員進行使用的管理系統(tǒng)，來幫助銷售人員管理他手下的客戶。從產(chǎn)品類型來看，CRM產(chǎn)品是屬于垂直業(yè)務型的產(chǎn)品，主要是為各行各業(yè)的企業(yè)，提供管理銷售的服務

當然在CRM產(chǎn)品當中目前主要分為兩個賽道，分別是以：Salesforce、紛享銷客、銷售易、悟空CRM 為首的管理型CRM，它們最為主要的功能是管理客戶，也就是將銷售人員手中的客戶，通過公司的CRM系統(tǒng)進行統(tǒng)一的管理，能夠保證企業(yè)的權(quán)益不會受到傷害

而另一個賽道則是SCRM，這應該算是國內(nèi)比較火的新名詞（其實也出現(xiàn)了很長一段時間了），它的全稱是 Social Customer Relationship Management 也就是社交化客戶關(guān)系管理系統(tǒng)。主要典型的產(chǎn)品包含：EC、塵鋒、探馬、微盛 等等…

如何去理解SCRM？

比如我們現(xiàn)在日常溝通、獲取信息，會從以前的傳統(tǒng)媒體像是 “電視、報紙、收音機” ，逐漸遷移到 微信、知乎、小紅書、抖音 等等，而這些社交媒體上我們的各種喜好、最近發(fā)生的事情，都能夠在SCRM當中展示，并且他可以根據(jù)你的喜好，來與你進行溝通進而幫助它進行獲客、成單

比如今天我想買 Figma ，然后我又在微信朋友圈當中吐槽 Sketch 很卡，那作為銷售的你肯定會給我推銷說，咱們 Figma 一點也不卡。當然SCRM的功能還會有很多，由于篇幅有限，我們目前分析還是以CRM為主，再加上SCRM篇幅太大，后面在做分析?；蛘呤怯性谶@些行業(yè)工作的小伙伴，可以在評論區(qū)進行補充

二、作用

想要了解CRM產(chǎn)品究竟能夠給用戶帶來什么作用，我們今天換一個視角，來說說如果企業(yè)不使用CRM，會有哪些后果

1、客戶安全性很難保證

因為在傳統(tǒng)的銷售業(yè)務模式當中，銷售人員可以與客戶直接進行對接，企業(yè)無法對銷售進行合理的管控，所以經(jīng)常會發(fā)生客戶跟著銷售“跑了”，也就是銷售離職，帶走了之前他負責的客戶。這個時候你作為企業(yè)老板即沒有掌握客戶的基本信息，同時對于這位客戶的經(jīng)歷也不了解，這樣很容易就會流失一個客戶。而客戶對于企業(yè)來說至關(guān)重要，因為每一個客戶都是企業(yè)通過運營人員溝通獲取來的，因此企業(yè)的客戶安全性無法得到保證（這也是為什么很多企業(yè)選擇使用企業(yè)微信而不是個人微信的原因）

2、數(shù)據(jù)信息不夠統(tǒng)一

一個銷售獲客的渠道有很多，其中包含名片、微信推薦、電話分享 等，而這些客戶信息，如果不統(tǒng)一管理，就會變成一個個孤島，對于企業(yè)的日常管理是非常麻煩，無法全局監(jiān)控
當然企業(yè)也可以將數(shù)據(jù)統(tǒng)一放在傳統(tǒng)的Excel表格當中，但是表格傳播過于簡單，風險太大，并且無法去做協(xié)同，一旦后續(xù)數(shù)據(jù)增多也會導致整個管理非常的混亂，不能分權(quán)限將企業(yè)的所有客戶統(tǒng)一進行查看

3、難以建立良好的客戶關(guān)系

傳統(tǒng)方式管理客戶的時候，銷售人員對于客戶印象主要來自 之前的微信聊天記錄以及朋友圈，而想要深入了解這位客戶的具體信息、具體對接的聯(lián)系人、以及公司的具體規(guī)模，就可能會因為時間的關(guān)系而忘記，因此傳統(tǒng)的方式無法追蹤客戶，將客戶的資料統(tǒng)一整理

4.銷售難以管理

對于企業(yè)的銷售人員來說，他們的工作常年在外，因此企業(yè)很難對手下的銷售進行管理，比如想了解員工今天的工作情況，又或者是員工的后續(xù)工作安排。之前企業(yè)都是通過收集員工每日工作匯報來判斷，依舊很低效率
CRM系統(tǒng)可以連接日常工作和業(yè)務，在輔助銷售人員完成工作的同時，也完成了對信息的收集，管理者可以清晰地看到該客戶的跟進記錄，以及重點客戶員工是如何跟進的，提高了管理團隊的洞察力

三、業(yè)務

關(guān)于CRM的業(yè)務，我們主要會分為 專業(yè)詞匯、關(guān)鍵角色、流程 三個維度進行分析，我們先來了解一下常見的專業(yè)詞匯

1、專業(yè)詞匯

銷售線索：銷售線索是與客戶初次接觸獲得的原始信息， 可以是從展會中獲得的名片，通過推廣活動獲得的電話號碼 ，或是會議、廣告、外部購買等渠道獲得的客戶簡單信息，然后通過管理和跟進可以轉(zhuǎn)化為客戶

線索池：將線索通過按不同行業(yè)不同地區(qū)或是其它的方式組合一起，即成為線索池，如上海區(qū)線索池、北京區(qū)線索池、教育行業(yè)線索池、金融行業(yè)線索池等

客戶：客戶是指有業(yè)務往來企業(yè)、團體或個人，是企業(yè)的重要資源，可以通過線索轉(zhuǎn)化而來，或是銷售挖掘等多種渠道獲取

公海：按不同行業(yè)不同地區(qū)或是按某種相同特性組合一起的客戶分組，即成為公海，如上海區(qū)公海、北京區(qū)公海、教育行業(yè)公海等

聯(lián)系人：即與企業(yè)直接聯(lián)系的客戶方相關(guān)人員。如果是企業(yè)客戶，聯(lián)系人是您與企業(yè)聯(lián)系溝通的人。如果是個人客戶，聯(lián)系人可以是與客戶有關(guān)系的溝通聯(lián)系人

商機：商機是與客戶做一筆生意的跟進過程，如果是企業(yè)客戶，一個完整的銷售周期大概包括產(chǎn)品咨詢、報價、方案評估及最后的贏單或輸單

2、關(guān)鍵角色

在CRM產(chǎn)品里面，會涉及到形形色色不同的人員，其中最主要的角色包含：市場、銷售、銷售主管、老板

市場：主要負責整個產(chǎn)品的營銷以及線索的分配，與CRM產(chǎn)品相關(guān)的就是會安排市場人員來與銷售進行對接，將他們在 官網(wǎng)、內(nèi)部推薦 得到的線索流轉(zhuǎn)給銷售

銷售：銷售人員對于企業(yè)來說非常關(guān)鍵，他主要是企業(yè)與客戶對接的重要人員，是這份訂單是否成功的關(guān)鍵角色
雖然都叫銷售，但是會根據(jù)工作性質(zhì)的不同，將銷售分為：電話銷售、產(chǎn)品銷售與大客戶銷售

電話銷售：電銷通常是銷售當中最基礎(chǔ)的，通常就是拿著通訊錄不停地撥打客戶電話，算是一個重復性非常高的職位

產(chǎn)品銷售：產(chǎn)品銷售更多就是自有產(chǎn)品，當線索來了過后，銷售人員也會與客戶去電話溝通，但是溝通的目的是了解你公司的具體情況，分析是否有潛在的購買需求，后續(xù)主要任務便是促成訂單的成交
比如你們每次去試用別人的B端產(chǎn)品的時候，都是產(chǎn)品銷售來與你對接（別以為我不知道你們每天在做什么~）

大客戶銷售：大客戶銷售顧名思義，主要針對的是企業(yè)較為重要的客戶，他們在整體的決策層面鏈路較長、金額較大，因此會安排經(jīng)驗豐富的人員進行對接

軟件實施：負責現(xiàn)場培訓、協(xié)助項目驗收、負責需求的初步確認、把控項目進度、與客戶溝通個性化需求、負責項目維護?？傊褪悄阗徺I了產(chǎn)品過后，需要實施人員來進行項目落地（有的公司沒有實施會讓銷售人員負責）

客戶成功：客戶成功扮演主要是提升客戶的認同感，讓客戶感受到使用這款產(chǎn)品能夠給他帶來價值。簡單來說客戶成功就是要找出客戶的問題，并制定相應的解決方案，然后基于不同的產(chǎn)品，把解決方案落進系統(tǒng)?？蛻粲袉栴}反饋，就需要與客戶成功進行對接，評判客戶成功好壞的標準就是看產(chǎn)品的續(xù)費率

3、流程

要了解一款B端產(chǎn)品的業(yè)務，那業(yè)務流程自然是十分重要，因為這樣能夠最快的了解清楚整個產(chǎn)品的流轉(zhuǎn)方式（當然不同公司對于產(chǎn)品的流程不同，只是作為參考）

在CRM產(chǎn)品當中，所有的客戶都是從線索開始，因此線索是作為整個CRM產(chǎn)品的起點，也是業(yè)務流程當中的最主要一步。當然針對于線索，他最主要的特點便是線索來源，一般分為：官網(wǎng)、展會、朋友推薦、以及新媒體渠道當中獲取到的線索（這可能就是SCRM存在原因）
而在線索這里，通常系統(tǒng)會去自動對接 官網(wǎng) 當中的提交的表單線索，同時也會給各個員工開放自己新建線索的入口（有的企業(yè)，新增一個有效線索是有對應的提成）

當然線索在類型上主要分為：線索池、有效線索、培育線索

線索池：就是將所有的線索都放在一個地方，方便銷售人員進行選擇

有效線索：有真正購買意愿的線索，通常敏銳的市場人員會從 規(guī)模、電話、行業(yè) 等綜合信息進行判斷

培育線索：也就是客戶對于這個產(chǎn)品比較猶豫，對于產(chǎn)品購買意愿不太明確，因此可以通過培育線索，讓他了解到產(chǎn)品過后，轉(zhuǎn)化為有效線索

當你完成線索流轉(zhuǎn)過后，你就會是一個商機，這也就代表著你對咱們的產(chǎn)品非常感興趣，開始詢問報價，銷售人員就會給你去做各種各樣的演示與溝通
而在每一次銷售與客戶的溝通情況，企業(yè)都會要求他去錄入跟進信息，如果不填寫可能會面臨罰款的風險

然后就是銷售人員一次又一次的和客戶溝通，商討價格直到客戶簽單，在此過程當中就會涉及到商務，然后就是 訂單、合同、回款、開票 等流程階段 來對整個過程進行統(tǒng)一管理，并且所有的過程都會在系統(tǒng)當中進行記錄，直到最后的贏單

有得必有失，那后續(xù)輸單也是同樣，便是沒有取得進展，最后以失敗告終

我們來整理一下，舉一個實際例子，比如現(xiàn)在想要去了解一款人事管理系統(tǒng)，你打開了薪人薪事的官網(wǎng)，在他們的官網(wǎng)當中經(jīng)過簡單的了解，填寫了你的企業(yè)信息與表單

緊接著，你的信息就會給到市場人員，他們會根據(jù)你的 表單信息、所在城市、公司規(guī)模 給你安排更為合適的銷售人員來對你進行跟進

在跟進的過程當中就會根據(jù)你的各種 “反饋與表現(xiàn)” ，將你定義為各種名稱 線索、商機、客戶
并且目的只有一個，就是讓你購買產(chǎn)品，后續(xù)涉及到 訂單、合同、打款 等，都屬于正常流程當中非常重要的一環(huán)，直到最終的贏單與輸單

四、頁面

1、客戶詳情頁

客戶詳情頁面作為CRM里面最為重要的一個頁面，它主要是呈現(xiàn)這個客戶當中的所有完整信息。比如銷售人員，他高頻進入的頁面一定是客戶的詳情頁面，因為他想要了解這個客戶，在整個過程當中了解哪些信息、想要得到什么內(nèi)容都可以通過客戶想以企業(yè)快速的找到
但是由于客戶詳情頁 頁面的整體設(shè)計難度較大，會存在大量信息以及關(guān)聯(lián)的內(nèi)容，因此客戶詳情頁更加考驗設(shè)計師的信息處理能力。這里分享了 Hubspot、Salesforce、紛享銷客、銷售易、悟空CRM 的客戶詳情頁

2、客戶列表頁

客戶列表頁更多就是呈現(xiàn)數(shù)據(jù)，和普通B端產(chǎn)品的列表頁基本相同，只是說會根據(jù)不同的產(chǎn)品類型有所調(diào)整。比如CRM產(chǎn)品，它更加強調(diào)的就是客戶信息的快速檢索以及快速尋找，因此你會發(fā)現(xiàn)在產(chǎn)品里面它的篩選功能做的非常強大

3、跟進記錄的填寫

跟進記錄在CRM產(chǎn)品里面是非常重要的板塊，因為跟進記錄也就意味著銷售人員需要去反復的填寫。有點像一個快速的表單讓我需要把每一次我們具體聊的內(nèi)容寫到整個系統(tǒng)里面來
通常一個銷售非常規(guī)范的公司，會要求銷售人員把和顧客每一次的數(shù)據(jù)都記錄到跟進記錄里面，因此在跟進記錄當中，我們要去考慮他如何頻繁去呈現(xiàn)，以及如何快速的去閱讀

五、CRM產(chǎn)品對于設(shè)計師的影響

1、了解用戶習慣

簡單來說，其實CRM產(chǎn)品本身就是為銷售人員服務的一種產(chǎn)品類型，那作為設(shè)計師了解 銷售的日常習慣就顯得尤為重要。雖然在文章當中已經(jīng)講的過于詳細，但是你會發(fā)現(xiàn)，用戶的習慣當中，不同的產(chǎn)品類型，它的日常習慣本身就會有所不同，像是 電話銷售、產(chǎn)品銷售、大客戶銷售、傳統(tǒng)業(yè)務銷售，其實這對于我們來說，更需要了解用戶的習慣才能更好的去做設(shè)計

2、懂得業(yè)務

因為CRM產(chǎn)品本身是難以理解的你，也就導致了我們作為設(shè)計師需要快速的了解業(yè)務，去懂業(yè)務究竟應該怎么去實現(xiàn)
比如和同事快速的溝通，進而快速掌握業(yè)務信息，又或者是尋找各種資料幫助你了解業(yè)務。那關(guān)于這些內(nèi)容我們之前也有講過，可以翻一翻，這里就不展開去贅述

3、快速轉(zhuǎn)換

CRM本質(zhì)上是一個針對于多行業(yè)的產(chǎn)品類型，也就導致了我們需要在設(shè)計的過程當中快速的進行切換。需要我們將用戶多行業(yè)的需求進行整合，因為在工作當中你確實會發(fā)現(xiàn)不同的企業(yè)，他的關(guān)注點是不太一樣的。那如何把這不同的關(guān)注點進行融合整理，就需要設(shè)計師充分的參與才行

作者：CE青年

轉(zhuǎn)載請注明：學UI網(wǎng)》客戶關(guān)系管理（CRM）產(chǎn)品解析

藍藍設(shè)計建立了UI設(shè)計分享群，每天會分享國內(nèi)外的一些優(yōu)秀設(shè)計，如果有興趣的話，可以進入一起成長學習，請加藍小助，微信號:ben_lanlan，報下信息，藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作，也請與我們聯(lián)系01063334945。

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

藍藍設(shè)計( sillybuy.com )是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務、UI設(shè)計公司、界面設(shè)計公司、UI設(shè)計服務公司、數(shù)據(jù)可視化設(shè)計公司、UI交互設(shè)計公司、高端網(wǎng)站設(shè)計公司、UI咨詢、用戶體驗公司、軟件界面設(shè)計公司

一、自我管理

每個公司都有設(shè)計師的成長路徑，不同的職級對設(shè)計師能力要求不一樣。初入職場的設(shè)計新人，需要對接好工作需求，輸出合理的設(shè)計方案。而工作多年的設(shè)計師，則要從設(shè)計角度考慮如何為產(chǎn)品帶來正向業(yè)務價值，建立設(shè)計影響力、推動設(shè)計工作效率提升、帶動新人成長等等。

因此設(shè)計師需要參考崗位標準，有意識地做好設(shè)計能力提升。

1、擴展知識儲備

雖然設(shè)計師的輸出成果以界面設(shè)計為主，實際上設(shè)計師是復合型的崗位。

例如C端產(chǎn)品中常見的Banner設(shè)計，設(shè)計師要明白業(yè)務的核心利益點是什么，或者業(yè)務方希望傳遞給用戶怎樣的信息，也要知道什么樣的信息對用戶更有吸引力。在此基礎(chǔ)上，結(jié)合設(shè)計趨勢，考慮色彩、動效、信息層級等細節(jié)因素，才能更好地完成方案設(shè)計。

在B端產(chǎn)品中更是如此，很多時候產(chǎn)品經(jīng)理的PRD表達的是功能設(shè)計，并沒有足夠的用戶場景信息，設(shè)計師要從用戶場景出發(fā)，充分地理解業(yè)務需求，才能做出有價值的設(shè)計方案，否則設(shè)計方案很可能只是將產(chǎn)品功能翻譯成為了系統(tǒng)界面。

所以設(shè)計師需要橫向擴展業(yè)務領(lǐng)域，縱向提升設(shè)計能力，擴展個人的知識儲備，并能夠在產(chǎn)品需求中快速應用。

設(shè)計師的知識儲備更多地依靠平時積累。例如可以通過行業(yè)研究報告、競品分析，更宏觀地理解整個行業(yè)的發(fā)展變化，幫助自己更好地理解產(chǎn)品需求；通過設(shè)計理論、行業(yè)展會學習用戶心理、設(shè)計方法、提升個人的設(shè)計思維；通過團隊或者業(yè)內(nèi)設(shè)計師交流，解決工作中的設(shè)計難題。

2、從輸入到輸出

除了基礎(chǔ)的能力提升，設(shè)計師還要注重設(shè)計思維提升。

在工作中，設(shè)計師會有各種思考、總結(jié)復盤，這些都是設(shè)計師快速成長的助推器。但是這些思考和復盤通常是散點式、碎片化的，設(shè)計師可以嘗試著將這些內(nèi)容體系化，內(nèi)化為更加深刻的設(shè)計思維。

例如現(xiàn)在很多大廠都有設(shè)計公眾號，要求設(shè)計師定期輸出設(shè)計文章。不僅僅是為了打造設(shè)計團隊的影響力，設(shè)計師在文章寫作中也會有全新的收獲和提升。

所以設(shè)計師可以借助各種工具，例如公眾號、語雀、設(shè)計網(wǎng)站等建立和輸出自己的知識體系。

二、設(shè)計過程管理

設(shè)計師的日常工作大概可劃分為3個階段：需求溝通、設(shè)計執(zhí)行和設(shè)計輸出。最關(guān)鍵的就是需求管理和項目管理。搞定這兩項，設(shè)計師基本可以保證高效地完成設(shè)計工作。

1、需求管理

在我看來，需求溝通是最重要的一步。因為只有準確的需求輸入才能保證設(shè)計輸出的準確性。

1）需求的合理性判斷

很多時候，即使是產(chǎn)品經(jīng)理也無法保證需求是真實準確的，有些需求可能只是為了驗證可行性。或者需求過于偏重功能設(shè)計，沒有從實際的用戶場景出發(fā)，存在一些問題點。所以設(shè)計師要有一定的方法，對需求做出合理性判斷。

首先要了解需求來源，確認需求目標，了解需求背景；然后從設(shè)計的角度，從用戶角色、場景的角度重新審視需求，為產(chǎn)品經(jīng)理提供一些建議，彌補需求的不足，推動產(chǎn)品優(yōu)化方案。

2）需求內(nèi)容的確認

PRD是最重要的需求材料，決定了設(shè)計師應該做什么。但是有些時候產(chǎn)品經(jīng)理沒時間提供完備的PRD；有時候產(chǎn)品經(jīng)理只是向設(shè)計師口頭傳達需求，設(shè)計師產(chǎn)出原型方案完成評審后，產(chǎn)品經(jīng)理將原型圖插入到PRD中輸出給開發(fā)人員，這樣的PRD主要是面向開發(fā)人員的。

因此設(shè)計師需要發(fā)揮主觀能動性，有能力理解和分析需求，主動與產(chǎn)品經(jīng)理確認相關(guān)問題。為了提高溝通效率，可以逐條記錄問題點，并備注自己的分析和思考。保證設(shè)計執(zhí)行前，能夠解決掉80%的需求疑問點，從而減少設(shè)計方案的無效返工。

2、項目管理

1）需求排期管理

產(chǎn)品需求提交給設(shè)計師后，設(shè)計師需要主動確認交付時間點，避免信息不對稱造成設(shè)計延期風險。另一方面，產(chǎn)品經(jīng)理可能會要求設(shè)計師預估工作量，給出設(shè)計排期。此時設(shè)計師要充分考慮多方面的因素，例如需求溝通、方案評審及修改時間等。

有些時候，設(shè)計師并不是負責單一產(chǎn)品線的設(shè)計工作，可能會面臨多任務并行的場景。設(shè)計師需要與產(chǎn)品經(jīng)理明確優(yōu)先級排序，合理安排設(shè)計任務排期。如果無法協(xié)調(diào)時，需要積極向上反饋，爭取團隊內(nèi)、外部的設(shè)計資源配合。

如果需求發(fā)生變更存在延期風險，也需要在項目組內(nèi)部及時反饋，同步給所有相關(guān)人員。

2）設(shè)計完整性

在大廠中，工作流程比較完善，設(shè)計師的工作職責也比較明確。但是轉(zhuǎn)型中的傳統(tǒng)公司，或者規(guī)模較小的企業(yè)，對設(shè)計師的工作內(nèi)容并沒有明確的流程規(guī)范，甚至沒有設(shè)計評審流程，設(shè)計師只要完成方案設(shè)計就結(jié)束了。

短期來看，設(shè)計師工作確實比較輕松，只要專心完成設(shè)計任務就可以了。長期來看，設(shè)計方案無法很好落地，產(chǎn)品體驗無法保證、甚至失控，最終影響最大的必然是設(shè)計師。

所以設(shè)計師需要主動完成工作閉環(huán)，跟進開發(fā)，做好上線前的設(shè)計測試驗證，以及上線后的用戶反饋，或者定期開展設(shè)計走查。某些產(chǎn)品還要收集上線后的數(shù)據(jù)，驗證和改進設(shè)計方案。

3）設(shè)計平衡性

設(shè)計師首先要保證用戶體驗，這是毋庸置疑的。但是設(shè)計方案也不能只考慮用戶體驗，還要兼顧業(yè)務需求的商業(yè)目標。只有做到兩者間的平衡才是有價值的設(shè)計方案。

另一方面，設(shè)計師主要的任務是基于對需求的充分思考，盡可能地為產(chǎn)品提供有價值的解決方案，而不是追求完美的設(shè)計方案。因為交互、視覺設(shè)計方案多種多樣，需要根據(jù)產(chǎn)品資源、執(zhí)行效率、投入產(chǎn)出比、版本迭代計劃等因素綜合考慮，選擇當前用戶場景下更加合理有效的方案，而不僅僅是為了追求完美的用戶體驗。

適當?shù)耐讌f(xié)讓步是設(shè)計平衡性的必然選擇。即使設(shè)計方案無法完全落地，深入的分析思考過程也會讓設(shè)計師受益匪淺。

三、對上管理

我個人認為這是比較難的，甚至是最難的。如果企業(yè)設(shè)置了專門的設(shè)計團隊，設(shè)計師的日常工作都會經(jīng)過內(nèi)審、外審等，整個過程有比較好的流程規(guī)范保證。在評審匯報中，設(shè)計師的工作亮點、設(shè)計成果就能夠得到顯現(xiàn)和認可。

評審時，設(shè)計團隊領(lǐng)導作為直接領(lǐng)導，雙方有共同的對話基礎(chǔ)，有些內(nèi)容點到即可。并且團隊領(lǐng)導也有意愿、有時間聽取設(shè)計師的工作匯報，這也是領(lǐng)導的管理職責所在。

而對于沒有團隊的設(shè)計師而言，本該順暢的對上管理會碰到更大的困難。

1、時間不充分

作為名義上的領(lǐng)導，只是代管角色，本身有其他核心工作任務，對設(shè)計工作可能并不積極。當設(shè)計師主動做些設(shè)計推動，需要向上匯報時，可能需要提前排隊預約，甚至會被要求讓位其他工作事項。

如果設(shè)計師不做匯報，代管領(lǐng)導根本不知道設(shè)計師為產(chǎn)品做了什么貢獻。設(shè)計師的調(diào)研、分析、思考就都成了空談，最終的價值不過是界面上的按鈕和表格。辛苦到頭，個人績效根本就沒有保障。

2、專業(yè)度不夠

設(shè)計師可能會被劃分在開發(fā)團隊或者產(chǎn)品團隊，負責人在設(shè)計方面并不專業(yè)。在他們看來，一些設(shè)計優(yōu)化可能就是在浪費時間，或者完全沒有必要。沒有上面的領(lǐng)導支持，設(shè)計師的工作就難以開展。

3、通不暢

領(lǐng)導比較忙的時候，如果遇到一些設(shè)計問題，不會親自找設(shè)計師，而是隨口對身邊人員一提，接著信息被層層轉(zhuǎn)發(fā)，容易造成理解偏差、信息缺失等問題。設(shè)計師需要二次確認，但是由于時間、空間等多重因素影響，很可能導致后續(xù)的溝通不暢。

4、政出多門

沒有設(shè)計團隊的設(shè)計師，往往會受到來自不同崗位領(lǐng)導的節(jié)制。每個領(lǐng)導會有自己的主觀想法，設(shè)計師就會無所適從。

所以在小公司中，設(shè)計師不能單打獨斗，要團結(jié)一切可以團結(jié)的力量。

首先要打動身邊的產(chǎn)品經(jīng)理，讓他能夠感受到設(shè)計的力量和價值。如果當產(chǎn)品經(jīng)理遇到設(shè)計問題，總是來找設(shè)計師商量，說明設(shè)計師已經(jīng)獲得了認可。

其次就是爭取更多的合作機會，例如參加產(chǎn)品經(jīng)理的需求評審會。利用設(shè)計評審會建立自己的設(shè)計影響力，深度參與研發(fā)流程，與更多項目人員產(chǎn)生工作聯(lián)系等等。

而在向上匯報的關(guān)鍵環(huán)節(jié)，設(shè)計師可以拉上產(chǎn)品經(jīng)理一起，加重報告整體的分量，更容易獲得領(lǐng)導的認可。

總結(jié)

最近這幾年，企業(yè)面臨的困難越來越大，更加注重員工產(chǎn)生的個人價值。最大的感受就是只做純粹的設(shè)計師，發(fā)展之路會越來越窄。

未來，設(shè)計師做好個人管理將至關(guān)重要。

作者：子牧先生

轉(zhuǎn)載請注明：學UI網(wǎng)》設(shè)計師能力建設(shè)（3）：管理能力

藍藍設(shè)計建立了UI設(shè)計分享群，每天會分享國內(nèi)外的一些優(yōu)秀設(shè)計，如果有興趣的話，可以進入一起成長學習，請加藍小助，微信號:ben_lanlan，報下信息，藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作，也請與我們聯(lián)系01063334945。

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

藍藍設(shè)計( sillybuy.com )是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務、UI設(shè)計公司、界面設(shè)計公司、UI設(shè)計服務公司、數(shù)據(jù)可視化設(shè)計公司、UI交互設(shè)計公司、高端網(wǎng)站設(shè)計公司、UI咨詢、用戶體驗公司、軟件界面設(shè)計公司

一、什么是品牌定位？

品牌是如何做到家喻戶曉的？舉個例子，當有些用戶產(chǎn)生搜索需求時，他們的第一想法是“百度一下”，而不是“我要搜索”。百度作為一個品牌，在中國市場已經(jīng)成為搜索的替代詞，反應出品牌對用戶心智強大的作用力。

打造強品牌的第一步就是品牌定位。不管是創(chuàng)建新品牌還是更新現(xiàn)有品牌，品牌定位策略會影響業(yè)務發(fā)展的方方面面，不僅是營銷策略，還包括產(chǎn)品開發(fā)、用戶體驗等。

那么，什么是品牌定位？簡單講，品牌定位就是決定企業(yè)希望在用戶心目中是什么形象的過程。以蘋果公司為例。蘋果作為一家科技企業(yè)，在全球范圍內(nèi)被熟知，并在諸多同類科技公司中獨具魅力，受到用戶的喜愛與追捧，這不得不得益于成功的品牌定位。

蘋果賦予品牌三大內(nèi)涵：Think Different，Tech that works以及Your privacy is safe with us。這些品牌內(nèi)涵成功讓蘋果與其他科技公司形成區(qū)隔度，在用戶心智中占據(jù)獨特位置。在用戶看來，蘋果是與眾不同的、走在科技前沿的、創(chuàng)新突破的、隱私安全受保護的，這些品牌形象正是成功定位的結(jié)果，必將成為公司強大的品牌資產(chǎn)。

除了能夠讓用戶快速識別、在眾多競品中脫穎而出外，品牌定位還會對定價策略和銷量產(chǎn)生影響。如果產(chǎn)品定價更多依據(jù)高質(zhì)量、高品質(zhì)，同時品牌也將高質(zhì)量、高品質(zhì)作為定位點，那么在用戶心目中，產(chǎn)品價位會很自然地被合理化。當做購買決策時，用戶會被品牌獨特內(nèi)涵吸引，快速促成購買，幫助企業(yè)提升市場份額，同時增強用戶忠誠度。

二、品牌定位如何做？

品牌定位的基本思路是STP（Segmentation市場細分，Targeting確定目標用戶群，Positioning定位），即將整個品類市場中的消費者劃分為不同細分人群，識別各類細分人群的特征和需求，并結(jié)合競爭情況、企業(yè)戰(zhàn)略等因素，選擇其中一個或多個細分市場進入，形成品牌定位，對每個目標細分市場進行品牌營銷。

從中可以看到，市場細分只是手段，定位才是目的，即S+T=P。

Step 1：Segmentation 市場細分

市場細分本質(zhì)上是根據(jù)消費者的差異，將整個市場切分成不同部分。用于細分的維度/標準主要有四方面：地理因素、人口學因素、心理因素和行為因素。

其中，市場細分普遍使用的維度是人口學因素，比如女性消費力、銀發(fā)經(jīng)濟等，就是按照性別、年齡等維度進行的細分。這一方法簡單高效，實用性強，但也存在一個很大的問題，即使用戶在這些方面很相似，但內(nèi)心的訴求可能是完全不同的，導致細分市場內(nèi)部差異很大，這就違背了細分的初始目的。

為了解決這一問題，市場細分會使用心理因素，從最深層的情感需求出發(fā)，確保每一細分群體內(nèi)部高度相似，而不同群體之間高度區(qū)隔。

細分用戶情感需求的常用解決方案有Needscope、Censydiam等，通過“個人-歸屬”和“釋放-壓抑”兩個維度，相互作用，將用戶情感需求劃分為6個或8個類型，從而實現(xiàn)對某個市場的人群細分。

以Needscope為例。Needscope的心理學基礎(chǔ)是榮格的原型理論。榮格認為，原型是天生的傾向，在影響人類行為方面發(fā)揮作用?；诖?，將人類情感需求劃分為六大類：有活力的、充分自信的、有能力的、關(guān)懷的、被動的、無憂無慮的。應用于不同品類時，對類型的描述可做調(diào)整。

在用Needscope做市場細分時，通常會使用投射工具挖掘用戶對品類的需求，形成該品類下用戶的情感需求細分。以資訊類APP為例，通過投射工具，挖掘到用戶對資訊類產(chǎn)品的情感訴求，可分為：新熱/前沿的、權(quán)威/信服的、智慧/有思想的、全面/可依賴的、輕松/實用的、愉悅/釋放的。

• 新熱/前沿的：這類用戶希望獲得最新、最熱的資訊信息，第一時間快速獲取，給自己帶來“走在前沿的”“領(lǐng)先的”的感受，他們對資訊產(chǎn)品品牌形象的需求中強調(diào)“新熱”“前沿”“領(lǐng)先”等。
• 權(quán)威/公正的：這類用戶對資訊的訴求集中在立場上，希望獲得客觀公正的權(quán)威信息，給自己帶來“公正的”“客觀的”感受，具備這些內(nèi)涵的品牌形象對他們來說更有吸引力。
• 智慧/有思想的：這類用戶的核心情感訴求是“高端”“格調(diào)”，希望使用資訊產(chǎn)品帶給自己“有思想的”“有智慧的”感受，品牌形象突出“高品質(zhì)”“有深度”會對他們產(chǎn)生吸引力。
• 全面/可依賴的：這類用戶的情感需求強調(diào)“安全”“可依賴”“平和”，使用資訊產(chǎn)品與他們較固定的日常生活相匹配，獲取“全面”“安全”的信息以便更好融入周邊環(huán)境，獲取內(nèi)心的平和。
• 輕松/實用的：這類用戶看重資訊產(chǎn)品的“實用”價值，希望在“輕松”的狀態(tài)下獲取實用信息，解決問題，帶給自己“物有所值”“得力助手”的感受。
• 愉悅/釋放的：這類用戶追求“無憂無慮”“趣味釋放”，希望看資訊讓自己感到“有趣”“快樂”“釋放”，對于品牌來說，強調(diào)“娛樂”“輕松”“釋放自我”“有料有趣”對他們來說更有吸引力。

到此，我們便用Needscope對資訊類產(chǎn)品市場做了細分。

Step 2：Targeting 確定目標用戶群

在對市場做了細分后，接下來需要確定哪個/哪些細分市場可作為目標人群，主要考慮兩個因素：市場份額和競爭環(huán)境。

在進行情感需求細分時，通過量化方式可得到每一類細分人群的占比，代表著市場上有多大比例的用戶有這一類情感訴求，這就反應了市場份額的大小。還是以資訊產(chǎn)品為例，“輕松/實用的”這一細分市場占比最大，達到22%，說明在目前市場上，大多數(shù)用戶對資訊產(chǎn)品的訴求是讀完有輕松感，內(nèi)容實用有幫助。

但僅考慮市場份額是不夠的，各品牌可能都看到了大的市場份額而紛紛進入，經(jīng)過時間沉淀還會形成難以撼動的頭部品牌，競爭會異常激烈。因此，在選擇細分市場時還需考慮競爭環(huán)境，這一點可通過Brand Map來直觀體現(xiàn)。

在使用Needscope獲取用戶對品類情感需求的同時，還會了解目前市場上的資訊品牌滿足了用戶哪些訴求，因此形成每個品牌在不同情感細分領(lǐng)域的得分，得到品牌地圖。

通過品牌地圖，很容易看到市場份額最大的“輕松/實用的”領(lǐng)域競品數(shù)量多，且有今日頭條、騰訊新聞等頭部競品，對于新品牌或者小品牌來說，不再建議切入該領(lǐng)域。對于“愉悅/釋放的”這一領(lǐng)域，現(xiàn)有品牌數(shù)量適中，并且靠近圓心位置，意味著還未形成極具該特色的品牌，單從競爭角度來說，該細分市場值得考慮。

綜合市場份額與品牌地圖，便可確定目標細分領(lǐng)域。對于新品牌/小品牌，可以考慮“愉悅/釋放的”這一領(lǐng)域，因為市場份額可觀（20%），市場還未形成滿足程度高的競品；對于打算更新定位的大品牌來說，品牌本身具備與頭部競品對抗的實力，可以優(yōu)先選擇市場份額大的市場，但需注意定位的跨度，建議選擇與現(xiàn)有定位臨近的區(qū)間。

確定好細分領(lǐng)域也就意味著鎖定了目標人群。在做情感需求細分時，會一并了解該用戶的人口學特征、產(chǎn)品使用行為等信息，因此，每一細分情感訴求都可以還原到對應的人群。

還是以資訊產(chǎn)品為例，“愉悅/釋放的”這一細分市場對應的人群在某些特征上顯著高于其他人群，這些明顯特征就是品牌后期要去營銷的目標群體，如以男性為主，偏年輕，年齡集中在18-24歲，更多分布在一二線城市，偏好B站、知乎等產(chǎn)品。

Step 3：Positioning 定位

按照S+T=P的公式，完成市場細分以及鎖定目標人群后，就得到了品牌定位。但這個階段的定位只是明確了方向，具體到細分領(lǐng)域內(nèi)部該如何定位，還需進一步深探。

結(jié)合資訊產(chǎn)品品牌定位的例子，新品牌確定了“愉悅/釋放的”這一細分市場，接下來需要對該細分領(lǐng)域的目標人群和競品表現(xiàn)做深入挖掘，找到用戶未被滿足或滿足狀況不佳的需求，明確本競品之間的差距與不同，從而獲得更精準的定位點。

在了解目標人群時，不再局限于他們使用資訊產(chǎn)品的習慣，還需走進日常，挖掘指導行為的價值觀念和態(tài)度。

• 畫像及態(tài)度：人口學特征（性別、年齡、城市級別、家庭月收入等）、生活態(tài)度、價值觀、品牌觀，真實立體地還原品牌營銷對象
• 資訊產(chǎn)品使用行為：使用場景、需求、使用產(chǎn)品、頻次、時長、路徑、滿足點及痛點，發(fā)現(xiàn)本品在產(chǎn)品力上與競品的差距，挖掘產(chǎn)品賣點

• 資訊產(chǎn)品品牌態(tài)度：對各品牌的認知度、喜愛度、品牌形象認知，發(fā)現(xiàn)本品在品牌力上與競品的差距，挖掘品牌利益點

• 觸媒特點：偏愛的觸媒渠道、品牌溝通方式/內(nèi)容、轉(zhuǎn)化效果，幫助品牌找到有效營銷渠道和傳播形式

到這個階段，就完成了品牌定位全流程。這些定位理念可以作為品牌發(fā)展的牽引思路，指引產(chǎn)品和設(shè)計圍繞定位的方向深入發(fā)展，為目標人群帶去更好的使用體驗。

三、品牌再定位

市場環(huán)境時刻在發(fā)生變化，品牌必須通過不斷變革來永葆青春，品牌再定位就是實現(xiàn)品牌變革的一種重要方式。

通常來說，品牌再定位有幾種可能情況。一是原本定位錯誤，品牌定位時可能找錯了目標人群，也可能沒有挖掘到精準需求，導致在后續(xù)對品牌監(jiān)測時，發(fā)現(xiàn)品牌健康度、銷售情況等與預期差距太大，比如著名的萬寶路香煙，最初定位是針對女性，市場業(yè)績表現(xiàn)一般，后來更改策略重新定位為男士香煙，并使用了具有男子漢氣概的西部牛仔形象，使得品牌脫穎而出。

定位優(yōu)勢不復存在也是促使品牌再定位的一個因素，這主要因為競爭環(huán)境發(fā)生了較大變化，新的競品出現(xiàn)，甚至成長成強勁品牌，這就削弱了本品品牌原有的優(yōu)勢和競爭力，如果堅守原有定位，勢必會處于被動挨打的地位。

此外，目標客戶群消費動機和需求的改變，也是促使品牌再定位升級的重要動力。

總體來說，品牌定位是一個長期動態(tài)的過程，它既是品牌策略的起點，也是最終目的，即精準把握目標用戶需求，基于此推動產(chǎn)品和設(shè)計迭代，從而牢牢占據(jù)用戶心智，在與競品的競爭中脫穎而出，縮短用戶決策使用/購買產(chǎn)品路徑，促進用戶數(shù)量/銷量等產(chǎn)品核心指標的提升。

作者：設(shè)計中臺

轉(zhuǎn)載請注明：學UI網(wǎng)》品牌定位，搶占用戶心智第一步

藍藍設(shè)計建立了UI設(shè)計分享群，每天會分享國內(nèi)外的一些優(yōu)秀設(shè)計，如果有興趣的話，可以進入一起成長學習，請加藍小助，微信號:ben_lanlan，報下信息，藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作，也請與我們聯(lián)系01063334945。

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

藍藍設(shè)計( sillybuy.com )是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務、UI設(shè)計公司、界面設(shè)計公司、UI設(shè)計服務公司、數(shù)據(jù)可視化設(shè)計公司、UI交互設(shè)計公司、高端網(wǎng)站設(shè)計公司、UI咨詢、用戶體驗公司、軟件界面設(shè)計公司

一、卡片式設(shè)計的定義

1、什么是卡片？

早在互聯(lián)網(wǎng)時代之前，卡片就出現(xiàn)在了我們生活中的方方面面，如名片、不干膠標簽、便利貼、會員卡…等，不管是何種類型的卡片，它都將代表著我們現(xiàn)實生活中的某個特定信息。

卡片指的是含有圖片或文本信息的容器，它將我們需要的信息歸納在一起、并形成獨立的個體，以至于后續(xù)被引用到線上界面中，同樣具有非常不錯的信息歸納效果。

2、互聯(lián)網(wǎng)中的卡片式設(shè)計

卡片本身就是一個完整的信息區(qū)塊、并同時承載豐富的互動方式。在UI設(shè)計中，個性化和美感兼?zhèn)涞目ㄆ皆O(shè)計具有很強的易用性，它是一個UI設(shè)計組件，將標題、文本內(nèi)容、圖形/圖片進行整合并模塊化，讓信息的表達更加直觀、操作也更便捷。

卡片式設(shè)計之所以能成為當今比較流行的趨勢，是因為它能讓界面信息更有層次感，從設(shè)計、交互、視覺以及用戶體驗等各方面來看，都有不錯的優(yōu)點。站在用戶角度，即便不太理解卡片的概念（也不需要理解），但能快速知道如何使用它，相對來說，學習成本也是極低的。

二、卡片式設(shè)計價值

1、結(jié)構(gòu)清晰

卡片在占用屏幕空間較少的情況下能夠?qū)⒉煌笮　⒉煌愋偷男畔?nèi)容按邏輯進行分組呈現(xiàn)，使界面結(jié)構(gòu)更加清晰。相比純粹的留白或分割線，卡片不僅對信息作出了分割，其本身還是一個獨立的容器，讓歸納組合后的信息能快速突出重點，將復雜內(nèi)容簡單化處理。

卡片式布局整齊簡練，清晰的信息結(jié)構(gòu)有助于用戶瀏覽，方便快速找到自己感興趣的內(nèi)容，避免用戶產(chǎn)生一種費時或感覺內(nèi)容超長的恐懼感，還能節(jié)省更多的時間成本。最常見的就是信息列表、圖文混排等，不僅做到了視覺上的美觀，也達到了平衡文字及圖片強弱的效果。

2、場景拓展

卡片式設(shè)計有利于場景拓展，他能在信息不斷增/減的情況下、頁面依然能組成一個連貫的整體，在視覺上毫無違和感。例如支付寶在頭部插入的廣告引流入口、淘寶在節(jié)假日增加二層樓…等。

3、空間擴展

卡片式設(shè)計一度打破了移動端多為縱向操作、原有傳統(tǒng)的列表式布局，在空間有限的移動端設(shè)備中，還能很好的利用橫向空間。將橫向滑動區(qū)域的最后一個卡片漏出一小部分（若隱若現(xiàn)才是誘惑），不僅能給予用戶更多選擇與期待，其空間利用率也得到了很好的擴展，在展示更多內(nèi)容的情況下依然能保持模塊的整體性。

4、突出重點

卡片式設(shè)計能很好的通過邊界襯托出內(nèi)容的整體性，特別是在電商類產(chǎn)品中的首頁頭部、瓷片區(qū)、營銷引流區(qū)將其應用到了極致，即便在卡片數(shù)量較多的情況下，用戶依然能清晰的感知到內(nèi)容的歸屬層級以及重要信息。

5、兼容多端

卡片作為一個容器，它可以自由無限的等比縮放，非常適合響應式設(shè)計。在手機、iPad、電腦等屏幕尺寸復雜的情況下，通過放大縮小或增減縱向排列數(shù)量的方式配合響應式的斷點設(shè)計，讓同一界面在不同設(shè)備之間輕易的創(chuàng)造出一致性的視覺體驗。

6、易于操作

卡片給人最直觀的感覺就是可以操作，它不用箭頭、按鈕或超鏈接等引導性的視覺元素提醒，節(jié)省了一定的頁面空間，還有著更大的操作熱區(qū)，無需做到精準點擊?？ㄆ皆O(shè)計很容易融入各種交出手勢，如單擊、雙擊、長按、拖動、滑動等，為用戶提供更多便捷的操作。

7、跳轉(zhuǎn)流暢

卡片可通過縮放的形式充分利用動畫進行頁面跳轉(zhuǎn)，例如App Store“Today”頻道，點擊卡片后直接等比放大至全屏，給用戶一種還停留在當前頁面的錯覺，避免了傳統(tǒng)的跳轉(zhuǎn)頁面而造成的信息割裂感，流暢絲滑的過渡，給用戶更自然的交互體驗。

三、常見的卡片式設(shè)計樣式

1、四周留白

這種類型的卡片在UI設(shè)計中最為常見，柔和的圓角、邊緣陰影以及四周很自然的留白，讓內(nèi)容模塊的存在感更加強烈，整個頁面信息的層級也更加清晰。

2、懸浮內(nèi)容之上

懸浮型卡片并非模態(tài)彈窗，與其相比，懸浮卡片不需要主動操作觸發(fā)，可作為臨時控件或長期固定顯示，并且比模態(tài)彈窗能承載更多信息內(nèi)容，可通過伸縮來定義卡片中的信息數(shù)量，或多、或少、或展示、或隱藏，在頁面中非常靈活。

例如高德地圖首頁，搜索框及右側(cè)的功能入口長期懸浮在地圖之上，而下方卡片中的內(nèi)容會隨著高度的伸縮自動調(diào)節(jié)可展示的數(shù)量，非常實用。

3、通欄類型

通欄類型的卡片具有更強的視覺阻斷，對區(qū)分不同的功能模塊有不錯的效果，不過這種類型只通過頁面背景色保留上下邊間、且不會過多，不然頁面會顯得零散、雜亂。

四、卡片適用場景介紹

1、瀑布流

瀑布流主要正針對圖片較多、或以圖片為主的內(nèi)容設(shè)計，它最大的優(yōu)點是無需過于在意圖片的高度，最大限度的還原原始圖片效果。

卡片式設(shè)計的瀑布流對信息的組合、包容性更強，不僅能在單屏區(qū)域內(nèi)顯示更多內(nèi)容，同時又將每組信息組合作出了明確的劃分，在不破壞頁面整體性的基礎(chǔ)上也做到了相對獨立，如花瓣、Pinterest就是最好的例子。

2、信息流

信息流的展現(xiàn)方式主要以文字、圖片或視頻內(nèi)容為主，是一種較長內(nèi)容的媒介，不管哪種展現(xiàn)方式，其都需要用戶耗費較長時間的滑動、瀏覽來篩查對自己有用的信息。

卡片式設(shè)計將信息進行分塊處理，通過阻隔的方式快速告知用戶每個卡片的核心內(nèi)容，便于用戶在長時間的滑動過程中也能快速識別重要信息。

3、左/右滑動

卡片式左右滑動組合在音樂、視頻類產(chǎn)品中用最為廣泛，因內(nèi)容本身就圖片居多，也更適合卡片式設(shè)計，相比平鋪具有更強的層次感，對用戶的吸引力較強，尤其最右側(cè)漏出的一小部分內(nèi)容營造出神秘的感覺，用戶會不由自主的想去滑動以求獲取更多信息。

4、優(yōu)惠卡/券

卡/券設(shè)計實際是把生活中的實物映射到了UI設(shè)計中，通過模擬實物造型設(shè)計成卡片樣式，有效降低用戶的理解成本，并對其有了更直觀的感知，真實感尤為強烈。

5、突發(fā)事件/臨時提醒

對于用戶主動觸發(fā)或系統(tǒng)臨時發(fā)起的非固定性內(nèi)容，利用卡片式設(shè)計會讓信息布局更靈活、視覺更突出，在不影響用戶使用的前提下，可出現(xiàn)在任何位置。

6、部分頁面頭圖

卡片式設(shè)計可以將個人中心、個人主頁、會員等頁面中的關(guān)鍵信息進行概括，并在頭部位置進行重點突出，不僅讓原本單個的內(nèi)容形成整體，還能營造出沉浸式的氛圍。

五、卡片式設(shè)計原則及小技巧

1、一致性原則

為了保持界面設(shè)計的一致性，需要將卡片樣式納入設(shè)計規(guī)范，例如卡片是否通欄、是否需要設(shè)定圓角半徑、不同場景中卡片大小的劃分界限以及圓角數(shù)值的確定等，大部分情況下都需要遵循設(shè)計規(guī)范。

2、功能定位決定卡片形式

在同一產(chǎn)品中，雖然要遵循設(shè)計規(guī)范以確保一致性的視覺效果，但并非所有頁面都適合卡片式設(shè)計。

那么，到底是否需要采用卡片形式、使用哪種卡片類型？這還得根據(jù)頁面內(nèi)容屬性及目標定位來決定。例如社交產(chǎn)品中的臨時會話列表、動態(tài)圈子使用卡片形式，很浪費縱向空間、甚至會顯得很“雞肋”，用分隔線或間距留白來區(qū)分信息組顯然更合適；但對于電商類型的產(chǎn)品，利用卡片將不同的商品分隔后又進行歸納，會更容易識別，信息的可讀性也會更強。

3、避免過多卡片嵌套

卡片式設(shè)計本身就包含了容器與背景的層級表現(xiàn)，為了保持內(nèi)容的正常展示與用戶瀏覽體驗，避免在卡片中嵌套多層卡片，以免信息層級雜/亂而增加用戶的視覺負擔。

如果再同一卡片中需要再次區(qū)分多個信息組，可利用間距留白、分割線或淺色背景等元素屬性來區(qū)分，依然能達到想要的效果。

4、合理利用橫向空間

因為卡片內(nèi)、外的雙向間距留白，在空間有限的移動端設(shè)備中，橫向空間利用率較低，因此除了合理的減小左右間距外，還可以適當利用左右滑動來擴充橫向隱性空間。

例如淘票票首頁，在1.5屏的范圍內(nèi)，幾乎每個模塊都能橫向滑動查看更多內(nèi)容，從用戶體驗角度出發(fā)，這是縱向空間無法比擬的。

5、降低縱向空間的浪費

卡片式設(shè)計不是目的，其主要是用來更好的區(qū)分信息層級、提升用戶瀏覽體驗，因為卡片要作為獨立空間的存在，必定會增加上下間距而導致頁面拉長，因此，如無必要，不必盲目采用卡片式設(shè)計。

例如美團APP的「首頁、電商、購物車、我的」4大主功能頁面都使用了卡片形式，而「消息」頁則采用分割線進行信息分組，試想一下，如果為了統(tǒng)一規(guī)范而使用卡片，不僅造成很強的割裂感、還會極大的浪費縱向空間。

6、長文表達不適合卡片

這點不用多說，新聞資訊類產(chǎn)品的內(nèi)容詳情頁就是最好的證明，不管其他頁面是否采用卡片形式，但詳情頁并不會跟隨形式，一方面可以讓同屏展示更多內(nèi)容、增加空間利用率，另一方面可減少無關(guān)元素對用戶產(chǎn)生的干擾、給予沉浸式的瀏覽體驗。

7、突出一個核心內(nèi)容

很多時候，我們總會聽到PM說這個很重要、那個也很重要，都需要突出一點，殊不知當什么都突出了也說明什么都沒有突出。在單個卡片中，組始終牢記這個準則：一次只突出一個核心信息，以便于用戶快速、精準捕捉，切記不可貪多。

六、結(jié)語

卡片式設(shè)計之所有能快速流行起來且經(jīng)久不衰， 其主要得益于自身的靈活性，尤其是在跨設(shè)備、跨屏幕上有著純天然的優(yōu)勢，能忽略設(shè)備的差異給用戶提供更好的服務。卡片并不是簡單的樣式設(shè)計，它是一種自由布局的設(shè)計語言，通過多種方式的信息組合、結(jié)合豐富的交互操作，給用戶創(chuàng)造出極致的使用體驗。

信息的呈現(xiàn)方式雖有不同，但最終的目的都是為了服務于內(nèi)容，卡片式設(shè)計只是其中的一種形式而已，在設(shè)計過程中，我們需要根據(jù)內(nèi)容結(jié)合實際情況作出合理的判斷，切勿拘泥于形式而忽略內(nèi)容本身的重要性。

任何設(shè)計風格及展現(xiàn)形式都有可能成為歷史，卡片式設(shè)計也不會例外，但絕對不是這么快就結(jié)束，它依然值得我們?nèi)ド罹浚η蟠蛟旄玫男畔⒉季?、更舒適的用戶體驗。

原文地址：能量眼球

作者：大漠飛鷹CYSJ

轉(zhuǎn)載請注明：學UI網(wǎng)》卡片式設(shè)計 | 掌握這些技法，快速提升界面效果！

藍藍設(shè)計建立了UI設(shè)計分享群，每天會分享國內(nèi)外的一些優(yōu)秀設(shè)計，如果有興趣的話，可以進入一起成長學習，請加藍小助，微信號:ben_lanlan，報下信息，藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作，也請與我們聯(lián)系01063334945。

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

藍藍設(shè)計( sillybuy.com )是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務、UI設(shè)計公司、界面設(shè)計公司、UI設(shè)計服務公司、數(shù)據(jù)可視化設(shè)計公司、UI交互設(shè)計公司、高端網(wǎng)站設(shè)計公司、UI咨詢、用戶體驗公司、軟件界面設(shè)計公司

一、什么是“有駕在現(xiàn)場”

有駕是百度旗下汽車信息與服務平臺，累計用戶超5.3億，致力于為用戶提供真實、可靠的看選買車服務，以及為車企和經(jīng)銷商提供從品牌到效果的一站式互聯(lián)網(wǎng)營銷解決方案。

車展對有駕來說是一個流量爆發(fā)的大事件，2021年廣州車展期間有駕品牌全網(wǎng)曝光累計6.3億次，創(chuàng)歷史新高。而【有駕在現(xiàn)場】是百度有駕歷年車展系列活動沉淀下來的品牌IP，已經(jīng)成為活動固定的品牌標識。

二、借勢大事件，打造車展品牌全案

借勢車展的關(guān)注度與影響力，我們想要通過分析調(diào)研總結(jié)，對本次車展進行視覺定調(diào)，建立品牌識別體系，沉淀專屬有駕車展活動的品牌符號和印記；進行線上線下聯(lián)合推廣來打造有駕車展品牌全案，提升有駕的品牌影響力；優(yōu)化活動體驗來為平臺進行引流，讓用戶對有駕產(chǎn)品有更明確的認知。

同時由于車展項目涉及跨部門合作，我們希望可以通過車展品牌全案，統(tǒng)一不同分工輸出的設(shè)計物料視覺一致性，以達到提質(zhì)增效的目的。

以打造品牌全案為出發(fā)點，我們梳理了以下項目計劃。

同時，通過有駕用戶畫像分析，建立用戶標簽，分析用戶屬性及偏好，以更好的觸達用戶。數(shù)據(jù)顯示有駕APP大部分用戶為常駐中高線城市的年輕男性，經(jīng)歷著數(shù)字化信息時代的便利，同時也受到更好的教育和各界多元的文化影響，更大膽更容易被新的東西所吸引。

三、分析項目現(xiàn)狀總結(jié)優(yōu)化點

根據(jù)過往車展項目分析，總結(jié)發(fā)現(xiàn)存在品牌識別度較弱且沒有統(tǒng)一規(guī)范、品牌統(tǒng)一性較弱導致用戶認知成本較高等問題。

四、提煉品牌關(guān)鍵詞

根據(jù)用戶畫像及現(xiàn)狀分析，明確業(yè)務需求，通過腦暴的形式羅列品牌關(guān)鍵詞，基于品牌DNA對有駕車展進行視覺升級需挖掘符合核心用戶的語境語言和視覺偏好，提煉出品牌關(guān)鍵詞，根據(jù)關(guān)鍵詞規(guī)范可延續(xù)的品牌元素，打造清晰的品牌全案以更清晰的指導后續(xù)視覺設(shè)計工作。

五、視覺定調(diào)

根據(jù)關(guān)鍵詞確定了以賽博朋克風格為視覺基調(diào)，通過三維建模搭建北京地標建筑場景，搭配大膽的配色和新穎的元素樣式打造潮流個性且具有未來感的視覺畫面，匹配車展品牌的創(chuàng)新理念。

同時，在活動玩法方面，通過優(yōu)化活動玩法，多條件激勵用戶給予用戶沉浸式的體驗。

六、建立品牌體系

確定基礎(chǔ)視覺調(diào)性后，我們通過形色質(zhì)構(gòu)來規(guī)范和輸出有駕車展品牌vi規(guī)范，建立有駕車展品牌體系，以提升視覺的產(chǎn)出效率，確保線上線下視覺輸出的一致性。

七、品牌LOGO

【有駕在現(xiàn)場】是有駕多年延續(xù)下來的品牌基因，本次車展也將繼續(xù)夯實品牌資產(chǎn)，進行優(yōu)化升級傳遞品牌調(diào)性。

由于舊版的字體圓角等設(shè)計樣式相對柔和，不能準確表現(xiàn)本次車展視覺調(diào)性。為了傳遞有駕車展的潮酷、未來感，設(shè)計上將舊版文字加粗，圓角調(diào)整為直角，并進行一定的傾斜處理，使字體展現(xiàn)更加果斷硬朗；同時，我們將部分筆畫進行連接，讓字體充滿動感或速度感；最終的字型效果運用有駕品牌藍綠色光效以更好的與畫面結(jié)合。

八、色彩嘗試

由于整體風格參考賽博朋克，配色方面基于有駕品牌色進行延展，輔助色起到平衡主色的沖擊效果、活躍視覺，釋放潮流激情，突出重點模塊；元素上嘗試漸變色豐富元素樣式。

九、組件化通用元素

通過組件化通用元素，不同物料可以快速復用，節(jié)約設(shè)計成本，解決整個活動的視覺一致性，同時可以沉淀設(shè)計資產(chǎn)。

十、車展主KV

根據(jù)關(guān)鍵詞【未來感】【年輕化】分析適合有駕的設(shè)計風格和調(diào)性，通過三維建模的畫面表現(xiàn)形式，構(gòu)建充滿科技感的賽博朋克畫面，打造潮流科技的有駕車展基礎(chǔ)場景。

主視覺場景設(shè)定為高樓聳立的公路上，有駕跑車向“有駕在現(xiàn)場”北京車展活動現(xiàn)場飛馳。充滿速度感的跑車、霓虹燈牌、高樓大廈色調(diào)和質(zhì)感的碰撞，傳遞出一種直觀的科技感，引領(lǐng)新時代年輕用戶和有駕一起駛向未來。

根據(jù)上述的內(nèi)容進行車展主kv的場景設(shè)定，輸出了草圖方案。

整個場景圍繞“有駕在現(xiàn)場”進行設(shè)計，融合車展相關(guān)元素，滲透品牌標識。

采用3D和2D相結(jié)合的形式，用C4D進行場景搭建，OC渲染器進行燈光材質(zhì)的渲染，反復修改調(diào)整場景布局、元素等，最終輸出三維設(shè)計圖后進行PS后期，輸出最終的主視覺。

根據(jù)以上內(nèi)容，輸出了對應的車展VI規(guī)范。

十一、車展專題頁

根據(jù)主KV及VI規(guī)范進行專題頁的延展，部分內(nèi)容復用過往車展框架模塊。

新增了導航欄設(shè)計，便于用戶快速跳轉(zhuǎn)到感興趣的內(nèi)容模塊，導航圖標大膽創(chuàng)新嘗試漸變色融合的配色形式，讓扁平的圖標有更加豐富的呈現(xiàn)。在保證閱讀效果的前提下，標題樣式、頁面元素及配色上更加潮酷。

十二、集卡分百萬 引流活動

過往集卡活動不僅與產(chǎn)品、車展契合度高，并且收益明顯，因此本次北京車展活動將復用、優(yōu)化集卡類活動，讓用戶沉浸式集卡，從而提升用戶活躍及量級。

在玩法方面，本次集卡活動延續(xù)過往活動做任務得車卡的主玩法，優(yōu)化活動體驗，新增了合成稀有卡可參與大轉(zhuǎn)盤抽獎的玩法以激勵用戶集卡，同時設(shè)立了車展大眾日，在當天進入活動的用戶可以獲得現(xiàn)金紅包，以此來激勵用戶回流，豐富活動玩法。

集車卡活動的主視覺元素及配色是依據(jù)vi規(guī)范，保證整體品牌調(diào)性的統(tǒng)一；普通靚車卡背景延續(xù)主視覺背景，稀有卡嘗試不同配色和場景凸顯其特殊性。

除了專題頁和集卡活動，線上還包括端內(nèi)社區(qū)活動設(shè)計，整體視覺調(diào)性都與我們輸出的車展品牌vi保持統(tǒng)一。

十三、倒計時海報

為了給車展開幕造勢，我們嘗試復用主KV的三維建筑模型，將倒計時1、2、3與不同視角、不同配色的場景相結(jié)合，整體風格和車展主視覺保持一致，輸出了三張倒計時海報，豐富了整個項目的宣傳內(nèi)容。

整個車展項目除了線上運營活動、造勢海報，還有線下展會宣傳物料及其他第三方輸出的設(shè)計物料，整體視覺調(diào)性都是基于我們輸出的車展品牌VI進行視覺延展，保持統(tǒng)一性的同時，又各自有不同的視覺傳播效果。

十四、總結(jié)

【有駕在現(xiàn)場】作為百度有駕車展品牌活動，我們通過未來感、年輕化、體驗感三個維度來塑造有駕車展系列活動的品牌調(diào)性，搭建了基礎(chǔ)風格，建設(shè)三維賽博朋克高品質(zhì)主視覺，視覺元素細節(jié)驚喜感打磨，通過優(yōu)化活動玩法進行引流，沉淀出新的大事件視覺設(shè)計思路，打造了有駕車展品牌設(shè)計全案。

未來我們的思考不僅僅只局限在視覺的表現(xiàn)上，還要繼續(xù)挖掘品牌系列化活動的延續(xù)性與獨特性，同時更要通過合理的情感互動建立和用戶的鏈接，為品牌長線發(fā)展提供更多價值。

作者：設(shè)計中臺

轉(zhuǎn)載請注明：學UI網(wǎng)》有駕在現(xiàn)場 車展品牌全案設(shè)計【百度】

藍藍設(shè)計建立了UI設(shè)計分享群，每天會分享國內(nèi)外的一些優(yōu)秀設(shè)計，如果有興趣的話，可以進入一起成長學習，請加藍小助，微信號:ben_lanlan，報下信息，藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作，也請與我們聯(lián)系01063334945。

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

藍藍設(shè)計( sillybuy.com )是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務、UI設(shè)計公司、界面設(shè)計公司、UI設(shè)計服務公司、數(shù)據(jù)可視化設(shè)計公司、UI交互設(shè)計公司、高端網(wǎng)站設(shè)計公司、UI咨詢、用戶體驗公司、軟件界面設(shè)計公司

我們將產(chǎn)品劃分為三個階段：

1.0：滿足了以產(chǎn)品為中心的設(shè)計，達成生產(chǎn)售賣通順閉環(huán)；

2.0：滿足了以消費者為中心的設(shè)計，考慮更多用戶體驗；

 3.0：加入以人文中心主義的設(shè)計，人文感官品牌情懷社區(qū)。

那么明確了我們本次升級的方向后，制定了整個產(chǎn)品的框架，底層加入了人文感官品牌情懷的相關(guān)因素，再應用到我們現(xiàn)有的業(yè)務上，在協(xié)同上進行高效的鏈接，產(chǎn)品到設(shè)計，設(shè)計與設(shè)計，設(shè)計到開發(fā)。最終形成了我們的前臺展現(xiàn)頁面。

根據(jù)我們的用戶畫像以及多輪訪談調(diào)研， 得知用戶的相關(guān)正負情緒。生活當中家務工作的角色分配問題，一直是經(jīng)常出現(xiàn)的一個場景。用戶希望通過我們的產(chǎn)品服務，來提升生活的幸福指數(shù)！

在以此為前提的背景下，用戶希望我們是專業(yè)標準化的、省心高效的、溫暖溫馨的、舒適的、具有親和力的等等。最終都會期望以更有品質(zhì)的生活而結(jié)尾，那么“品質(zhì)生活”即為我們需要來傳遞給用戶的情感。

 那么品質(zhì)生活是什么呢？

其實用戶對我們的要求是一款提升生活品質(zhì)及愉悅感的產(chǎn)品，而非工具。

綜上所述，我們確定了以品質(zhì)生活成為我們的本次設(shè)計語言升級的slogan，再結(jié)合業(yè)務的自身特性，我們進行了詳細的拆分后提煉出了以下相關(guān)關(guān)鍵詞，來滿足用戶更多的情感訴求。

干凈明亮 

居住環(huán)境的潔凈會帶給人更多舒適愜意的感受。首先對品牌色進行了升級，使其更鮮明。也延展與其相匹配的輔助色來打造出完善的色彩體系。

光 

專業(yè) 

高效 

用戶攜帶訴求而來，那么減少用戶感到麻煩的情緒，對產(chǎn)品的識別清晰、操作便捷提升是最直接影響的。

親和力 

服務行業(yè)需必備的能力，微笑服務也成為了我們的業(yè)務情感透傳標準。提煉出微笑符號結(jié)合我們的實際場景進行運用！

慢生活… 

在對用戶的相關(guān)情感訴求結(jié)合業(yè)務進行了落地后，對效率類設(shè)計原則也進行了相應的升級。

應用整體架構(gòu)也是一個應用對外呈現(xiàn)的基礎(chǔ)結(jié)構(gòu)，是系統(tǒng)風格的體現(xiàn)形式之一，除了特殊設(shè)計訴求，通常情況下，應用需要使用通用的應用架構(gòu)來保持系統(tǒng)的一致性和用戶操作的易用性。

布局不是靜態(tài)固定的，柵格系統(tǒng)在一個應用內(nèi)的重要程度不言而喻。我們設(shè)定了以4dp / 4pt為基數(shù)的柵格系統(tǒng)。

文本作為產(chǎn)品中用戶獲取信息的主要信息載體，字號大小和字重決定了信息的層級和主次關(guān)系。對字號、字重、行高以及組合字體進行了設(shè)定，為不同的場景創(chuàng)造了層級分明以及清晰的信息讀取體驗。

針對頁面內(nèi)容區(qū)域的通用元素間距進行了分類。設(shè)計師結(jié)合具體場景的情況，來調(diào)用間距參數(shù)的適配邏輯。以此來結(jié)合柵格系統(tǒng)進行更好的適應相關(guān)視覺元素符號的對應變化。

 圓角參數(shù)  

結(jié)合業(yè)務屬性保證親和力的透傳，在產(chǎn)品盡量避免出現(xiàn)銳角圖形的設(shè)計表達手法。故此針對圓角的大小也進行了系統(tǒng)級別的定義，進行深度統(tǒng)一管理！

語意原則及動效等，并依據(jù)相關(guān)設(shè)計原則產(chǎn)出了組件庫。

在多元化的產(chǎn)品時代，時刻關(guān)注并滿足用戶的情緒，是產(chǎn)品能脫穎而出的關(guān)鍵！在建立設(shè)計語言手冊時從提升用戶體驗和滿足商業(yè)價值整體考慮，挖掘流程當中線上線下的觸點，多維度思考并總結(jié)落地，深度傳遞品牌理念。

設(shè)計語言手冊更多時候是一個相對寬泛的閾值，并非組件的固定值，在某些業(yè)務場景下能為用戶帶來增值體驗或較高商業(yè)價值時，可以被打破。最后，核心就是在搭建語言手冊時應思考更多“為什么”這么做！

 作者：58UXD

轉(zhuǎn)載請注明：學UI網(wǎng)》如何通過設(shè)計語言手冊來傳遞品牌理念！

藍藍設(shè)計建立了UI設(shè)計分享群，每天會分享國內(nèi)外的一些優(yōu)秀設(shè)計，如果有興趣的話，可以進入一起成長學習，請加藍小助，微信號:ben_lanlan，報下信息，藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作，也請與我們聯(lián)系01063334945。

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

藍藍設(shè)計( sillybuy.com )是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務、UI設(shè)計公司、界面設(shè)計公司、UI設(shè)計服務公司、數(shù)據(jù)可視化設(shè)計公司、UI交互設(shè)計公司、高端網(wǎng)站設(shè)計公司、UI咨詢、用戶體驗公司、軟件界面設(shè)計公司