溝通是為了完成設(shè)定的目標(biāo)，把信息、思想和感情，在個(gè)人和群體之間傳遞，并達(dá)成協(xié)議的過程。溝通目的一般分為：說明事物、表達(dá)感情、建立關(guān)系、達(dá)成目標(biāo)。

需求溝通是設(shè)計(jì)師和團(tuán)隊(duì)圍繞需求目標(biāo)，信息傳遞的過程，是設(shè)計(jì)師展開設(shè)計(jì)工作的起點(diǎn)，貫穿整個(gè)設(shè)計(jì)過程，溝通質(zhì)量直接影響設(shè)計(jì)和項(xiàng)目質(zhì)量。但因溝通復(fù)雜性、開放性，對很多新手設(shè)計(jì)師來說，在需求溝通過程中，可能會碰到一些共同的溝通問題，比如前期需求不明確導(dǎo)致設(shè)計(jì)頻繁修改、產(chǎn)品和體驗(yàn)發(fā)生沖突時(shí)無法說服產(chǎn)品、溝通過程中陷入情緒爭吵、溝通中雞同鴨講等等。

針對這些問題，本文嘗試梳理需求溝通過程中幾種典型場景和方法，以期幫助新手設(shè)計(jì)師快速識別需求溝通中的常見問題；提升溝通效率，快速達(dá)成共識；掌握溝通竅門，更精準(zhǔn)高效的產(chǎn)出需求。

本文主要分成2個(gè)部分，第1部分主要聚焦在需求溝通過程中的不同階段，面對的典型溝通問題和解決方案；第2部分主要介紹溝通中一些常見的技巧和方法。

Chapter 1

——————————

需求溝通的目標(biāo)和方法

1.1 設(shè)計(jì)師在不同需求階段的溝通目標(biāo)

通常設(shè)計(jì)師在處理需求的流程大致可以分成4個(gè)部分：了解需求->分析需求->探索方案->實(shí)現(xiàn)方案。在不同的階段，設(shè)計(jì)師要解決的核心問題不同：

了解需求階段，設(shè)計(jì)師和產(chǎn)品針對需求目標(biāo)進(jìn)行討論，并和團(tuán)隊(duì)就產(chǎn)品目標(biāo)達(dá)成共識；

分析需求階段，設(shè)計(jì)師和產(chǎn)品針對產(chǎn)品策略合理性進(jìn)行討論，并提出體驗(yàn)訴求；

探索方案階段，設(shè)計(jì)師探索設(shè)計(jì)方案，并和產(chǎn)品就商業(yè)目標(biāo)和體驗(yàn)?zāi)繕?biāo)達(dá)成平衡；

實(shí)現(xiàn)方案階段，設(shè)計(jì)師和產(chǎn)品協(xié)調(diào)優(yōu)先級，調(diào)整方案，確保方案最大程度實(shí)現(xiàn)還原；

1.2 如何更好的了解需求，明確目標(biāo)，達(dá)成共識

在了解需求階段，設(shè)計(jì)師需要了解需求來源、背景、要解決的問題和目標(biāo)?？偨Y(jié)來看需求可大致分為2類：一類是需求目標(biāo)較明確，產(chǎn)品有明確要解決的問題，如提升產(chǎn)品體驗(yàn)、滿足某個(gè)用戶明確需求、完成某個(gè)產(chǎn)品目標(biāo)；一類是需求目標(biāo)較模糊，比如挖掘用戶潛在需求，探索新的業(yè)務(wù)方向。

對于目標(biāo)較明確的需求，在了解需求背景、解決標(biāo)準(zhǔn)、需求邊界、限制條件和責(zé)任人等問題后，即可進(jìn)入需求分析，策略討論階段。

但對于方向探索類需求，如何協(xié)助產(chǎn)品探索目標(biāo)，和團(tuán)隊(duì)達(dá)成關(guān)于目標(biāo)的共識，是這階段的溝通重點(diǎn)。以一個(gè)創(chuàng)業(yè)的項(xiàng)目為例，產(chǎn)品想做一個(gè)圖片社區(qū)，原因是目前國內(nèi)沒有頭部圖片社區(qū)。還原項(xiàng)目初期的溝通過程如下：

在產(chǎn)品的催促和時(shí)間壓力下，設(shè)計(jì)并沒有圍繞產(chǎn)品定位、用戶群、產(chǎn)品目標(biāo)進(jìn)行充分討論，也沒有和團(tuán)隊(duì)成員達(dá)成共識。在這種情況下，選擇跟隨產(chǎn)品的節(jié)奏，陷入了被動執(zhí)行。由于前期并沒有針對需求進(jìn)行細(xì)致的推敲討論，方案的輸出過程變成了試錯(cuò)的過程。產(chǎn)品方向修改頻繁，這種被動的溝通方式，導(dǎo)致整個(gè)團(tuán)隊(duì)目標(biāo)感不清晰、理解混亂。

經(jīng)過反思和問題總結(jié)，設(shè)計(jì)師發(fā)起了主動溝通，運(yùn)用設(shè)計(jì)方法協(xié)助產(chǎn)品明確需求，提升方向說服力，探索如何就目標(biāo)和團(tuán)隊(duì)達(dá)成共識。首先，需要和產(chǎn)品明確用戶群，并尋找用研協(xié)助，或發(fā)起快速訪談了解用戶；其次，組織團(tuán)隊(duì)相關(guān)成員發(fā)起關(guān)于產(chǎn)品目標(biāo)的討論，圍繞產(chǎn)品決策人給出的產(chǎn)品初步方向，團(tuán)隊(duì)成員每人寫下對產(chǎn)品的期待，提煉總結(jié)團(tuán)隊(duì)成員的想法，提煉總結(jié)產(chǎn)品目標(biāo)；再次，根據(jù)用戶訪談材料，利用親和圖法，提取關(guān)鍵詞，從用戶訴求中洞察提煉用戶目標(biāo)。最終，產(chǎn)品目標(biāo)得以明確，團(tuán)隊(duì)也取得了關(guān)于目標(biāo)的共識，同時(shí)通過快速demo，來驗(yàn)證優(yōu)化，項(xiàng)目得以順利進(jìn)行。

1.3 如何更好的分析需求，確保產(chǎn)品策略合理性

在了解需求背景、用戶群體，明確了需求目標(biāo)后，進(jìn)入需求分析階段，通常產(chǎn)品會給一個(gè)商業(yè)假設(shè)：假如做了xxxx，用戶就會xxxxx，產(chǎn)品可以達(dá)成xxxx目標(biāo)。以一個(gè)需求為例子：產(chǎn)品想做一個(gè)任務(wù)體系，通過福利吸引用戶做任務(wù)，從而拉動產(chǎn)品活躍。

如果設(shè)計(jì)師完全按產(chǎn)品給的商業(yè)假設(shè)輸出，方案產(chǎn)出過程貌似很順利，但可能隱藏了很多問題。以本需求為例，產(chǎn)品的商業(yè)假設(shè)邏輯是：用戶被福利吸引->用戶為拿到福利做任務(wù)->用戶獲得福利->產(chǎn)品完成目標(biāo)訴求；

但這個(gè)假設(shè)是正確的嗎？設(shè)計(jì)師的價(jià)值就在于，這個(gè)時(shí)候要能找出產(chǎn)品假設(shè)中的問題。通過對用戶的了解和洞察，還原用戶的實(shí)際使用過程可能會發(fā)生的問題。找到這些關(guān)鍵問題并通過和產(chǎn)品溝通協(xié)調(diào)解決掉這些問題，才能順利實(shí)現(xiàn)產(chǎn)品目標(biāo)。

通過對用戶實(shí)際參與過程的分析，用戶在看到任務(wù)獎勵后，實(shí)際需要權(quán)衡的內(nèi)容很多，如福利吸引力夠不夠大、有沒有關(guān)系親密的好友可邀請、好友要完成的任務(wù)難度大不大？分析需求過程關(guān)鍵就是找到這些問題的對應(yīng)策略，強(qiáng)化用戶參與的動力，降低參與難度。

1.4方案探索階段，如何平衡商業(yè)和體驗(yàn)訴求

在方案輸出階段，設(shè)計(jì)師和產(chǎn)品最常發(fā)生的爭執(zhí)是商業(yè)目標(biāo)和體驗(yàn)之間的沖突。產(chǎn)品為了達(dá)成商業(yè)目標(biāo)，很多時(shí)候希望把達(dá)成商業(yè)目標(biāo)的手段做的很強(qiáng)；

當(dāng)發(fā)生圍繞商業(yè)目標(biāo)和體驗(yàn)問題，誰都無法說服對方的情境時(shí)，設(shè)計(jì)師該如何溝通呢？

首先，作為設(shè)計(jì)師要擺正溝通立場，理解商業(yè)化是任何產(chǎn)品的根本目標(biāo)，體驗(yàn)也是實(shí)現(xiàn)商業(yè)化手段之一，我們反對的不是商業(yè)化，而是簡單粗暴的商業(yè)化方式，商業(yè)化的前提是對目標(biāo)用戶有足夠的了解和盈利模式的清晰判斷。

其次，應(yīng)能夠識別對于曝光越多越好，越直接越有效的這種思維方式，通常是一種鳥槍法的投機(jī)心理。在沒有更巧妙的解決方式時(shí)，最節(jié)省力氣的做法就是提升曝光等方式達(dá)成目標(biāo)。

當(dāng)發(fā)生爭執(zhí)時(shí)，如果僅僅站在設(shè)計(jì)立場上，用設(shè)計(jì)理論說服對方，通常效果有限。嘗試找到產(chǎn)品實(shí)現(xiàn)商業(yè)化目標(biāo)背后的邏輯，不要用手段代替目的，探索更好的實(shí)現(xiàn)商業(yè)化方式的可能性，比如嘗試在合適的路徑上推薦，或探索用戶更容易接受的內(nèi)容形式。

1.5 方案實(shí)現(xiàn)階段，如何協(xié)調(diào)優(yōu)先級，推動方案最大程度還原

在方案實(shí)現(xiàn)階段，很多時(shí)候由于時(shí)間緊張，產(chǎn)品僅完成最核心功能，部分體驗(yàn)相關(guān)功能一直無法得到優(yōu)化。

通常如果方案產(chǎn)品認(rèn)可，但推進(jìn)意愿不高時(shí)，可能的原因是：1.當(dāng)前方案不是核心KPI，產(chǎn)品要優(yōu)先保證對kpi影響最大部分完成；2.投入產(chǎn)出比不劃算，方案在產(chǎn)品看來投入的人力/時(shí)間/資源過大，并不值得；3.方案改動可能引發(fā)數(shù)據(jù)風(fēng)險(xiǎn)，產(chǎn)品并無法確保改動一定能帶來數(shù)據(jù)的成長；4.資源緊張，產(chǎn)品也很想實(shí)現(xiàn)方案，但項(xiàng)目時(shí)間/人力/資源真的很緊張。

這種情況下，首先，要和產(chǎn)品夠分溝通他們的疑慮和擔(dān)心，到底是哪類問題；其次，從心態(tài)上也不用急于一時(shí)，做好長期推動的準(zhǔn)備；還有，充分優(yōu)化方案，消除產(chǎn)品疑慮，尋找合適時(shí)機(jī)進(jìn)行推動。在項(xiàng)目逐漸迭代的過程中，對需要推動體驗(yàn)優(yōu)化點(diǎn)持續(xù)關(guān)注，盡可能放大方案價(jià)值，結(jié)合新的需求點(diǎn)，思考能否從價(jià)值拓展角度，如提升品牌價(jià)值、擴(kuò)展性等角度提升方案說服力；同時(shí)，從縮小成本和打消產(chǎn)品疑慮角度，做足準(zhǔn)備，推動方案。

Chapter 2

——————————

溝通技巧的問題

溝通的過程是一個(gè)信息螺旋傳遞的過程，表達(dá)者的信息傳遞到接收者時(shí)，因?yàn)楸尘?、環(huán)境、理解能力、傳遞完整度等差異，接收者僅能接收部分信息，而接收者在理解消化后，再將自己的信息傳遞出去，這個(gè)過程循環(huán)往復(fù)，會導(dǎo)致兩個(gè)最常見的溝通問題：目標(biāo)偏離以及信息衰減。學(xué)習(xí)適當(dāng)?shù)臏贤记?，可以有效減緩目標(biāo)偏離和信息衰減。

2.1 如何防止溝通目標(biāo)偏離

要防止溝通目標(biāo)偏離，首先要理解什么會導(dǎo)致目標(biāo)偏離？1.目標(biāo)不清晰，比如本來想找產(chǎn)品聊下某功能體驗(yàn)不合理，但因?yàn)楫a(chǎn)品一直說項(xiàng)目時(shí)間緊，被傾訴了一通苦水后，忘記了本來要溝通的問題，轉(zhuǎn)移到了其他話題上，最后不了了之；2.缺乏同理心，比如當(dāng)發(fā)生爭執(zhí)時(shí)雙方不能互換角度，產(chǎn)品一直在說實(shí)現(xiàn)目標(biāo)手段和現(xiàn)階段問題難點(diǎn)，設(shè)計(jì)在說體驗(yàn)問題和設(shè)計(jì)規(guī)范，雙方互不妥協(xié)，陷入爭吵；3.陷入情緒，表達(dá)觀點(diǎn)時(shí)陷入情緒化的爭執(zhí)。

針對這三個(gè)會導(dǎo)致溝通目標(biāo)偏離的問題，可使用以下技巧：

① 設(shè)定溝通目標(biāo)并保持關(guān)注：在每次溝通前想清楚自己的目標(biāo)和底線，嘗試用全局視角分析自己設(shè)定目標(biāo)的合理性；在溝通過程中要經(jīng)常反思當(dāng)前溝通的問題是否已偏離了目標(biāo)，對達(dá)成目標(biāo)是否有幫助；發(fā)現(xiàn)目標(biāo)偏離可嘗試改變節(jié)奏，思考接下來說什么有助于達(dá)成目標(biāo)；

② 換位思考：能夠傾聽對方的問題和困難，嘗試尋找解決問題的辦法，而不是一直表達(dá)訴求，無助于問題的解決和推進(jìn)；

③ 控制/傾聽情緒：美國心理學(xué)家埃利斯創(chuàng)建的ABC情緒理論，拆解了事件發(fā)生和情緒之間的關(guān)系，指出事件的發(fā)生并不是導(dǎo)致情緒的直接原因，我們持有的信念才是。因此在溝通中不要加入太多內(nèi)心戲，過度解讀事件。比如產(chǎn)品讓設(shè)計(jì)反復(fù)改稿時(shí)，可能會解讀為產(chǎn)品在故意刁難，嘗試了解反復(fù)修改背后的原因，可能對解決問題更有幫助。

2.2 如何減少溝通過程的信息損耗

溝通過程中表達(dá)者的模糊表達(dá)和接收者的理解偏差，會導(dǎo)致溝通過程中的信息損耗。比如經(jīng)常會聽見產(chǎn)品有以下類似的表達(dá)：“設(shè)計(jì)稿盡快輸出”、“頁面太結(jié)構(gòu)化了，想要更社交化一點(diǎn)”、“能不能做得更有創(chuàng)意一點(diǎn)，更有趣點(diǎn)”當(dāng)出現(xiàn)這些類似的溝通語句時(shí)，可以嘗試通過具體化方式，進(jìn)行確認(rèn)。

對于可能會出現(xiàn)理解偏差的問題，重要的信息用自己的語言組織后再次確認(rèn)“你的意思是xxxx嗎？”；重要的溝通后，可梳理溝通記錄，企業(yè)微信同步周知確認(rèn)；方案的溝通過程可以快速畫草稿確認(rèn)；盡可能的減少因?yàn)槔斫獠灰恢聦?dǎo)致的溝通問題。

總結(jié)

在需求溝通過程中，我們要對不同階段的溝通目標(biāo)有清晰的認(rèn)識，圍繞目標(biāo)進(jìn)行充分準(zhǔn)備，運(yùn)用設(shè)計(jì)方法了解用戶、了解產(chǎn)品核心訴求，做到知己知彼，才能進(jìn)行有效的溝通。

在溝通過程中保持對目標(biāo)的關(guān)注，始終牢記溝通是為了解決問題服務(wù)的。適當(dāng)學(xué)習(xí)溝通技巧較少溝通過程中的信息損耗。

溝通是解決問題，共同協(xié)作的重要方式。如果你覺得自己不善于溝通，可能要反思下溝通前是否想清楚自己的溝通目標(biāo)，對于解決問題的過程、方法是否熟悉，準(zhǔn)備是否充分？當(dāng)我們能做到知己知彼、胸有丘壑時(shí)，溝通可能就變得簡單起來。

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

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

藍(lán)藍(lán)設(shè)計(jì)( www.yvirxh.cn )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國內(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è)計(jì)和藝術(shù)的區(qū)別

藝術(shù)：

藝術(shù)是感性、天馬行空、富有創(chuàng)造力的，表達(dá)創(chuàng)造者的個(gè)人意識。

設(shè)計(jì)：

設(shè)計(jì)是理性、精密的，為了解決用戶的問題

（你看得懂嗎？你有什么見解？為什么大家見解不一樣？這就是藝術(shù)的魅力）

二、用戶體驗(yàn)及用戶體驗(yàn)設(shè)計(jì)

什么是用戶體驗(yàn)？——————使用一個(gè)產(chǎn)品時(shí)的主觀感受

用戶體驗(yàn)設(shè)計(jì)？———————為了提升用戶體驗(yàn)而做的設(shè)計(jì)

1.用戶體驗(yàn)設(shè)計(jì)

首先要解決用戶的某個(gè)實(shí)際問題--讓問題變得容易解決--最后給用戶留下深刻的印象。（視覺只是其中一部分，并不是設(shè)計(jì)的全部）

Eg：充電插座的苦惱--錯(cuò)開位置

尿液四濺--廁所里放一只蒼蠅，用戶會去瞄準(zhǔn)上廁所（設(shè)計(jì)美觀且有趣味性）

2、用戶體驗(yàn)設(shè)計(jì)的特征

(1)嚴(yán)謹(jǐn)、理性、創(chuàng)意

先關(guān)注要解決的問題----其次思考有趣的創(chuàng)意幫助用戶得到更好的體驗(yàn)。

(2)提供特定問題的解決方案

設(shè)計(jì)目標(biāo)是什么，為什么人解決問題，如何解決

Eg:鋼鐵俠u盤死死按住關(guān)機(jī)鍵；樓梯是為殘疾人設(shè)計(jì)的嗎，我懵了？

(3)不讓用戶思考

用戶感到挫敗，會放棄。你的設(shè)計(jì)不要用戶一頭霧水。

(我到底怎么走?)

(4)趣味橫生

尿液四濺貼提示語效果不好，放一只蒼蠅效果很好？

因?yàn)椋鹤プ×擞脩舻男睦砗托袨榱?xí)慣，同時(shí)充滿趣味，吸引用戶

Eg：path推出的商店功能，在里面買自己喜歡的貼紙，搖晃手機(jī)貼紙也搖晃，感覺很好玩吧～帶來好的體驗(yàn)感

3.用戶體驗(yàn)設(shè)計(jì)師遇到問題如何思考

三、各種設(shè)計(jì)師的區(qū)分

1.怎么和別人解釋用戶體驗(yàn)設(shè)計(jì)師

A：“你用一個(gè)網(wǎng)站的時(shí)候，有沒有出現(xiàn)：某個(gè)功能找不到了，點(diǎn)擊按鈕沒有反應(yīng)，填寫的信息不知道哪里錯(cuò)了總是不能提交成功？”

B：我們的工作就是改善這種情況，讓你使用網(wǎng)站時(shí)有一個(gè)好的體驗(yàn)，同時(shí)能讓用戶感到愉悅和不受打擾。

工作中：除了考慮用戶還要讓公司有利可圖

2.交互設(shè)計(jì)師

通過分析用戶心理模型、設(shè)計(jì)任務(wù)流程、運(yùn)用交互知識把業(yè)務(wù)邏輯（需求/功能）以用戶能理解的方式表達(dá)給用戶，最終實(shí)現(xiàn)產(chǎn)品戰(zhàn)略（公司需求和用戶需求的平衡點(diǎn)）的過程。

即：從公司戰(zhàn)略角度考慮問題，在公司需求的基礎(chǔ)上讓用戶覺得好用、易用

交互設(shè)計(jì)師的產(chǎn)出物：不是原型，你不是畫圖的工具，重要的是解決問題的能力

工作內(nèi)容：競品分析文檔、用戶反饋整理、流程圖、設(shè)計(jì)草圖、原型...

3.視覺設(shè)計(jì)師

原畫：設(shè)計(jì)者很強(qiáng)的手繪能力，作品充滿藝術(shù)表現(xiàn)力

平面：傳達(dá)思想，較強(qiáng)的感染力

推廣運(yùn)營設(shè)計(jì)師：突出重點(diǎn)抓眼球

UI：良好的審美、具備一定的交互知識

                      (原畫)                              (平面)                                              (推廣運(yùn)營)

4.用戶研究員

通過各種分析和研究，深入了解用戶特征，用戶行為習(xí)慣，為產(chǎn)品運(yùn)營推廣提供必要的方向

工作內(nèi)容：市場分析、競品分析、創(chuàng)建人物角色、問卷調(diào)查、焦點(diǎn)小組、用戶訪談、可用性測試

四、用戶體驗(yàn)設(shè)計(jì)師的作用和價(jià)值

1、用戶價(jià)值商業(yè)價(jià)值

用戶通過優(yōu)秀的設(shè)計(jì)快速達(dá)到目標(biāo)，企業(yè)也會財(cái)源滾滾

eg：改變一個(gè)按鈕的顏色，點(diǎn)擊率提高35%；優(yōu)化操作流程，轉(zhuǎn)化率提高50%...

2、項(xiàng)目價(jià)值

跟進(jìn)各個(gè)環(huán)節(jié)，保證產(chǎn)出物質(zhì)量

推進(jìn)統(tǒng)一及標(biāo)準(zhǔn)化，提升設(shè)計(jì)效率

促使項(xiàng)目流程合理，有規(guī)劃

五、交互設(shè)計(jì)師的作用和價(jià)值

1.工作內(nèi)容

分析重塑需求;與用研配合，了解用戶特征與行為；設(shè)計(jì)結(jié)構(gòu)、流程、界面、動態(tài)效果；跟進(jìn)視覺、前端、開發(fā)；及時(shí)整理上線問題，準(zhǔn)備下次迭代...

2.品牌價(jià)值

維護(hù)和突出品牌形象，統(tǒng)一的設(shè)計(jì)理念

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

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

藍(lán)藍(lán)設(shè)計(jì)( www.yvirxh.cn )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國內(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ù)

///

它是如何開始的-固定屏幕

在千禧年來臨之前，我們首先開始在單一視圖屏幕中進(jìn)行UI設(shè)計(jì)，這類屏幕在當(dāng)時(shí)最流行的尺寸是640x480。大多數(shù)時(shí)候，我們甚至沒有考慮讓屏幕滾動，而是在特定區(qū)域或文本局部區(qū)塊中設(shè)置了內(nèi)部滾動條。毋庸置疑，當(dāng)時(shí)的大部分網(wǎng)頁也是用Flash或HTML創(chuàng)建的，并帶有用于布局的表格。那是在智能手機(jī)出現(xiàn)之前，隨著事物的發(fā)展，我們經(jīng)歷了第一個(gè)向“響應(yīng)式”設(shè)計(jì)的根本轉(zhuǎn)變。我們已經(jīng)走了很長一段路，CSS已得到長足的發(fā)展，“響應(yīng)式”網(wǎng)頁設(shè)計(jì)從2010年開始才真正獲得了專有工具。

圖表來源: https://www.webdesignmuseum.org/web-design-history

///

它現(xiàn)在怎么樣-響應(yīng)式設(shè)計(jì)

隨著CSS3的發(fā)布，我們獲得了對“媒體查詢”（Media Queries）的訪問權(quán)限（譯者注：隨著移動互聯(lián)網(wǎng)的興起,我們需要適配多種移動端設(shè)備,這就需要用到Media Queries，即“媒體查詢”），此后不久，Ethan Marcotte在2009年底創(chuàng)造了“響應(yīng)式設(shè)計(jì)”一詞。十多年來，我們一直使用“響應(yīng)式網(wǎng)頁設(shè)計(jì)” (RWD) 創(chuàng)建網(wǎng)頁布局，作為一種網(wǎng)頁設(shè)計(jì)方法，僅需基于一種屏幕尺寸進(jìn)行設(shè)計(jì)，“響應(yīng)式”使我們的設(shè)計(jì)能夠適配各種設(shè)備和屏幕尺寸。

在早期，當(dāng)移動電話還不兼容媒體查詢或JavaScript時(shí)，“移動優(yōu)先”和”漸進(jìn)式增強(qiáng)”的概念就成為了非常流行的方法，當(dāng)時(shí)有很多CSS完全不受支持。

用我們今天的話來說響應(yīng)式設(shè)計(jì)，我們認(rèn)為頁面的布局要適配整個(gè)瀏覽器、屏幕大小和那些需要投射到整個(gè)布局上的限制。當(dāng)需要設(shè)計(jì)從桌面端調(diào)整為移動設(shè)備屏幕所需的尺寸時(shí)，我們使用“媒體查詢”來更改整個(gè)頁面布局。

///

它的未來是什么-組件驅(qū)動

很快，使用這種“響應(yīng)式”設(shè)計(jì)方法可能會被認(rèn)為與使用表格進(jìn)行頁面布局一樣過時(shí)—就像我們在90年代所做的那樣。

我們通過基于viewport（視口）的“媒體查詢”獲得了許多強(qiáng)大的工具，但我們也缺乏很多適配的可能性，因?yàn)椤懊襟w查詢”是一個(gè)適用于整個(gè)頁面的通用解決方案，并且對每個(gè)用戶來說都一樣。我們?nèi)狈憫?yīng)“用戶需求”的能力，也缺乏將“響應(yīng)式”樣式注入“組件”本身的能力。

當(dāng)我們談到組件時(shí)，這里指的是頁面上的“元素”，這些元素可以由其它“元素”的集合組成。例如卡片、橫劃卡或推薦模塊之類的UI內(nèi)容，每個(gè)“塊”都由各種更小的“構(gòu)建塊”組成。這些組件拼湊在一起構(gòu)成我們的網(wǎng)頁。我們可以使用 global viewport information（全局視口信息）來設(shè)置這些組件，但它們?nèi)匀粺o法擁有自己的風(fēng)格。當(dāng)我們的設(shè)計(jì)系統(tǒng)是基于“組件”的而不是基于“頁面”的時(shí)，這使得它變得更加困難。

好消息是這個(gè)生態(tài)系統(tǒng)正在發(fā)生變化，而且它正在迅速變化，這需要我們進(jìn)行一些思維轉(zhuǎn)變：考慮如何設(shè)計(jì)和定義組件樣式以及它們?nèi)绾芜m應(yīng)周圍環(huán)境。

CSS正在不斷發(fā)展，“響應(yīng)式”網(wǎng)頁設(shè)計(jì)的新時(shí)代即將到來。從目前的情況來看，自從我們第一次引入 “響應(yīng)式網(wǎng)頁設(shè)計(jì)” (RWD) 以來，僅僅10多年的時(shí)間，這個(gè)生態(tài)系統(tǒng)已經(jīng)準(zhǔn)備好迎接CSS發(fā)生一些相當(dāng)大的改變。

讓我們深入研究一下可以期待哪些類型的變化，這會如何改變我們的設(shè)計(jì)方法，以及我們?nèi)绾慰紤]界面設(shè)計(jì)。

///

用戶能夠設(shè)置基于個(gè)人偏好的“媒體查詢”

簡單來說，我們可以期待新的基于偏好的“媒體查詢”來幫助我們更好地“響應(yīng)”用戶。它們將使我們能夠根據(jù)用戶自己的特定偏好或需求來設(shè)定網(wǎng)頁樣式。這將使我們能夠根據(jù)用戶的體驗(yàn)偏好來調(diào)整用戶體驗(yàn)。

這絕不是一個(gè)完整的列表，但能給你一些想法，這些基于偏好的“媒體查詢”可能包括：

這些將幫助我們構(gòu)建更具活力和個(gè)性化的網(wǎng)頁體驗(yàn)，專門滿足我們用戶的專屬需求，尤其是那些希望網(wǎng)站易于訪問的用戶。更進(jìn)一步說，這些基于偏好的“媒體查詢“尊重任何用戶已經(jīng)在操作系統(tǒng)設(shè)置的偏好。舉個(gè)例子，當(dāng)用戶的操作系統(tǒng)偏好設(shè)定為“減少動效”時(shí)，他們很可能不喜歡你頁面上的超級華麗的介紹、加載或飛入的動畫動效。我們應(yīng)先尊重他們的偏好，并為其他人提供“動效增強(qiáng)”的體驗(yàn)。

另一個(gè)流行的媒體查詢是@prefers-color-scheme（配色偏好設(shè)定），它允許我們根據(jù)用戶的偏好和操作系統(tǒng)中的設(shè)置將我們的設(shè)計(jì)更改為“亮色模式”或“暗色模式”。這不依賴于用戶需要手動來更改“暗色模式”，它會自動發(fā)生。

///

“容器查詢”為你的設(shè)計(jì)系統(tǒng)注入新的生命力

CSS 中最令人興奮的新興領(lǐng)域之一是“容器查詢”（container queries），通常也稱為“元素查詢”。從基于“頁面”的“響應(yīng)式”設(shè)計(jì)到基于“容器”的“響應(yīng)式”設(shè)計(jì)的轉(zhuǎn)變對發(fā)展“設(shè)計(jì)系統(tǒng)”的作用價(jià)值不容低估，盡管今天使用它并不安全，但重要的是要了解其發(fā)展方向。

簡而言之，“容器查詢”將允許我們基于“父級容器”而不是整個(gè)頁面來設(shè)置規(guī)則。這意味著任何組件都更加獨(dú)立，與現(xiàn)代設(shè)計(jì)系統(tǒng)保持一致，真正成為“即插即用”模塊，可以轉(zhuǎn)移到任何頁面或布局，而且無需根據(jù)新環(huán)境重新考慮所有內(nèi)容。

“容器查詢”為我們?nèi)绾我?guī)劃、設(shè)計(jì)和構(gòu)建特定組件提供了一種更加動態(tài)的方法，因?yàn)榻M件本身擁有它的響應(yīng)信息。

甚至Ethan Marcotte自己也表達(dá)了為什么“容器查詢”如此重要，我們應(yīng)該研究一下。

///

考慮各種形態(tài)因素

由于各種“形態(tài)因素”（form factors）的變化和擴(kuò)展，例如新的屏幕類型，可折疊屏，我們需要“媒體查詢”來考慮這些場景。在這里提到的所有內(nèi)容中，請記住，這是最具實(shí)驗(yàn)性的，并且只是一項(xiàng)正在進(jìn)行的工作，仍在嘗試解決我們可能遇到的任何復(fù)雜問題，同時(shí)考慮未來“形體因素”可能會如何發(fā)展。

在可折疊屏場景中，原型中有一些“媒體查詢”可以讓你定位屏幕跨度以及我們?nèi)绾巫寖?nèi)容根據(jù)新環(huán)境進(jìn)行適配。例如，你可以在一個(gè)屏幕上放置一個(gè)收起的側(cè)邊欄（或菜單），并允許內(nèi)容在另一個(gè)屏幕上展開并隨頁面滾動。

///

為什么我們需要它？

我知道你在想什么，我們已經(jīng)從事網(wǎng)頁設(shè)計(jì)并使用“響應(yīng)式”來進(jìn)行網(wǎng)頁設(shè)計(jì)10余年了。我們對其相當(dāng)滿意，那么為什么要改變呢？如果我們真的以終局視角來看響應(yīng)式設(shè)計(jì)，那么它就是關(guān)于個(gè)人用戶的用戶體驗(yàn)設(shè)計(jì)。我們正朝著一個(gè)與每一位個(gè)體用戶高度相關(guān)的時(shí)代邁進(jìn)。我們的網(wǎng)頁體驗(yàn)應(yīng)該去適應(yīng)用戶的需求偏好。隨著設(shè)計(jì)系統(tǒng)的發(fā)展以及我們?nèi)绾蝿?chuàng)建更便攜的網(wǎng)頁，諸如“容器查詢”之類的工具將變得非常有意義。

配圖：CSS 將基于各個(gè)層級來確定用戶的最佳體驗(yàn)

考慮到這一點(diǎn)，這意味著我們現(xiàn)在可以使用基于頁面的媒體查（包括跨越屏幕的細(xì)微差別）來設(shè)計(jì)宏觀布局；使用容器查詢的組件設(shè)計(jì)微觀布局；使用基于用戶偏好的媒體查詢，根據(jù)用戶獨(dú)特的偏好和需求定制用戶體驗(yàn)。

對于新的響應(yīng)式設(shè)計(jì)，有許多新概念正在被原型化和概念化-請看下面的延伸閱讀。所有這些協(xié)同工作的方式需要我們從根本上轉(zhuǎn)變我們對設(shè)計(jì)和用戶獨(dú)特體驗(yàn)的看法。我們需要更加適應(yīng)這樣一個(gè)事實(shí)：即我們的設(shè)計(jì)不是靜態(tài)的，不僅在布局上，還有在用戶可獲得的體驗(yàn)中，我們需要學(xué)會在這種模糊性中做出計(jì)劃。網(wǎng)頁和設(shè)計(jì)的未來變得越來越復(fù)雜，我們需要適應(yīng)和挑戰(zhàn)自己，理解“新響應(yīng)式”體驗(yàn)的意義。

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

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

藍(lán)藍(lán)設(shè)計(jì)( www.yvirxh.cn )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國內(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è)計(jì)師致敬系列之二：喬納森·伊夫,馬克·紐森

向世界知名的設(shè)計(jì)師致敬系列之一: 雷蒙德·羅維,約恩·伍重,菲利普·斯達(dá)克,榮久庵憲司,亞歷克斯, 亞歷克斯·塞繆爾森

01表單概念

表單頁作為基礎(chǔ)通用組件，也是B端產(chǎn)品中臺、后臺出現(xiàn)比較頻繁的頁面之一?？此坪唵蔚捻撁嫖覀冊谠O(shè)計(jì)時(shí)卻有很多值得推敲的點(diǎn)，在細(xì)節(jié)處提升用戶易用度，我通過日常的學(xué)習(xí)和公司項(xiàng)目，在這里總結(jié)復(fù)盤了自己的經(jīng)驗(yàn)。

表單的適用場景比較廣泛，常見的基礎(chǔ)表單比如登錄注冊頁面，這一類往往信息簡單，格式比較固定，除此之外就是分步表單、高級表單。常見的場景主要用于新建信息、申請、客戶信息、商品信息等等。這類表單可能存在復(fù)雜邏輯關(guān)系和功能，有時(shí)會給我們造成困擾。以下我將以這一類表單為主要案例，一一進(jìn)行拆解。

登錄注冊頁：表單內(nèi)容簡單，操作簡單。

分步表單：具有流程化特點(diǎn)，具有先后邏輯關(guān)系，內(nèi)容較多的業(yè)務(wù)類型，比如轉(zhuǎn)賬，新建商品訂單等。分步填寫可以減緩用戶壓力，起到安撫用戶情緒的作用。

高級表單：主要用于需要一次性輸入、提交 大批量數(shù)據(jù)的場景。也成為分組表單，和分布表單一樣都是為了減輕用戶填寫壓力。

02設(shè)計(jì)原則

首先我們需要明確表單頁的主要功能：表單頁承載了系統(tǒng)中絕大多數(shù)系統(tǒng)數(shù)據(jù)的錄入、增刪、修改、查看，是系統(tǒng)中人機(jī)交互最為頻繁和典型的數(shù)據(jù)媒介。表單頁通常需要用戶錄入大量的信息或數(shù)據(jù)，在設(shè)計(jì)時(shí)我們的核心目標(biāo)應(yīng)該是讓用戶明確當(dāng)前表單頁面要完成什么任務(wù)，輕松理解項(xiàng)目含義及生效的結(jié)果，思考如何幫助用戶高效、準(zhǔn)確、輕松的完成任務(wù)。

表單設(shè)計(jì)基本原則：明確、高效、安全

明確：用戶可以快速定位重要信息和目標(biāo)選項(xiàng)，表單文案和組件可以準(zhǔn)確傳達(dá)任務(wù)含義

高效：易理解易操作的交互方式，盡量減少交互步驟，減少用戶任務(wù)路徑步長，配合合理的信息布局引導(dǎo)，準(zhǔn)確的選擇合適的組件傳達(dá)信息，幫助用戶高效的完成任務(wù)。

安全感：操作前有效的防錯(cuò)機(jī)制，操作中有明確的狀態(tài)反饋與容錯(cuò)，允許糾正錯(cuò)誤。操作后及時(shí)的保存，取消機(jī)制。

03表單構(gòu)成

一個(gè)完整的表單通常包括表單標(biāo)題、表單標(biāo)簽、表單域、提示信息、占位符、操作按鈕幾部分。

標(biāo)題：起到說明表單模塊的作用，是用戶快速明確任務(wù)和定位頁面位置的重要標(biāo)識。

表單標(biāo)簽：內(nèi)容項(xiàng)的名稱，說明對應(yīng)填寫項(xiàng)含義及說明用戶該填入什么信息。

表單域：表單的核心操作區(qū)域，用戶操作最頻繁，最集中的地方，這里的可選擇組件樣式也會根據(jù)內(nèi)容需要而變化，類型最為豐富多樣。需要注意的是同一類型的組件需保持一致性原則。

占位符：一般出現(xiàn)在用戶未填寫內(nèi)容時(shí)，用于輔助提示用戶錄入線索。

提示信息：輔助提示用戶的作用。分為普通提示和錯(cuò)誤提示，也是很好的防錯(cuò)糾錯(cuò)機(jī)制體驗(yàn)。

操作按鈕：“結(jié)束”表單任務(wù)的觸發(fā)器，用于向服務(wù)器提交數(shù)據(jù)或者放棄操作。

表單標(biāo)簽

表單標(biāo)簽樣式常見的有4種，左對齊標(biāo)簽、右對齊標(biāo)簽、頂部標(biāo)簽和行內(nèi)標(biāo)簽，不同的對齊方式各有優(yōu)勢和缺點(diǎn)，適應(yīng)在不同的場景。

右對齊標(biāo)簽（冒號對齊）

優(yōu)點(diǎn)：標(biāo)簽指向明確，操作效率高，節(jié)約縱向空間

缺點(diǎn)：可讀性低，不適用于狹長空間或需要適配多語言的頁面

場景：普通表單填寫，多用于web端

左對齊標(biāo)簽

優(yōu)點(diǎn)：閱讀性高，節(jié)約縱向空間

缺點(diǎn)：不適用于狹長空間或需要多語言適配的頁面，操作效率低

場景：詳情陳列

頂部標(biāo)簽

優(yōu)點(diǎn)：視覺對齊舒適，節(jié)約橫向空間

缺點(diǎn)：縱向空間利用不高

場景：多用于移動端表單填寫，多語言適配頁面

行內(nèi)標(biāo)簽

優(yōu)點(diǎn)：視覺對齊和空間最節(jié)約的方式

缺點(diǎn)：當(dāng)用戶輸入狀態(tài)時(shí)，標(biāo)簽消失，增加用戶記憶負(fù)擔(dān)

場景：多用于登錄注冊，修改密碼等內(nèi)容極少，不需要記憶的頁面

表單域

表單域是一個(gè)表單頁面的主體部分，其內(nèi)容豐富多樣，從而它可選擇形式也最多，不同的內(nèi)容我們在設(shè)計(jì)的時(shí)候應(yīng)該選擇最合適的組件，以及應(yīng)該注意同類型內(nèi)容選擇統(tǒng)一的組件進(jìn)行設(shè)計(jì)。

定義操作框大小

在實(shí)際項(xiàng)目中我們往往會遇到內(nèi)容長度不能統(tǒng)一的時(shí)候，那怎么這種情況該怎么處理呢？

以往我的處理方式是強(qiáng)行拉長對齊，但我們可以發(fā)現(xiàn)強(qiáng)行對齊的時(shí)候，視覺沒有得到很大優(yōu)化，反而在隱喻傳達(dá)給用戶錯(cuò)誤的信息，當(dāng)用戶在操作1功能的時(shí)候，可能會錯(cuò)誤的認(rèn)為這個(gè)選項(xiàng)可以選擇很多，因?yàn)槲覀兘o的選擇框很長，而實(shí)際上它只能選一個(gè)。這樣就會給用戶造成不必要的理解成本。

比較好的方式處理方式是我們設(shè)計(jì)組件庫時(shí)就設(shè)定不同尺寸的操作框，來適應(yīng)不同場景下不同內(nèi)容需求。如果不能對齊，那就讓它參差不齊。

提示信息

提示信息在表單中起到提示、糾錯(cuò)的作用。形式主要有以下幾種：行內(nèi)占位符提示、操作框下方文字提示、tost提示、氣泡提示。

行內(nèi)占位符：這是一種基礎(chǔ)應(yīng)用，它即可用于占位，也可用于任務(wù)說明提示，當(dāng)我們說明文字很少的時(shí)候可選擇的一種方式。需要注意的是內(nèi)容務(wù)必簡潔易懂，減少閱讀成本，不要說“正確的廢話”，語句應(yīng)該是完整的陳述句。

氣泡提示：當(dāng)提示文字很多，主要用于對標(biāo)簽的名字釋義時(shí)，氣泡彈窗是個(gè)不錯(cuò)的選擇。它的優(yōu)勢在于可以將更多內(nèi)容折疊，不占用空間，缺點(diǎn)是不直觀，增加了用戶操作步驟。

Tost提示：Tost提示一般是在出發(fā)操作按鈕后給出的提示，可以是操作結(jié)果提示，也可以是內(nèi)容填寫提示。

操作框下方文字提示：當(dāng)提示內(nèi)容很多時(shí)，還可以考慮操作框下方提示，多用于對輸入內(nèi)容的輔助說明場景。應(yīng)用場景包括以下幾種：

組件組合后在表現(xiàn)層的設(shè)計(jì)

提示信息在頁面中還是一個(gè)輔助性的角色，常規(guī)情況下的視覺層級應(yīng)該是 表單內(nèi)容>表單標(biāo)簽>提示信息。當(dāng)用戶有錯(cuò)誤操作時(shí)“錯(cuò)誤提示”優(yōu)先級是最高的，我們一般用帶有警示性的顏色給以醒目顯示。

為了使用戶更好的辨別任務(wù)項(xiàng)，需要注意組件與組件、組件與說明文字之間的間距差別。

04交互方式

表單中的交互方式根據(jù)其內(nèi)容選擇對應(yīng)最合適的形式，內(nèi)容簡單而少的可以直接在原位編輯，操作快捷，關(guān)聯(lián)性最強(qiáng)，所見即所得，內(nèi)容容量低于5個(gè)。其次內(nèi)容較多的，或者針對全局操作的可以選擇氣泡卡片，比如全局設(shè)置等。第三種是彈窗或者抽屜，兩者形式是一致的，區(qū)別在于對內(nèi)容的承載量上，彈窗容量較小，內(nèi)容較多的情況下抽屜式彈窗（側(cè)拉彈窗）是更好的選擇。最后，內(nèi)容承載最大的就是頁面跳轉(zhuǎn)，同時(shí)這種方式與原頁面的關(guān)聯(lián)性最弱。

組件構(gòu)成表單，實(shí)際項(xiàng)目中，我們的表單往往內(nèi)容會多而復(fù)雜，設(shè)計(jì)時(shí)可以考慮在布局上優(yōu)化去提升使用體驗(yàn)。

常用的方式有幾種：信息分組、錨點(diǎn)定位、標(biāo)簽頁、分步驟。

在格式塔鄰近性原則中提到，人們將彼此接近的事物、元素，傾向于認(rèn)為它們是相關(guān)的。在設(shè)計(jì)中很早就運(yùn)用到這種認(rèn)識傾向。所以我們在信息分組時(shí)可以運(yùn)用設(shè)計(jì)手法將相關(guān)信息從視覺上區(qū)分開，提升信息閱讀有效率。

分組方式：

1.簡單的內(nèi)容使用標(biāo)題分組或卡片分組就可以達(dá)到目的。

2.而內(nèi)容很多，組別之間沒有關(guān)聯(lián)性時(shí)用標(biāo)簽分組。

3.頁面內(nèi)容很長需要連續(xù)下滑操作時(shí)，錨點(diǎn)定位就可以提供便捷的操作體驗(yàn)。

4.在任務(wù)有先后邏輯關(guān)系時(shí)，分步驟是最好的選擇。

標(biāo)簽分組與錨點(diǎn)定位在表現(xiàn)形式上類似，區(qū)別點(diǎn)在于操作后的結(jié)果。標(biāo)簽分組切換標(biāo)簽后頁面數(shù)據(jù)會刷新，一般沒有自動保存功能，錨點(diǎn)定位則是每次點(diǎn)擊定位頁面不刷新數(shù)據(jù)，始終保持在同一數(shù)據(jù)頁面。

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

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

藍(lán)藍(lán)設(shè)計(jì)( www.yvirxh.cn )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國內(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ù)

做一個(gè)完整C端項(xiàng)目前，從產(chǎn)品思維得理解、需求分析到場景分析，通過以上分析得出結(jié)論，進(jìn)而制定我們的設(shè)計(jì)目標(biāo)，把設(shè)計(jì)目標(biāo)落地到解決實(shí)際的設(shè)計(jì)問題，內(nèi)容較多，大家可以根據(jù)上述目錄來進(jìn)行選擇性閱讀。

1.1產(chǎn)品思維包括

1.1.1 用戶思維：深入了解用戶的需求和場景

了解用戶心理：“心理”主要是指用戶的情緒，只有了解用戶的心理狀態(tài)，才能知道他們在接觸到或者使用我們的產(chǎn)品時(shí)是正面的情緒還是負(fù)面的情緒。正面情緒需要我們引導(dǎo)去實(shí)現(xiàn)轉(zhuǎn)化，負(fù)面情緒需要我們安撫以避免跳出和口碑的損失。

把控用戶行為：最終目的還是引導(dǎo)用戶行為，讓用戶按照我們的計(jì)劃進(jìn)行產(chǎn)品的交互、操作，從而實(shí)現(xiàn)對用戶的有效管控和轉(zhuǎn)化。例如：上品店慶推出“購物省錢節(jié)”的概念，聯(lián)合商家推出各種優(yōu)惠活動，就是抓住用戶在購物時(shí)想省錢的心理，通過降價(jià)、優(yōu)惠券等方案讓用戶在選購商品、提交訂單和結(jié)算階段都保持高漲的情緒，從而推動用戶最終完成付款。

解決用戶痛點(diǎn): 在完成上面的分析后，我們最終需要把調(diào)研和分析結(jié)論落地為設(shè)計(jì)方案，前提是要關(guān)注用戶當(dāng)前的情緒是負(fù)面的還是正面的，如果是負(fù)面的情緒，我們可以通過補(bǔ)償、安撫等方案對用戶進(jìn)行留存。例如：在等待外賣送達(dá)時(shí)，配送信息頁一般都會有預(yù)估時(shí)間、位置等信息，讓用戶有一定預(yù)期。同時(shí)如果遲到時(shí)間過長，也會通過準(zhǔn)時(shí)寶等規(guī)則給予用戶優(yōu)惠券補(bǔ)償，這些都是負(fù)面情緒的安慰。

1.1.2 項(xiàng)目思維：主動發(fā)現(xiàn)并解決用戶體驗(yàn)過程中遇到的問題

項(xiàng)目思維主要指，我們要具備極強(qiáng)的發(fā)現(xiàn)問題、輸出方案、推動落地的能力。這就是設(shè)計(jì)師的項(xiàng)目思維和推動力，可以保證自己的想法快速落地、推動設(shè)計(jì)優(yōu)化并盡快上線。

1.1.3 商業(yè)思維/業(yè)務(wù)思維：將設(shè)計(jì)目標(biāo)與業(yè)務(wù)目標(biāo)緊密結(jié)合

商業(yè)思維是指，拉新：通過產(chǎn)品、運(yùn)營和營銷策略讓用戶下載產(chǎn)品。留存：讓下載的用戶保持活躍度，留住用戶，便于轉(zhuǎn)化。轉(zhuǎn)化：讓用戶按照我們的業(yè)務(wù)規(guī)劃去注冊、分享、下單、付款等動作，一步步帶入我們的圈套，完成關(guān)鍵操作。變現(xiàn)：將用戶行為變現(xiàn)，內(nèi)容產(chǎn)品的活躍度可以帶來廣告營收，電商產(chǎn)品的成交額就是業(yè)務(wù)收益。

2.1產(chǎn)品思維的重要性

2.1.1 Ui設(shè)計(jì)師和產(chǎn)品經(jīng)理的區(qū)分界限

相同點(diǎn)：在實(shí)際工作中，設(shè)計(jì)師和產(chǎn)品經(jīng)理的目標(biāo)在本質(zhì)上是一致的，都是解決用戶的痛點(diǎn)、滿足用戶的需求，為用戶提供體驗(yàn)更好的產(chǎn)品，并在此基礎(chǔ)之上完成用戶轉(zhuǎn)化，實(shí)現(xiàn)收益。作為一個(gè)設(shè)計(jì)師，我們對產(chǎn)品了解的深度不一定比得過產(chǎn)品經(jīng)理，但是廣度上你應(yīng)該要求自己和產(chǎn)品經(jīng)理保持一致。只要掌握產(chǎn)品的架構(gòu)、流程和業(yè)務(wù)的模式、原理即可。

不同點(diǎn)：UI設(shè)計(jì)師更注重通過用戶體驗(yàn)來留存用戶，產(chǎn)品經(jīng)理更多地考慮轉(zhuǎn)化用戶和變現(xiàn)的途徑。

沖突點(diǎn)：這時(shí)就會產(chǎn)生一些沖突和矛盾，有時(shí)為達(dá)到業(yè)績目標(biāo)，產(chǎn)品經(jīng)理或其他業(yè)務(wù)方可能會提出有損用戶體驗(yàn)的方案或者策略。

想要解決與產(chǎn)品沖突得問題，就要充分調(diào)動自己的產(chǎn)品思維，保持習(xí)慣性的產(chǎn)品思維，才能始終保持和業(yè)務(wù)一致的目標(biāo)。和業(yè)務(wù)方站在一起，才能找到設(shè)計(jì)和業(yè)務(wù)的共同目標(biāo)，并將業(yè)務(wù)目標(biāo)轉(zhuǎn)化為可執(zhí)行的設(shè)計(jì)目標(biāo)，才能為設(shè)計(jì)帶來更高的價(jià)值。

2.1.2 UI/UX設(shè)計(jì)師的真正價(jià)值是什么

這里就繞不開這個(gè)話題----產(chǎn)品思維。別人眼里的UI設(shè)計(jì)師，很多人會認(rèn)為設(shè)計(jì)師的工作就是設(shè)計(jì)流程頁面、視覺效果。這些工作看起來只是錦上添花，即使沒有專業(yè)的設(shè)計(jì)師來設(shè)計(jì)，可能只是流程、控件位置不太合理、樣式和顏色不太好看而已，并不會影響產(chǎn)品的開發(fā)和上線。其實(shí)，設(shè)計(jì)師的價(jià)值不僅是藝術(shù)價(jià)值，更重要的是為業(yè)務(wù)帶來價(jià)值。

UI/UX設(shè)計(jì)師，關(guān)鍵在于對用戶場景、對產(chǎn)品細(xì)節(jié)的敏感度，這也是其他崗位不具備的技能。實(shí)際工作中這些細(xì)節(jié)問題，很容易區(qū)分出來專業(yè)性的差異，因?yàn)閁IUX設(shè)計(jì)師是距離用戶最近的人。我們設(shè)計(jì)頁面，用戶在頁面上操作和獲取信息。我們設(shè)計(jì)流程，用戶通過流程完成各自的需求。我們設(shè)計(jì)的產(chǎn)品流程、頁面，是用戶直接接觸和使用的東西?；谶@個(gè)原因，設(shè)計(jì)師對用戶的需求、反饋是最了解和最敏感的，我們可以通過用戶的反饋、操作數(shù)據(jù)把控用戶的心理狀態(tài)和行為方向。無論是在方向上還是從細(xì)節(jié)出發(fā)，挖掘和洞察用戶需求，設(shè)計(jì)師有明顯的優(yōu)勢。

所以UI設(shè)計(jì)師真正的價(jià)值就是通過自己對細(xì)節(jié)和場景的思考，自我驅(qū)動，找到設(shè)計(jì)優(yōu)化、產(chǎn)品迭代、業(yè)務(wù)提升的機(jī)會點(diǎn)。想要找到這些機(jī)會點(diǎn)，你需要培養(yǎng)自己的產(chǎn)品思維、項(xiàng)目思維和商業(yè)思維。

2.1.3 如何培養(yǎng)自己的產(chǎn)品思維

01、多與需求方、業(yè)務(wù)方（產(chǎn)品經(jīng)理、運(yùn)營、市場等崗位的同事）溝通，在參加需求評審的時(shí)候，深入了解業(yè)務(wù)和產(chǎn)品的特點(diǎn)、原理。

02、了解產(chǎn)品流程：在接手某項(xiàng)業(yè)務(wù)或產(chǎn)品時(shí)，先利用思維導(dǎo)圖對產(chǎn)品的架構(gòu)做一次梳理，通過功能結(jié)構(gòu)圖你可以清晰地看到產(chǎn)品應(yīng)該有的功能。在掌握架構(gòu)的基礎(chǔ)上，對產(chǎn)品的核心流程再進(jìn)行一次梳理，包括線上、線下所有的流程節(jié)點(diǎn)、體驗(yàn)接觸點(diǎn)和不同用戶端的流程觸點(diǎn)。

03、多做競品分析，從競品中尋找靈感和產(chǎn)品感。怎么做競品分析具體可查看我的其他文章，競品分析維度的確定。

04、持續(xù)不斷地培養(yǎng)自己的思維能力，深入思考、多做歸納總結(jié)和分析。在做設(shè)計(jì)的時(shí)候我們也可以讓自己的思維慢下來，多去思考：思考一下為什么做這個(gè)需求？對用戶有什么價(jià)值？對產(chǎn)品有什么價(jià)值？對業(yè)務(wù)有什么價(jià)值？設(shè)計(jì)、產(chǎn)品、運(yùn)營應(yīng)該怎么做才能達(dá)成這個(gè)目標(biāo)？我們的做法對業(yè)務(wù)、對產(chǎn)品有什么影響？設(shè)計(jì)方案能不能很好地平衡業(yè)務(wù)和體驗(yàn)的關(guān)系？

2.1為什么要進(jìn)行需求分析

01、用戶不知道自己真正想要什么。

02、用戶難以說出自己的真實(shí)需求，用戶在闡釋自己的需求時(shí)，就會不自覺地粉飾和解釋自己赤裸裸的本質(zhì)需求。例如：那些刷視頻就能領(lǐng)紅包得產(chǎn)品，但為什么它最近不火了，這類產(chǎn)品的人群，本質(zhì)需求是：通過刷頁面領(lǐng)紅包，獲取更多的錢，這類人根本不關(guān)心內(nèi)容是什么、內(nèi)容質(zhì)量怎么樣，這就造成了內(nèi)容的觸達(dá)效果非常差。

2.2 用戶需求分析步驟

2.2.1 篩選出目標(biāo)用戶

01、了解我們產(chǎn)品的目標(biāo)用戶群體和現(xiàn)有產(chǎn)品用戶群體，掌握用戶基本信息，分析用戶特征。（Who）用戶是哪些人：性別、年齡、地域分布、學(xué)歷收入等。(What) 用戶有什么共性。（Why）為什么選用我們的產(chǎn)品。（Where/When）在什么場景下使用我們的產(chǎn)品。

02、通過了解用戶得到的所有信息，然后創(chuàng)建用戶畫像，得出結(jié)論。那么如何創(chuàng)建用戶畫像呢？

       001、人物創(chuàng)建：創(chuàng)建一個(gè)虛擬的用戶群體中的一員，利用我們上面提到的用戶相關(guān)信息，可以給他/她一個(gè)插畫風(fēng)格的照片幫助我們具體化這個(gè)用戶的人格和形象。然后列出他/她的基本信息，給他/她定一個(gè)社會角色，比如：小王，男，28歲，銷售經(jīng)理，我們產(chǎn)品的熟練用戶，月收入2萬，學(xué)歷本科。

       002、分析動機(jī)：這個(gè)人物用我們的產(chǎn)品想干什么；這個(gè)人物對我們產(chǎn)品某個(gè)功能使用較多，需求較強(qiáng)的原因是什么，想達(dá)成什么樣的個(gè)人目標(biāo)。

2.2.2 提煉核心需求

可以通過用戶畫像推測用戶的心理特征和行為偏好，積累了以上信息，你就比較容易進(jìn)行需求的分析和挖掘了，提煉出解決用戶需求的核心的痛點(diǎn)。例如：解決了用戶在特定場景下的某一個(gè)核心痛點(diǎn)，滿足了用戶在當(dāng)前場景下特定的訴求/需求。例如：共享單車產(chǎn)品就是解決了從車站、地鐵站到家、工作單位最后一段距離的出行痛點(diǎn)。例如：地圖軟件解決的是陌生地區(qū)找不到路和易違章的痛點(diǎn)。

2.2.3 找到本質(zhì)需求

01、了解人性：做設(shè)計(jì)就是做人性，只有把握好人性的特點(diǎn)才能更好地滿足用戶心理，進(jìn)一步引導(dǎo)用戶行為。馬斯洛需求層次理論，人的需求從低到高可分為 5 個(gè)層次：我們就可以試著洞察用戶在特定場景下的本質(zhì)需求到底是什么了。生理需求（呼吸/食物/水）：現(xiàn)代社會其實(shí)就是對生存條件的追求；安全需求（避免自己受到傷害）；

社交需求（愛與被愛/社會關(guān)系/地位）對情感的需要；尊重需求（被自己認(rèn)可/被他人認(rèn)可和尊重）對穩(wěn)定社會地位的需要；自我實(shí)現(xiàn)需求（道德層面/內(nèi)心層面的追求和滿足）。

所以用戶的本質(zhì)需求無外乎：生存、金錢、情感、名利、心理滿足這幾個(gè)方面。

02、將用戶敘述的需求，轉(zhuǎn)化為本質(zhì)需求：比如：有的用戶說，上品商場最近優(yōu)惠券怎么少了？我都不想去上品買東西了。用戶表意是嫌優(yōu)惠券少，如果我們草率得出：增加優(yōu)惠券運(yùn)營力度的結(jié)論太過于表面，其實(shí)用戶的本質(zhì)是嫌商品太貴了，他們的本質(zhì)需求是省錢，少花錢且買到想要的東西。而這類用戶是對價(jià)格極其敏感的用戶，增加優(yōu)惠券只是其中一個(gè)策略，是無法滿足他們根本需求的。根據(jù)他們省錢的本質(zhì)需求，我們可以給他們更多地推薦低端商家，哪怕沒有優(yōu)惠券，還是能提升一波 GMV。

進(jìn)而轉(zhuǎn)化成設(shè)計(jì)目標(biāo)為，要通過我們的設(shè)計(jì)能力，給用戶營造一個(gè)很省錢的氛圍，而不是一味地給用戶降價(jià)或是發(fā)優(yōu)惠券。規(guī)劃更多的秒殺、每日特價(jià)、分享領(lǐng)券等活動專區(qū)，在設(shè)計(jì)頁面時(shí)增加優(yōu)惠券、紅包等元素，突出省錢、低價(jià)等文案，可以有效地吸引此類用戶，引導(dǎo)他們下單付款。這就是本質(zhì)需求的應(yīng)用方法。

2.2.3 拆解挖掘到的本質(zhì)需求———KANO模型

工具——KANO 模型問卷調(diào)研，主要依據(jù)是用戶調(diào)研，可以通過定性訪談的方式，對部分用戶進(jìn)行了解，大概了解用戶對需求的態(tài)度；也可以通過定量問卷的方式，通過問卷獲取比較有參考價(jià)值的數(shù)據(jù)信息。不同類型的需求和用戶滿意度之間的關(guān)系，將影響用戶滿意度的因素分成五類：

基本型需求：無此功能，用戶滿意度會顯著降低；有此功能，用戶滿意度不會顯著提升。

期望型需求：無此功能，用戶滿意度會降低；有此功能，用戶滿意度會提升。

興奮型需求：無此功能，用戶滿意度不會降低；有此功能，用戶滿意度會有顯著提升。

無差異需求：有無此功能，用戶滿意度都不會有太大變化。

反向型需求：無此功能，不會影響滿意度；但有此功能用戶滿意度會下降。

經(jīng)過需求分析我們會拿到大量用戶需求的相關(guān)信息，在取舍和決策時(shí)我們可以使用三個(gè)原則 + 一個(gè)工具：01、

圍繞本質(zhì)需求和痛點(diǎn)；關(guān)注與業(yè)務(wù)不相悖的需求；解決影響用戶峰值體驗(yàn)的問題；在做分析時(shí)可以利用 KANO 模型，重點(diǎn)關(guān)注模型定位出的基本型、期望型需求，適當(dāng)關(guān)注興奮型和反向型需求。

至此，我們掌握了產(chǎn)品分析的第一步，也就是找到設(shè)計(jì)的方向和基本依據(jù)——用戶需求；下一模塊我們將進(jìn)入需求分析的第二步——場景分析，來找到設(shè)計(jì)可以利用的機(jī)會點(diǎn)、切入點(diǎn)！

3.1為什么要進(jìn)行場景分析

3.1.1 場景是產(chǎn)品設(shè)計(jì)的基礎(chǔ)

01、任何產(chǎn)品的誕生都是基于用途，牙刷為了刷牙、菜刀為了切菜、汽車為了出行……生產(chǎn)這些產(chǎn)品是為了滿足用戶的需求，而生產(chǎn)產(chǎn)品時(shí)需要考慮的因素如外觀、材質(zhì)、設(shè)計(jì)細(xì)節(jié)等則源于用戶場景。

02、互聯(lián)網(wǎng)產(chǎn)品其實(shí)也是一樣的道理，產(chǎn)品基于用戶的一些需求或者痛點(diǎn)而誕生，基于用戶的使用場景做功能和細(xì)節(jié)體驗(yàn)。

3.1.2 場景分析的核心能力就是同理心

站在用戶的立場思考細(xì)節(jié)：必須首先知道用戶需要什么、喜好什么、討厭什么、不能接受什么，才能進(jìn)一步改善我們的產(chǎn)品?；谟脩舻哪康摹⑿袨槠玫妊芯坑脩粼趫鼍袄锏男袨?、情緒，從而深入場景，做出正確的決策。

避免主管的質(zhì)疑和批判：有的用戶會有各種各樣“奇葩”的反饋，所以我們要多理解用戶的選擇和立場，避免主觀的質(zhì)疑和批判。

學(xué)會聆聽和關(guān)注反饋：在日常工作的溝通、對用戶的訪談中，我們可以試著多用心傾聽對方的表達(dá)。

3.2 怎么做場景分析——三個(gè)工具一個(gè)方法

3.2.1 用戶體驗(yàn)地圖（流程分析）

3.2.1.1概念

01、還原用戶體驗(yàn)產(chǎn)品的流程（分析的是場景中的線，包括流程線、行為線等。）02、列出用戶與產(chǎn)品、與線下場景有聯(lián)系的所有觸點(diǎn)。03、通過這些觸點(diǎn)掌握用戶的操作軌跡和行為特征。04、分析用戶的體驗(yàn)感受。

3.2.1.2 “五步法”梳理體驗(yàn)地圖全流程

01、明確分析對象：最重要的是確定一條明確的流程線，分析的產(chǎn)品某個(gè)功能或者某個(gè)服務(wù)/體驗(yàn)流程，并非用戶。

02、拆解體驗(yàn)流程：把分析的流程進(jìn)行拆分，拆成一個(gè)個(gè)體驗(yàn)節(jié)點(diǎn)，實(shí)際場景設(shè)置節(jié)點(diǎn)。比如網(wǎng)約車的產(chǎn)品，要根據(jù)用戶在線下叫出租車的體驗(yàn)場景來拆分，可以拆成走到路邊、招手?jǐn)r車、上車、行程中、支付下車等幾個(gè)重要節(jié)點(diǎn)，然后根據(jù)這些節(jié)點(diǎn)來考慮和分析是否有優(yōu)化或者需要顛覆的地方。

03、創(chuàng)建用戶畫像：主要從用戶的基礎(chǔ)特征、用戶的心理和偏好等信息去做畫像，最后可以形成一個(gè)稍稍具體的角色。

04、分析階段：制作表格，把每個(gè)節(jié)點(diǎn)的信息進(jìn)行分析推測和記錄。例如下面表格：

橫向：是第二步拆解出來的所有的流程節(jié)點(diǎn)。

縱向：用戶與產(chǎn)品的觸點(diǎn)：就是用戶如何操作我們產(chǎn)品，點(diǎn)了哪里、在哪里停留時(shí)間較長，這都是通過埋點(diǎn)數(shù)據(jù)可以看到的。

用戶目標(biāo)：從用戶的使用數(shù)據(jù)和用戶訪談中獲取相關(guān)的用戶信息，通過用戶的行為和他們表述的信息找到他們的立場、目的和利益點(diǎn)，從而分析他們想要什么。

用戶行為：為了這個(gè)目標(biāo)會怎么做。

結(jié)果：看我們的產(chǎn)品頁面信息、流程及功能能不能滿足用戶上述的目的和行為即可。

用戶情緒：用戶的目標(biāo)和我們觸點(diǎn)是否契合，最終的結(jié)果是否能滿足用戶的需求和目的，沒有滿足的時(shí)候情緒低落到什么程度，滿足的時(shí)候情緒會高漲到什么情況，哪里是最低谷，哪里是最高峰。

05、得出結(jié)論：重點(diǎn)要看的是用戶情緒的起伏。找到最低點(diǎn)，看哪些節(jié)點(diǎn)影響了用戶的體驗(yàn)，就是產(chǎn)品的痛點(diǎn)，也是我們的設(shè)計(jì)發(fā)力點(diǎn)和機(jī)會點(diǎn)。

3.2.2 同理心模型（節(jié)點(diǎn)分析）

3.2.2.1概念

同理心模型適合分析我們產(chǎn)品體驗(yàn)流程中的某個(gè)節(jié)點(diǎn)或細(xì)節(jié)功能，不適合進(jìn)行流程化的分析。包含所看、所聽、所做、感受、所想。

3.2.2.2同理心分析方法

01、明確我們分析的對象是什么：比如：網(wǎng)約車用戶在打車等待接單的環(huán)節(jié)；比如電商產(chǎn)品確認(rèn)訂單的環(huán)節(jié)；這些環(huán)節(jié)這些環(huán)節(jié)和節(jié)點(diǎn)都有共同的特點(diǎn)，就是集中在有限的一到三個(gè)頁面中，用戶的核心操作比較簡單。

02、首先把圖表畫在白板上，用便利貼寫出所看、所聽、所做、感受、所想，五個(gè)維度的想法，

03、然后進(jìn)行集體討論，把這些便利貼提煉總結(jié)，歸納出重點(diǎn)信息，通過這種方式可以避免一個(gè)人悶頭思考的局限性，也可以保證思考的全面性。

04、接下來對這個(gè)圖進(jìn)行行為總結(jié)，找到用戶行為的原因，分析用戶的偏好和習(xí)慣。

05、最后通過用戶情緒和感受，分析我們產(chǎn)品體驗(yàn)的問題。

3.2.3 情感化設(shè)計(jì)（節(jié)點(diǎn)分析）

3.2.3.1情感化設(shè)計(jì)要素

本能層

親切：通過情感化設(shè)計(jì)，營造親切的氛圍，拉近與用戶的距離。比如：百度地圖可以在導(dǎo)航設(shè)置里將導(dǎo)航車標(biāo)設(shè)置成自己的汽車品牌，當(dāng)看到自己車的車標(biāo)在地圖上移動，用戶就會感覺非常親切和熟悉。

安全：讓用戶感到人身、隱私的安全。比如：嗶哩嗶哩在登錄界面輸入密碼時(shí)的二次元形象會有捂眼睛的動作。

互動：我們的產(chǎn)品流程和功能的實(shí)現(xiàn)需要用戶的參與。比如：用戶刷新網(wǎng)頁時(shí)，由于網(wǎng)速較慢、需要較多的加載時(shí)間，在加載的過程中，有很多網(wǎng)站會提供一些互動小游戲。用戶參與進(jìn)來了，整體等待的時(shí)間也就顯得沒那么漫長，這種互動既可以緩解用戶的焦慮情緒，又能有效防止用戶跳出。

驚喜：人們對一件事物的判斷往往會基于最初的信息。所以如果我們在提供最初的信息時(shí)就給予用戶更好的結(jié)果，一定可以給用戶帶來驚喜。花小豬在打車時(shí)先出現(xiàn)原價(jià)，然后彈出優(yōu)惠券動效，價(jià)格數(shù)字也嘩啦嘩啦往下降，這個(gè)不斷下降的數(shù)字就利用了錨定效應(yīng)，給予用戶一定的驚喜。

行為層

關(guān)懷：考慮用戶的使用場景，在場景下給予用戶細(xì)節(jié)上的功能推薦或操作建議。比如：美團(tuán)外賣，在天氣惡劣時(shí)會提前提醒用戶：為避免延誤用餐時(shí)間，請?zhí)崆跋聠?。比如：滴滴出行，在用戶?jīng)常通勤的時(shí)間段也會自動提示：由常用起點(diǎn)至常用終點(diǎn)的路線派車大概需要XX分鐘，點(diǎn)擊即可叫車

預(yù)期：難以避免需要等待、甚至反復(fù)操作的情況，此時(shí)為避免用戶跳出，你需要在細(xì)節(jié)上做好預(yù)期管理。比如：我們在用支付寶還信用卡時(shí)，支付完成后我們能看到已提交——待銀行處理等環(huán)節(jié)的流程提示。比如：我們在填寫一個(gè)需要補(bǔ)充大量信息才能注冊的網(wǎng)站賬號時(shí)，網(wǎng)站頂部一般會有注冊步驟的導(dǎo)航。當(dāng)然以上只是最基礎(chǔ)的預(yù)期管理，如果你的文案能更俏皮一點(diǎn)，視覺效果上增加一些 IP 、甚至動畫就更好了。

反饋：對用戶的操作及時(shí)給予回應(yīng)，尤其是異常場景，需要使用用戶更容易接受的方式給予反饋。

反思層

情懷：能給用戶帶來情感上的力量。

品牌：在產(chǎn)品的配色、排版、控件樣式上體現(xiàn)品牌的統(tǒng)一調(diào)性。在產(chǎn)品的體驗(yàn)流程中貫穿品牌的價(jià)值。比如：在京東自營的店鋪購物、使用京東物流的產(chǎn)品會標(biāo)明“京東物流”，在確認(rèn)訂單頁也有“京準(zhǔn)達(dá)”的功能選項(xiàng)，京東通過這種方式，將自營物流、快速到達(dá)的品牌特性一一表達(dá)。

價(jià)值：實(shí)現(xiàn)更大的社會價(jià)值，從而提升企業(yè)形象。比如：商城的包裝箱、騰訊的 404 網(wǎng)頁上都能看到一些被拐兒童的尋人啟事，因?yàn)檫@些網(wǎng)頁和包裝材料的傳播力極大、傳播范圍極廣，可以帶來良好的社會公益效益。

3.2.4 故事版

故事版：體驗(yàn)地圖和同理心模型，可以分別從流程到節(jié)點(diǎn)對場景進(jìn)行分析，那么這些場景如何歸納和表達(dá)，以供大家決策和評審呢？需要站在用戶需求的角度講故事。故事板這種漫畫/故事的形式易于被受眾接受，在闡釋需求、說明方案時(shí)具有更強(qiáng)的親和力和說服力，

描述過程：創(chuàng)建的虛擬人物；明確關(guān)鍵節(jié)點(diǎn)；找到虛擬人物在整個(gè)故事中所有行為和目的。

產(chǎn)品思維、需求分析、場景分析這三部分是產(chǎn)品設(shè)計(jì)三個(gè)基本要素，做好這些分析能幫助我們了解產(chǎn)品、業(yè)務(wù)與用戶之間的聯(lián)系，從而做出體驗(yàn)好、價(jià)值高的優(yōu)秀產(chǎn)品。這些分析都是我們進(jìn)入設(shè)計(jì)工作的前期信息和準(zhǔn)備依據(jù)。接下來我們要做的就是明確設(shè)計(jì)目標(biāo)。

4.1為什么要明確設(shè)計(jì)目標(biāo)

01、一接到需求就馬上打開軟件開始往上鋪圖，遇到被卡住的情況，沒有辦法繼續(xù)做下去，總在糾結(jié)。

02、有時(shí)候產(chǎn)品經(jīng)理對某個(gè)需求也提不出很明確的方向，我們設(shè)計(jì)的時(shí)候能搞出幾個(gè)方向的方案，但是不知道如何決策。

03、我們在著手設(shè)計(jì)的時(shí)候就沒有想好我們輸出這個(gè)設(shè)計(jì)圖的目的是什么，比如需要促進(jìn)產(chǎn)品什么轉(zhuǎn)化、解決用戶什么痛點(diǎn)、解決體驗(yàn)上哪些問題？

04、我們做這些工作的目的是XXX，只有達(dá)到這個(gè)目標(biāo)我們做了這么多工作才有意義、有價(jià)值。

05、在日常工作中你也會發(fā)現(xiàn)，產(chǎn)品設(shè)計(jì)不等于純創(chuàng)意設(shè)計(jì)，產(chǎn)品設(shè)計(jì)的關(guān)鍵價(jià)值在于發(fā)現(xiàn)和解決問題，通過對體驗(yàn)流程和頁面細(xì)節(jié)的處理/優(yōu)化，得到我們期望的用戶反饋和業(yè)務(wù)數(shù)據(jù)。

4.2 整個(gè)項(xiàng)目設(shè)計(jì)思考的流程

01、設(shè)計(jì)目標(biāo)的來源是用戶目標(biāo)、業(yè)務(wù)目標(biāo)和產(chǎn)品目標(biāo)，依據(jù)這三個(gè)目標(biāo)，我們將其轉(zhuǎn)化為設(shè)計(jì)目標(biāo)；

02、然后是將設(shè)計(jì)方案朝著既定目標(biāo)實(shí)施，在方案的流程和細(xì)節(jié)里體現(xiàn)/實(shí)現(xiàn)我們的設(shè)計(jì)目標(biāo)；

03、上線后，及時(shí)收集和整理設(shè)計(jì)目標(biāo)、產(chǎn)品目標(biāo)相關(guān)的數(shù)據(jù)和用戶反饋，驗(yàn)證我們的設(shè)計(jì)方案有無達(dá)到目標(biāo)；

04、然后規(guī)劃下一步的迭代方向。

4.3 怎么設(shè)定設(shè)計(jì)目標(biāo)“三步法”

01、明確用戶目標(biāo)和產(chǎn)品目標(biāo)：設(shè)計(jì)目標(biāo)的根本是產(chǎn)品目標(biāo)，產(chǎn)品目標(biāo)的根本來是業(yè)務(wù)目標(biāo)和用戶目標(biāo)，也就是業(yè)務(wù)的規(guī)劃和用戶的需求、痛點(diǎn)。因此在實(shí)際操作中，第一步我們要先明確我們的產(chǎn)品目標(biāo)是什么，產(chǎn)品目標(biāo)大多和用戶的轉(zhuǎn)化、功能的使用率有關(guān)，我們朝著這些方向分析一般不會有較大偏差。

02、通過上面目標(biāo)找到與之相關(guān)的關(guān)鍵用戶操作：比如點(diǎn)擊加購按鈕、比如完成付款驗(yàn)證操作、比如填寫全部表單信息。

03、將關(guān)鍵的用戶操作轉(zhuǎn)化成可以衡量的數(shù)據(jù)指標(biāo)：將這些關(guān)鍵的用戶操作轉(zhuǎn)化為可以衡量的數(shù)據(jù)指標(biāo)，比如加購 BTN 的點(diǎn)擊量、訂單提交后的付款成功率、比如表單信息的完整率。因此設(shè)計(jì)目標(biāo)必須是可量化的，產(chǎn)品使用數(shù)據(jù)和業(yè)務(wù)數(shù)據(jù)，比如點(diǎn)擊量、退出率、取消率、跳出率等，才能在設(shè)計(jì)方案上線后正確評估我們的方案有沒有完成設(shè)計(jì)目標(biāo)。

5.1怎樣跨越設(shè)計(jì)難點(diǎn)

01、先去定位設(shè)計(jì)難點(diǎn)，找到設(shè)計(jì)重點(diǎn)，再著手設(shè)計(jì)。完成主流程后再去解決小問題。

02、接著列出流程或需求點(diǎn)，對設(shè)計(jì)方案有大致框架；

03、然后針對流程中每個(gè)節(jié)點(diǎn)列舉可能會出現(xiàn)的問題把精力放在影響設(shè)計(jì)目標(biāo)和用戶核心體驗(yàn)的重點(diǎn)問題上。

5.2怎樣解決設(shè)計(jì)難點(diǎn)

精益創(chuàng)業(yè)模式里有一個(gè) MVP 的概念，我們現(xiàn)在產(chǎn)品研發(fā)中的敏捷模式也是源于這個(gè)概念。簡單來講，就是用較小的成本先做出一個(gè)產(chǎn)品，然后快速上線，驗(yàn)證業(yè)務(wù)模式、產(chǎn)品策略和用戶體驗(yàn)等問題，然后小版本快速迭代，進(jìn)行優(yōu)化。

參考資料：

《用戶體驗(yàn)干貨筆記》

《用戶體驗(yàn)要素》

《騰訊產(chǎn)品法》

《交互設(shè)計(jì)知識體系》

C端設(shè)計(jì)前的準(zhǔn)備工作，其中重點(diǎn)在于學(xué)會需求分析和場景分析。具體掌握需求分析的核心方法步驟，和場景分析中用到的三個(gè)工具用戶體驗(yàn)地圖、同理心模型、情感化設(shè)計(jì)、和故事版。需求分析、場景分析是產(chǎn)品設(shè)計(jì)的基本要素，做好這些分析能幫助我們了解產(chǎn)品、業(yè)務(wù)與用戶之間的聯(lián)系，從而做出體驗(yàn)好、價(jià)值高的優(yōu)秀產(chǎn)品。這些分析都是我們進(jìn)入設(shè)計(jì)工作的前期信息和準(zhǔn)備依據(jù)。

接下來我們要做的就是明確設(shè)計(jì)目標(biāo)，設(shè)計(jì)目標(biāo)的來源是用戶目標(biāo)、業(yè)務(wù)目標(biāo)和產(chǎn)品目標(biāo)，依據(jù)這三個(gè)目標(biāo)，我們將其轉(zhuǎn)化為設(shè)計(jì)目標(biāo)，然后將設(shè)計(jì)方案朝著既定目標(biāo)實(shí)施，在方案的流程和細(xì)節(jié)里體現(xiàn)/實(shí)現(xiàn)我們的設(shè)計(jì)目標(biāo)，在產(chǎn)品上線后，及時(shí)收集和整理和設(shè)計(jì)目標(biāo)、產(chǎn)品目標(biāo)相關(guān)的數(shù)據(jù)和用戶反饋，驗(yàn)證我們的設(shè)計(jì)方案有無達(dá)到目標(biāo)，然后規(guī)劃下一步的迭代方向。

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

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

藍(lán)藍(lán)設(shè)計(jì)( www.yvirxh.cn )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國內(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ù)

       HMI是Human Machine Interface 的縮寫，“人機(jī)接口”，也叫人機(jī)界面。凡是參與人機(jī)信息交流的領(lǐng)域都存在著人機(jī)界面。本文將深度剖析車載界面的設(shè)計(jì)要點(diǎn)及注意規(guī)范。

       智慧城市的建設(shè)趨勢越來越顯著，政府對于汽車智能化、信息化發(fā)展非常重視，汽車駕駛體驗(yàn)感與個(gè)性化的設(shè)計(jì)也會成為我們對于汽車選購的參考和方向，自從人們對于用戶體驗(yàn)的重視，人機(jī)交互設(shè)計(jì)工作內(nèi)容也成為重要環(huán)節(jié)。

       對于人機(jī)界面，首先我們要明確一些概念。

1、人機(jī)界面與人們常說的“觸摸屏”有什么區(qū)別？

從嚴(yán)格意義上來說，兩者是有本質(zhì)上的區(qū)別的。因?yàn)椤坝|摸屏”僅是人機(jī)界面產(chǎn)品中可能用到的硬件部分，是一種替代鼠標(biāo)及鍵盤部分功能，安裝在顯示屏前端的輸入設(shè)備；而人機(jī)界面產(chǎn)品則是一種包含硬件和軟件的人機(jī)交互設(shè)備。在工業(yè)中，人們常把具有觸摸輸入功能的人機(jī)界面產(chǎn)品稱為“觸摸屏”，但這是不科學(xué)的。

2.人機(jī)界面產(chǎn)品中是否有操作系統(tǒng)？

任何人機(jī)界面產(chǎn)品都有系統(tǒng)軟件部分，系統(tǒng)軟件運(yùn)行在HMI的處理器中，支持多任務(wù)處理功能，處理器中需有小型的操作系統(tǒng)管理系統(tǒng)軟件的運(yùn)行?；谄桨逵?jì)算機(jī)的高性能人機(jī)界面產(chǎn)品中，一般使用WinCE,Linux等通用的嵌入式操作系統(tǒng)。

       我們做的交互場景是有車輛行駛的，所以首先是要考慮安全因素，美觀其次，因此在特殊環(huán)境下操作車載系統(tǒng)，我們無法用傳統(tǒng)移動端沉浸式的設(shè)計(jì)思維來設(shè)計(jì)車載的界面與功能，需要放下所謂的美學(xué)，緊扣實(shí)際場景下的交互方式與用戶需求來設(shè)計(jì)，因?yàn)樵跇O短時(shí)間內(nèi)導(dǎo)致我們必須對所有可能用到的功能入口一步即達(dá)，對信息的布局必須做到一眼即見。

       汽車HMI有自己的設(shè)計(jì)原則和設(shè)計(jì)規(guī)范以及美學(xué)理念。

汽車行業(yè)本身是一個(gè)有著強(qiáng)烈美學(xué)理念和設(shè)計(jì)規(guī)范的行業(yè)，其實(shí)準(zhǔn)確的說應(yīng)該是汽車HMI中控設(shè)計(jì)是基于自身傳統(tǒng)規(guī)范，結(jié)合互聯(lián)網(wǎng)移動端和Web端的基礎(chǔ)上，慢慢形成了一種新的設(shè)計(jì)規(guī)范。

       在開始講解之前，我們首先要了解官方的一些設(shè)計(jì)規(guī)范。

1. 阿里 Alios 開放平臺

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

2. 百度車載生態(tài)開放平臺

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

3. 谷歌駕駛

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

4. 蘋果 Apple Car Play

https://www.apple.com.cn/ios/carplay/

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

https://developer.huawei.com/consumer/cn/doc/50902

       我們還要了解車內(nèi)屏幕的類型，主駕駛前面的儀表盤、HUD和中控屏幕，副駕駛和后排的娛樂屏幕。

1. 儀表盤

汽車儀表盤是反映車輛各系統(tǒng)工作狀況的裝置。一般由時(shí)速表、轉(zhuǎn)速表、機(jī)油壓力表、水溫表、燃油表以及電子指示燈等組成。汽車儀表是駕駛員與汽車進(jìn)行信息交流的重要接口。當(dāng)今純液晶屏的儀表盤占市場主導(dǎo)地位，純機(jī)械、燈顯、段碼將退出歷史舞臺。

2. HUD

平視顯示器（Head Up Display），最早是航空器上的飛行輔助儀器，運(yùn)用在戰(zhàn)斗機(jī)上，由于戰(zhàn)斗機(jī)上很多信息需要飛機(jī)駕駛員隨時(shí)查看，避免駕駛員低頭看儀表而分心，隨后又普及在民航客機(jī)上，由于HUD的方便性以及能夠提高飛行安全，這項(xiàng)技術(shù)后來也發(fā)展到汽車行業(yè)，汽車搭載的HUD抬頭數(shù)字顯示功能，是利用光學(xué)反射的原理，將重要的行駛信息胎壓、速度和轉(zhuǎn)速等信息投射到駕駛艙前段玻璃上面，在駕駛過程中不用分心看儀表盤，減輕眼睛的疲勞，給駕駛帶來便利和安全。

       此前，HUD前裝市場基本被日本精機(jī)、德國大陸、日本電裝、偉世通等國外巨頭壟斷，且競爭格局高度集中，前五名企業(yè)市場份額超95%。近三年，隨著國內(nèi)智能駕駛技術(shù)商業(yè)化落地加快，不少自主品牌供應(yīng)商開始嶄露頭角，且爆發(fā)力十足。HUD的發(fā)展會越來越迅猛，原因主要有以下幾點(diǎn)。

1、HUD作為ADAS人機(jī)交互的窗口，可以呈現(xiàn)駕駛輔助信息，提升駕駛的安全性和舒適性，使駕駛者擁有更佳的應(yīng)用體驗(yàn)；

2、為提升市場競爭力，車企對自動駕駛和智能座艙重視度提升，尤其是自主品牌車企近年在國家智能網(wǎng)聯(lián)發(fā)展戰(zhàn)略的推動和扶持下，轉(zhuǎn)型動作快、力度大，產(chǎn)品創(chuàng)新和應(yīng)用上也更加大膽和前衛(wèi)。、

3、HUD技術(shù)上取得突破，顯示效果大幅改善；

4、隨著技術(shù)升級，HUD配套價(jià)格逐漸下降，性價(jià)比逐步提升；

3. 娛樂屏幕

后排娛樂屏更像是一個(gè)平板，主要功能點(diǎn)為視頻、音樂、游戲等等，幫助后排乘客打發(fā)時(shí)間，所以后排的娛樂系統(tǒng)就是為娛樂而生，無需考慮安全性。

車載界面的設(shè)計(jì)原則

1.迅捷性

與人們常常所說的三秒設(shè)計(jì)原則類似。移動端系統(tǒng)為沉浸式操作，而車載系統(tǒng)不一樣，在駕駛過程中，用戶95%的精力在于聚焦駕駛上行為上，用戶只能抽取僅5%左右的精力與時(shí)間來操控車載。因此也就決定了車載系統(tǒng)的功能邏輯，信息布局都必須在極短的時(shí)間內(nèi)以最好的方式呈現(xiàn)。

而如果用戶沒有在這個(gè)時(shí)間以內(nèi)完成操作任務(wù)，要么用戶選擇放棄，重新再來；要么用戶花費(fèi)更多時(shí)間和精力，但這樣駕駛的危險(xiǎn)系數(shù)會成倍增長。經(jīng)筆者多次在不同路段試驗(yàn)，統(tǒng)計(jì)下來平均每次操作，即視線與注意力專注在車載上的時(shí)間，無法超過三秒，事實(shí)上，當(dāng)進(jìn)入第三秒時(shí)，已不得不需要利用余光開始注意前方路況了。

因此，在三秒以內(nèi)，無論是用戶第一次操作失敗，重新注意路況后，再重復(fù)操作，還是用戶持續(xù)操作直到任務(wù)完成，都是非常危險(xiǎn)的行為，在這里，由于用戶試錯(cuò)的成本非常巨大，也因此交互的設(shè)計(jì)與信息布局的設(shè)計(jì)都需要做到最極致的狀態(tài)。

       隨著大屏、多屏化的發(fā)展趨勢，觸摸和語音控制應(yīng)時(shí)而生，為了增強(qiáng)操作合理性，以及減少或避免觸摸屏的誤觸功能。從信息輸入來看，以觸控、語音為主，手勢、視覺交互為輔；從反饋輸出來看，以視覺、語音、觸控交互為主，嗅覺交互為輔。

人機(jī)交互定義需要區(qū)分車輛是行駛中還是靜止?fàn)顟B(tài)，車輛在行駛中，對于需要駕駛員操作反饋的交互行為需要遵循3S原則（上面提到的三秒原則），降低安全隱患。甚至有一些交互動作在車輛行駛過程中需要禁用的。

2. 聚合性

得益于計(jì)算機(jī)算法的強(qiáng)大，汽車功能越來越完善，信息量也越來越大，為了讓用戶有更好的體驗(yàn)，避免過多信息的干擾，必須做到界面顯示輕量化。

這也是為什么飛機(jī)駕駛艙內(nèi)、國際空間站內(nèi)的各種操控開關(guān)拉桿都是星羅密布式的擺放，并非以如今的科技無法做到像科幻片里一樣簡潔干凈的操控臺，而是因?yàn)榭紤]到在實(shí)際應(yīng)用場景下，專業(yè)素質(zhì)的人員不需要也沒有時(shí)間去欣賞美觀的界面，學(xué)習(xí)我們所認(rèn)為的交互方式。

保障關(guān)鍵信息是醒目的，容易讓用戶視覺快速捕獲，在各種環(huán)境場景下具有良好的可見性和易讀性，無需駕駛員費(fèi)力尋找和識別。

3. 及時(shí)性

這里所說的及時(shí)性指的是反饋信息的及時(shí)性，我們要考慮實(shí)現(xiàn)全方位的信息提示，著重考慮視覺層面和聽覺層面。

在駕駛的過程當(dāng)中，司機(jī)的雙手被占用，于是眼睛和耳朵感知要提高，與移動端的視覺顯示不同，HMI設(shè)計(jì)師需要注意除了基礎(chǔ)的視覺顯示規(guī)范外，還需格外注意與安全相關(guān)信息的展示、視覺警告、文字易讀性和顯示眩光等顯示問題。

在車輛行駛過程中，對于司機(jī)來說，聽覺反饋也是很有必要考慮的場景，通過語音反饋司機(jī)需要獲取的信息，能讓司機(jī)盡量保持視覺焦點(diǎn)在路況上。多場景的融合考慮信息獲取的效率，能減少在開車過程中的安全隱患。

我們不僅要考慮設(shè)計(jì)層面，還要考慮到交互層面。

交互方式

（1）觸控

這里分兩種，一種是通過按鍵控制；一種是通過觸屏控制。

都是通過不斷的觸控功能按鈕行程鍛煉肌肉記憶，現(xiàn)在的趨勢越來越趨向重觸屏，輕按鈕，這樣不僅系統(tǒng)迭代成本小，功能可以動態(tài)分布。

但是對于一些精準(zhǔn)調(diào)節(jié)的功能還是按鍵控制好一些。

微軟 的Surface Dial可以給我們很好的啟發(fā)，智能旋鈕可以解決大部分屏幕調(diào)節(jié)的不精準(zhǔn)的痛點(diǎn)，而效率又高。

（2）語音

在汽車人機(jī)交互中，語音交互被認(rèn)為是車內(nèi)場景下最自然的交互方式，而語音交互需要一個(gè)載體來傳達(dá)多樣化的情感。

語音控制的前景主要在于兩個(gè)因素，一個(gè)是可以把除了界面以外的利用起來，一個(gè)可以與HMI自由交談，二是最小化HMI手動操作產(chǎn)生的干擾，增加安全性。

（3）手勢

手勢交互是對語音交互、觸控交互的很好補(bǔ)充，能夠讓車主通過簡單的手勢和語音就能完成車內(nèi)的交互任務(wù)，也是能夠增加交互趣味性、表達(dá)情感、傳達(dá)情緒的另一個(gè)自然交互方式。

常用的手勢：單指滑動（上下左右）、雙指滑動（左右）、五指抓取等。

HMI的交互手勢不同于手機(jī)和IPAD，手機(jī)和IPAD握在手里，左右手都可以操作，多指組合的可能性也多，而HMI的手勢定義，更多的是需要滿足駕駛員的使用場景，屏幕是固定在車上的，要規(guī)避掉一些不方便的手勢。

比如雙指往上滑動就很不方便，向上推不靈活，也有阻力。

       所以要想系統(tǒng)整體跳出基礎(chǔ)可用性范圍，進(jìn)階到好用的層次，系統(tǒng)對各種復(fù)雜交插的應(yīng)用場景的處理需要更加智能（如導(dǎo)航中的來電，緊急路況的提示），對車內(nèi)環(huán)境控制（如聲音、氣溫）需要更加敏感。車載系統(tǒng)的設(shè)計(jì)相比于移動端有著更明顯的約束，不論是從空間、時(shí)間、行為、心智，都有著明顯獨(dú)特的場景和特點(diǎn)，要做好車載系統(tǒng)設(shè)計(jì)，我們需要有豐富的同理心以及親身體驗(yàn)并反復(fù)驗(yàn)證設(shè)計(jì)。

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

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

藍(lán)藍(lán)設(shè)計(jì)( www.yvirxh.cn )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國內(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ù)