身為一名Ui設(shè)計(jì)師的你是否會(huì)有靈感枯竭的時(shí)候呢，下面本學(xué)霸會(huì)向大家分享一組簡(jiǎn)約卻不簡(jiǎn)單的圖標(biāo)設(shè)計(jì)作品，希望大家在看完后能夠激發(fā)自己無(wú)窮的靈感哦~
有需要的小伙伴可以加群661690541一起學(xué)習(xí)，還有免費(fèi)資料等你領(lǐng)取喲~
移動(dòng)端搜索功能設(shè)計(jì)：3個(gè)階段解析搜索流程設(shè)計(jì)要點(diǎn)
如果您想訂閱本博客內(nèi)容，每天自動(dòng)發(fā)到您的郵箱中， 請(qǐng)點(diǎn)這里
這篇文章筆者想和大家聊一聊有關(guān)搜索功能的設(shè)計(jì)，搜索功能是每個(gè)內(nèi)容型APP的核心，它的易用性決定了用戶是否能從APP里快速找到自己想找的內(nèi)容，那么決定搜索體驗(yàn)好壞的關(guān)鍵點(diǎn)又是什么呢？這里我總結(jié)了兩點(diǎn)，“操作的易用性”和“結(jié)果的準(zhǔn)確性”?？此坪?jiǎn)單的兩點(diǎn)卻有很多的學(xué)問(wèn)，筆者把搜索的交互流程劃分成三個(gè)關(guān)鍵階段，“搜索前、搜索中及搜索后”，接下來(lái)將從這三個(gè)階段逐一分析整個(gè)搜索流程中的相關(guān)設(shè)計(jì)。
在不同的APP或者不同的場(chǎng)景下搜索入口有著不同的表現(xiàn)形式，具體的表現(xiàn)形式取決于產(chǎn)品對(duì)搜索功能權(quán)重的定義，如果說(shuō)在某一場(chǎng)景下搜索功能是用戶常用的核心功能那么他在界面上所表現(xiàn)出來(lái)的權(quán)重就要高些，反之則低些。下圖是常見(jiàn)的搜索功能的入口形式，他們的權(quán)重從左到右依次降低，筆者將對(duì)他們一一進(jìn)行分析
如下圖APP Store的搜索形式，搜索放在標(biāo)簽欄上作為一個(gè)獨(dú)立的功能模塊，它的功能層級(jí)是最高的。不管用戶操作到哪里都可以隨時(shí)進(jìn)入搜索頁(yè)面，這樣的搜索入口通常用在搜索場(chǎng)景非常多的內(nèi)容型APP上，方便用戶在任何時(shí)候快速進(jìn)入搜索頁(yè)面。
如下圖是京東app的搜索入口，它將搜索框外漏在nav bar上，這樣的形式有著兩個(gè)設(shè)計(jì)的關(guān)鍵點(diǎn)：
關(guān)鍵點(diǎn)一：搜索框外漏在頂部導(dǎo)航條上
搜索框直接外漏在導(dǎo)航條上是為了突顯該功能，這一功能往往是用戶在該頁(yè)面非常核心的操作任務(wù)，類似天貓京東這類電商型app，通常情況下用戶都是帶著明確目的來(lái)購(gòu)買東西的，那么他們采取的最快最直接的方式就是搜索。
關(guān)鍵點(diǎn)二：在向上滾動(dòng)界面時(shí)，搜索框一直懸停在頂部
這樣做的場(chǎng)景是這樣的，在用戶滾動(dòng)頁(yè)面尋找內(nèi)容時(shí)，可能并不能找到自己想要的內(nèi)容，搜索框一直懸停一是為了暗示用戶可以進(jìn)行搜索，二是為了讓用戶在想搜索時(shí)快速觸發(fā)搜索
如下圖是微信在聊天頁(yè)面和通訊錄頁(yè)面的搜索入口，初始化狀態(tài)時(shí)聊天頁(yè)面的搜索框是不出現(xiàn)在用戶的可視范圍內(nèi)的，當(dāng)頁(yè)面下滑時(shí)搜索框才出現(xiàn)，而在通訊錄頁(yè)面里搜索框是默認(rèn)出現(xiàn)在用戶的可視范圍內(nèi)的。
分析：微信在最近聯(lián)系人和通訊錄上搜索框的默認(rèn)狀態(tài)不同，這很好地詮釋了這兩種場(chǎng)景下的搜索功能的權(quán)重。最近聯(lián)系人頁(yè)面上的搜索入口顯得更加隱蔽，因?yàn)樵谶@個(gè)頁(yè)面下用戶產(chǎn)生搜索的場(chǎng)景很少，把其隱藏簡(jiǎn)化了界面的元素，提升了界面的美觀性。
如下圖是淘票票的搜索的入口，通過(guò)點(diǎn)擊右上角的搜索icon進(jìn)入搜索頁(yè)面：
分析：在界面權(quán)重上，這樣的方式相對(duì)于以上三種方式來(lái)說(shuō)顯得較弱一點(diǎn)，因?yàn)樵谶@樣的場(chǎng)景下用戶使用搜索的概率并不是很高，如果把搜索外漏就會(huì)占據(jù)更多的屏幕空間，破壞界面的權(quán)重等級(jí)和美觀性。
總結(jié)：依據(jù)用戶的需求場(chǎng)景，搜索入口放在不同的位置，如果說(shuō)在該頁(yè)面搜索是一個(gè)主要的功能，我們就應(yīng)該去突顯它，提升它在界面上的權(quán)重，反之則減輕它的權(quán)重。
搜索中間頁(yè)本來(lái)應(yīng)該是一個(gè)輕量化的頁(yè)面，用戶在這里輸入內(nèi)容進(jìn)行搜索即可。但隨著運(yùn)營(yíng)需求的擴(kuò)張，這個(gè)頁(yè)面逐漸成為了一個(gè)運(yùn)營(yíng)重災(zāi)區(qū)，多了很多推薦的內(nèi)容。筆者將從“輸入框提示信息、搜索分類、搜索歷史、搜索推薦、搜索輸入、搜索建議”等方面分析一下這個(gè)頁(yè)面的設(shè)計(jì)。
搜索框內(nèi)的提示信息通常是提示用戶當(dāng)下可以搜索什么樣的內(nèi)容，如下圖bilibi的搜索提示，告訴用戶可以進(jìn)行“視頻、番劇、UP主或者AV號(hào)”的搜索，這樣的提示信息對(duì)用戶也是一種良性的引導(dǎo)，給用戶提供了一個(gè)心理預(yù)期，同時(shí)也對(duì)用戶隨意輸入關(guān)鍵詞造成無(wú)結(jié)果的傷害體驗(yàn)的可能進(jìn)行了限制。例如一個(gè)房產(chǎn)APP，搜索框內(nèi)提示輸入樓盤或小區(qū)名，如果沒(méi)有這樣的提示有的用戶可能就會(huì)去輸入價(jià)格去篩選房源，這句提示語(yǔ)很好地降低了這樣的風(fēng)險(xiǎn)。
但隨著人們對(duì)APP使用的熟悉，用戶在這里的認(rèn)知負(fù)擔(dān)基本消除，運(yùn)營(yíng)人員逐漸搶占了這塊地方，這句話變成了內(nèi)容的推薦或者產(chǎn)品的Slogan，這些推薦的內(nèi)容可以是運(yùn)營(yíng)人員手動(dòng)維護(hù)的也可以是依據(jù)用戶的購(gòu)買和行為習(xí)慣進(jìn)行推薦的。如下圖右邊是淘寶的搜索提示，搜索框的文案變成了“紅人最愛(ài)潮牌名服”，這就是運(yùn)營(yíng)人員在為特定內(nèi)容進(jìn)行導(dǎo)流。
在內(nèi)容型APP中搜索時(shí)通常會(huì)對(duì)內(nèi)容進(jìn)行分類搜索，這是為了幫助用戶更地找到相關(guān)內(nèi)容，分類的操作可以發(fā)生在搜索前也可以發(fā)生在搜索后，如下圖是“淘寶、微信、網(wǎng)易云音樂(lè)”搜索分類的方式，筆者將分別對(duì)他們進(jìn)行分析。
淘寶是將搜索分類前置，默認(rèn)搜索寶貝，點(diǎn)擊后彈出浮層進(jìn)行切換。這樣的方式存在一個(gè)明顯的缺點(diǎn)就是由于該入口所占空間位置不顯著，會(huì)導(dǎo)致用戶感知太弱。 這樣的方式通常用在用戶大多數(shù)情況下只搜索某一分類的內(nèi)容，如淘寶這樣，用戶大部分的搜索場(chǎng)景都是在尋找寶貝。
微信默認(rèn)搜索所有內(nèi)容，將分類通過(guò)通過(guò)三個(gè)很顯著的入口放在搜索框下方，當(dāng)點(diǎn)擊某一分類時(shí)跳轉(zhuǎn)到該分類的搜索界面，同時(shí)搜索框的文案以及搜索界面的內(nèi)容發(fā)生相應(yīng)變化，提示用戶搜索范圍被改變。這種方式通常用在這些分類搜索的場(chǎng)景都很常見(jiàn)時(shí)，它的缺點(diǎn)在于，從界面表現(xiàn)形式來(lái)看，這三個(gè)分類更像是三個(gè)功能的入口，他們與搜索框聯(lián)系得不是很緊密，很多用戶最開(kāi)始使用時(shí)并不知道點(diǎn)擊這些分類是進(jìn)行搜索范圍的限制。經(jīng)測(cè)試3個(gè)從未使用過(guò)該功能的用戶，他們都認(rèn)為點(diǎn)擊朋友圈后就是進(jìn)入朋友圈，點(diǎn)擊文章后就是顯示所有文章。
網(wǎng)易云音樂(lè)是將搜索分類進(jìn)行后置了，在下文關(guān)于搜索結(jié)果的展示我會(huì)分析它的優(yōu)劣勢(shì)。
搜索歷史記住用戶的足跡，方便用戶快速向以前搜索過(guò)的內(nèi)容進(jìn)行轉(zhuǎn)換。設(shè)計(jì)上我們需要注意的一點(diǎn)就是需要把搜索歷史和搜索推薦區(qū)分開(kāi)來(lái)，在位置上，盡量讓搜索歷史靠近搜索框（如下圖），因?yàn)閺恼J(rèn)知心理學(xué)上來(lái)講，越靠近搜索框的內(nèi)容越能表示它是搜索歷史。在表現(xiàn)形式上，搜索歷史和搜索推薦盡量采用不同的表現(xiàn)形式。搜索歷史伴隨的交互操作有刪除單條或者清空搜索歷史
這里的搜索推薦通常有三種來(lái)源：
它存在的目的主要有兩個(gè)：
建議：
受移動(dòng)端操控方式的限制，在輸入內(nèi)容時(shí)存在兩個(gè)明顯的痛點(diǎn)：“修改內(nèi)容”和“輸入速度”。
關(guān)于修改內(nèi)容：當(dāng)用戶想更改語(yǔ)句中一部分文字時(shí)，將光標(biāo)移動(dòng)到想要更改的地方是一件很難的事，點(diǎn)擊操作真的很令人發(fā)狂，通常情況下我寧愿重新輸入。但是針對(duì)這一點(diǎn)搜狗輸入法做了一個(gè)很人性的交互，當(dāng)用戶按住鍵盤左右滑動(dòng)時(shí)就能移動(dòng)光標(biāo)（如下圖）。
關(guān)于輸入速度：很早之前偶然間發(fā)現(xiàn)了UC瀏覽器在輸入文字時(shí)的一個(gè)交互功能，如下圖所示，當(dāng)輸入文字后，用戶可以將搜索建議的詞語(yǔ)直接加入到搜索框中然后繼續(xù)輸入文字。這樣的需求場(chǎng)景在很常見(jiàn)，比如我想搜索“交互設(shè)計(jì)師的前景”，當(dāng)我輸入交互二字后就會(huì)有“交互設(shè)計(jì)”的搜索建議，點(diǎn)擊搜索建議后面的箭頭將這個(gè)詞直接加入搜索框，然后就出現(xiàn)了“交互設(shè)計(jì)師的前景”的搜索建議，點(diǎn)擊搜索建議后進(jìn)入搜索結(jié)果的頁(yè)面，這個(gè)過(guò)程中我少打了很多字，對(duì)我的搜索速度有很大的提升。
當(dāng)用戶輸入內(nèi)容后，搜索框下面出現(xiàn)了眾多的搜索建議，這些搜索建議是為了幫助用戶快速向目標(biāo)進(jìn)行轉(zhuǎn)化，如下圖是京東的搜索建議，當(dāng)我輸入畫框后，一系列畫框的搜索建議就出來(lái)了，它還有一個(gè)亮點(diǎn)就是在此提供了細(xì)化篩選條件，畫框后面緊跟了“長(zhǎng)方形、實(shí)木、正方形”等關(guān)鍵的篩選條件，為用戶省去了到結(jié)果頁(yè)進(jìn)行篩選的步驟。
搜索結(jié)果是搜索過(guò)程中最關(guān)鍵的點(diǎn)，結(jié)果的準(zhǔn)確性確定了用戶體驗(yàn)的好壞，筆者將從“搜索結(jié)果的形式、搜索結(jié)果的操作、搜索結(jié)果的分類、搜索結(jié)果的排序”等方面來(lái)對(duì)搜索結(jié)果進(jìn)行分析。
搜索結(jié)果一般分為兩種，一種是所見(jiàn)即所得，用戶輸入內(nèi)容后出現(xiàn)在搜索框下面的搜索建議就是搜索結(jié)果，這種搜索通常出現(xiàn)在一些輕量化的APP中，因?yàn)樗阉鹘ㄗh對(duì)應(yīng)的就是唯一的搜索結(jié)果，如下圖微信的搜索一樣。
第二種形式就是一個(gè)關(guān)鍵詞對(duì)應(yīng)了多個(gè)搜索建議，每個(gè)搜索建議又對(duì)應(yīng)了多個(gè)搜索結(jié)果，當(dāng)用戶點(diǎn)擊搜索后進(jìn)入了一個(gè)專門的搜索結(jié)果頁(yè)，如下圖京東的搜索一樣。
依據(jù)用戶的需求目的，在搜索結(jié)果的列表上我們可以外漏用戶大部分情況下會(huì)采取的操作，比如說(shuō)視頻類網(wǎng)站，用戶搜索到某一內(nèi)容后，最常采取的操作就是播放，我們就可以把播放按鈕外漏，縮短用戶的操作路徑（如下圖愛(ài)奇藝的搜索結(jié)果頁(yè)）
通常的分類方式是TAB切和卡片，以下是微信和網(wǎng)易云音樂(lè)的分類。
這兩種方式有各自的應(yīng)用場(chǎng)景，TAB切主要應(yīng)用在搜索結(jié)果有固定的幾種分類，并且通常的情況下搜索結(jié)果都有很多的內(nèi)容，如上圖的網(wǎng)易云音樂(lè)，每一個(gè)分類都有很多的搜索結(jié)果，如果它采用卡片式的瀑布流布局，用戶需要不停往下翻才能看到第二種分類的內(nèi)容?？ㄆ街饕\(yùn)用在搜索結(jié)果的內(nèi)容不多，如微信這樣的情況，每一類結(jié)果并不是很多，卡片式的瀑布流布局能讓用戶快速定位到自己想要的內(nèi)容，如果這里用TAB切就很尷尬了，因?yàn)槊恳活惖膬?nèi)容都很少或者很多類里根本沒(méi)有內(nèi)容，這樣的用戶感受就不好了。
搜索結(jié)果的排序是一個(gè)比較復(fù)雜的工作，里面涉及了很多的算法邏輯，筆者對(duì)這塊也不是很清楚，但是一般的垂直內(nèi)容型APP并沒(méi)有這么復(fù)雜的算法在里面，就是按照搜索的關(guān)鍵字去一一匹配。
如下圖是說(shuō)我在QQ閱讀輸入一個(gè)“男”字，然后就給我建議第一個(gè)字是“男”的所有可能的結(jié)果，當(dāng)?shù)谝粋€(gè)字匹配完后就匹配第二個(gè)字，這樣以此類推。他們的整體順序就是按照匹配關(guān)鍵字的先后進(jìn)行排列的，其實(shí)在排序中還牽涉了很多的算法，比如說(shuō)它可能會(huì)摻雜一些“熱度、人氣、人為意圖、語(yǔ)義”等因素的權(quán)重，這里不展開(kāi)贅述了。
以上就是筆者對(duì)搜索功能的介紹和思考，希望能對(duì)大家有所幫助。
本文由 @不知名設(shè)計(jì)師 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎ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ù)
如果您想訂閱本博客內(nèi)容，每天自動(dòng)發(fā)到您的郵箱中， 請(qǐng)點(diǎn)這里
對(duì)于圖標(biāo)如何斷線，如果是經(jīng)驗(yàn)豐富的設(shè)計(jì)師，估計(jì)靠感覺(jué)做就可以了，但不是大神的我們?cè)趺崔k呢？總得有點(diǎn)規(guī)律讓我們參考參考吧，雖然有些規(guī)律不能全盤通用，但這次總結(jié)一定能給你帶來(lái)幫助。
來(lái)，看下大綱：
1.先考慮在拼接處斷線
2.平衡視覺(jué)復(fù)雜度
3.避免正中間處斷線
4.盡量讓圖標(biāo)一筆畫完
1.先考慮在拼接處斷線
如果你覺(jué)得此篇文章對(duì)你有作用，請(qǐng)收藏轉(zhuǎn)發(fā)分享給你的朋友，把自己的收獲寫在評(píng)論區(qū)，小編會(huì)解答。
如果一個(gè)物體是由兩個(gè)部分組成，當(dāng)我們選擇在拼接處斷開(kāi)：
我會(huì)覺(jué)得兩個(gè)部分還沒(méi)組裝好，是一種很自然的分開(kāi)。
但如果是下面這樣的：
我會(huì)覺(jué)得它壞了，很不舒服。
我們做斷線圖標(biāo)的時(shí)候也一樣，可以先考慮在物體的拼接處斷線，讓斷口看起來(lái)自然和諧！
舉個(gè)例子：
下圖是一個(gè)“我的”圖標(biāo)：UI設(shè)計(jì)學(xué)習(xí)群：583915450，領(lǐng)取100G學(xué)習(xí)資料，備注：資料領(lǐng)取
如果現(xiàn)在讓我給它來(lái)做斷線，我就先找到拼接處，分析如下：
雖然例子有點(diǎn)血腥，但事實(shí)確實(shí)如此，拼接處就在頭和身子連接的地方，所以嘗試在這里斷開(kāi)：
哎呦，我覺(jué)得還ok。
行，那再來(lái)個(gè)例子！
下圖是個(gè)消息的圖標(biāo)：
再來(lái)分析，它的外形是由一個(gè)矩形和一個(gè)三角形組成的：
我們還是在拼接處斷開(kāi)，得到如下圖：
嗯，也還行！
所以一般來(lái)做斷線圖標(biāo)，我就會(huì)先利用這一個(gè)規(guī)律看可不可行。
如果可行，就繼續(xù)優(yōu)化細(xì)節(jié)，如果不可行再嘗試其他方法。
2.視覺(jué)復(fù)雜度要平衡
有時(shí)候，我們的圖標(biāo)不好將其拆解，這時(shí)候我們就可以嘗試去考慮圖標(biāo)的視覺(jué)復(fù)雜度。
來(lái)個(gè)例子，下圖是一個(gè)皇冠的圖標(biāo)：
經(jīng)過(guò)分析，我們可以得出，圖標(biāo)紅色區(qū)域的復(fù)雜程度要比藍(lán)色區(qū)域高：
所以我選擇在藍(lán)色區(qū)域斷口，來(lái)增加藍(lán)色區(qū)域的復(fù)雜程度，達(dá)到平衡的效果：
那如果在紅色區(qū)域斷開(kāi)是什么樣的呢，我們來(lái)分析對(duì)比一下：
所以，通過(guò)對(duì)視覺(jué)上復(fù)雜程度的解析后發(fā)現(xiàn)，方案一會(huì)平衡協(xié)調(diào)很多！
再來(lái)個(gè)例子，下面是個(gè)通訊錄圖標(biāo)：
圖標(biāo)的左側(cè)要比右側(cè)復(fù)雜:
如果我們選擇在左側(cè)斷線，那左側(cè)就會(huì)更復(fù)雜，這樣兩邊的復(fù)雜度就會(huì)失調(diào)，所以我選擇在右邊斷線：
這樣圖標(biāo)左右都有細(xì)節(jié)，視覺(jué)平衡多了！
3.避免正中間處斷線
有朋友會(huì)說(shuō)了，那有些圖標(biāo)沒(méi)有拼接處，復(fù)雜程度也都一樣，比如下面這種：
怎么辦呢？
很簡(jiǎn)單，這種圖標(biāo)只要盡量避免在正中間斷線就ok，因?yàn)檎虚g斷線顯得過(guò)于呆板：
其它地方都可以嘗試，例如左上角、左上角、右上角、右下角等等。
4.盡量讓圖標(biāo)一筆畫完
這也是一個(gè)很重要的知識(shí)點(diǎn)：如果可以的話盡量讓圖標(biāo)外輪廓一筆畫完，如下圖：
其實(shí)很多時(shí)候，只要我們能從拼接處斷線，基本都是可以一筆畫完的，所以大家注意一下就好了。
當(dāng)然，如果實(shí)在不能一筆畫下來(lái)，也不必勉強(qiáng)，因?yàn)閺?qiáng)扭的瓜不好看！
總結(jié)
這四個(gè)知識(shí)點(diǎn)就是目前為止菜心所整理的關(guān)于斷線圖標(biāo)的規(guī)律，個(gè)人經(jīng)驗(yàn)，供大家參考。
不過(guò)提醒大家，這些方法難免會(huì)有少數(shù)不適用的時(shí)候，遇到不適用的情況，千萬(wàn)不要因?yàn)橐?guī)則而被困住，多多嘗試，敢于不同，也許可以找到更合適的解決方案。
藍(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é)霸姐 2017-08-17 20:13:23
如果您想訂閱本博客內(nèi)容，每天自動(dòng)發(fā)到您的郵箱中， 請(qǐng)點(diǎn)這里
身為一名Ui設(shè)計(jì)師的你是否會(huì)有靈感枯竭的時(shí)候呢，下面本學(xué)霸會(huì)向大家分享一組簡(jiǎn)約卻不簡(jiǎn)單的圖標(biāo)設(shè)計(jì)作品，希望大家在看完后能夠激發(fā)自己無(wú)窮的靈感哦~
UI設(shè)計(jì)棧 2018-03-26 19:24:14
如果您想訂閱本博客內(nèi)容，每天自動(dòng)發(fā)到您的郵箱中， 請(qǐng)點(diǎn)這里
平時(shí)我們提到的布爾運(yùn)算其實(shí)就是AI路徑查找器(pathfinder),通過(guò)路徑【加】【減】運(yùn)算繪制出各種各樣的形狀，是成為一名優(yōu)秀的UI設(shè)計(jì)師必備的技能之一。
對(duì)于初學(xué)者來(lái)說(shuō)，剛開(kāi)始可能模糊不清，確實(shí)不容易理解，下面棧長(zhǎng)奉上最全的布爾運(yùn)算深入解析教程，希望對(duì)迷途中的UI設(shè)計(jì)小白有所幫助。
圖片來(lái)源于網(wǎng)絡(luò)
圖片來(lái)源于網(wǎng)絡(luò)
圖片來(lái)源于網(wǎng)絡(luò)
UI設(shè)計(jì)中的布爾運(yùn)算由淺及深，深入解析，圖標(biāo)瞬間高大上！
藍(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ù)
如果您想訂閱本博客內(nèi)容，每天自動(dòng)發(fā)到您的郵箱中， 請(qǐng)點(diǎn)這里
UI設(shè)計(jì)拋開(kāi)視覺(jué)設(shè)計(jì)不談，更多的是尺寸、適配等一些問(wèn)題。這些問(wèn)題往往是初學(xué)者比較難以理解的問(wèn)題。更多的應(yīng)用于簡(jiǎn)化開(kāi)發(fā)過(guò)程、使多個(gè)產(chǎn)品擁有一致的體驗(yàn)，是落到實(shí)處的東西。由于負(fù)責(zé)各個(gè)產(chǎn)品線的產(chǎn)品經(jīng)理并非同一人，如果此時(shí)設(shè)計(jì)師們又是滲透到各個(gè)產(chǎn)品組中，那么產(chǎn)品之間的體驗(yàn)就根本讓用戶感覺(jué)不出是一個(gè)部門設(shè)計(jì)開(kāi)發(fā)出來(lái)的。規(guī)范是大型項(xiàng)目必須的，可以簡(jiǎn)化開(kāi)發(fā)成本、減少各個(gè)部門之間的溝通成本。
藍(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ù)
嗨兔科技 2018-06-11 10:41:59
如果您想訂閱本博客內(nèi)容，每天自動(dòng)發(fā)到您的郵箱中， 請(qǐng)點(diǎn)這里
互聯(lián)網(wǎng)產(chǎn)品的用戶界面設(shè)計(jì)趨勢(shì)是根據(jù)用戶的不同需求而不斷變化的。在仔細(xì)分析了過(guò)去幾年用戶界面設(shè)計(jì)的趨勢(shì)和創(chuàng)新之后，我們可以發(fā)現(xiàn)其背后的一些規(guī)律，2018年UI界面設(shè)計(jì)的趨勢(shì)如下。
在過(guò)去的幾年里，越來(lái)越多的設(shè)計(jì)師在設(shè)計(jì)作品時(shí)采用了色彩漸變的方法，今年的流體漸變更是風(fēng)靡全球。即使你只選擇了一種顏色，也可以在色彩漸變和不同圖片的幫助下，營(yíng)造出出豐富的層次結(jié)構(gòu)感，繪制出一幅令人賞心悅目的畫面。因此，色彩漸變的流行之風(fēng)不僅在席卷了2017年整年，還將會(huì)在2018年繼續(xù)流行下去。
現(xiàn)在的ios12中，采用了面性圖標(biāo)，未選中和選中狀態(tài)只有顏色上的區(qū)分，并且圖標(biāo)更加圓潤(rùn)。目前很多用戶界面已經(jīng)給頁(yè)面底部標(biāo)簽欄的icon加上微動(dòng)效底部標(biāo)簽欄icon不僅有微動(dòng)效，十分有意思，符合當(dāng)下95后00后的用戶心態(tài)。同時(shí)細(xì)節(jié)的設(shè)計(jì)帶給用戶的感受也會(huì)上一個(gè)檔次。
字體、圖形以及顏色的重疊，不僅可以使界面看上去更加醒目鮮明，還可以營(yíng)造出一種空間感。 相同元素的重疊，再輔以陰影，也會(huì)使整個(gè)APP界面的設(shè)計(jì)產(chǎn)生更多的奇妙感，牢牢抓住用戶眼球，給他們留下深刻印象。因此，用戶體驗(yàn)設(shè)計(jì)中，不同元素的重疊將會(huì)成為2018年的趨勢(shì)。
ios12中采用了大圓角卡片設(shè)計(jì)，它不再像過(guò)去MD中的小圓角那樣呆板，大圓角讓設(shè)計(jì)更加輕快大氣。相信大家已經(jīng)看到了很多卡片都使用了投影這一手法，輕微的、似有似無(wú)的投影，不會(huì)被用戶立即察覺(jué)，但是會(huì)給設(shè)計(jì)增加深度，形成層疊的關(guān)系，更加醒目，可以更好的抓住用戶的注意力。
插畫風(fēng)格運(yùn)用的越來(lái)越廣泛，適用于app當(dāng)中的啟動(dòng)頁(yè)、缺省頁(yè)、banner圖、專題頭圖、彈窗插畫、icon等等，UI界面有各式各樣的插畫風(fēng)格——如手繪風(fēng)格、簡(jiǎn)約風(fēng)格、MBE風(fēng)格、剪紙風(fēng)格和孟菲斯風(fēng)格等。這些插畫風(fēng)格的使用不僅使APP更加有趣和與眾不同，同時(shí)也賦予了用戶界面?zhèn)€性，這就在界面設(shè)計(jì)層出不窮的當(dāng)下能夠給用戶留下更為深刻的印象。
強(qiáng)烈的顏色或字體對(duì)比也可以幫助設(shè)計(jì)師設(shè)計(jì)出優(yōu)秀的用戶界面來(lái)吸引用戶的注意。例如，添加不同樣式、類型、大小的字體，也可以傳遞層次和空間的感覺(jué)。而不同類型和風(fēng)格的配色也會(huì)形成鮮明的對(duì)比，使整個(gè)設(shè)計(jì)更加豐富多彩和引人注目。
今年C4D大熱，相信大家已經(jīng)感受到了，今年雙十一很多商家都使用了3D效果，有的還加上了動(dòng)效，可以讓你全方位、多角度、更加真實(shí)的觀察商品。目前還不會(huì)C4D的設(shè)計(jì)師們，為了提升你的競(jìng)爭(zhēng)力，有必要學(xué)起來(lái)了，畢竟技多不壓身。
給APP的圖標(biāo)、字體、照片和按鈕添加動(dòng)畫或交互總是對(duì)用戶有著積極的影響，因?yàn)樗軒в脩舾嘤淇斓捏w驗(yàn)。它的幾點(diǎn)特性：快速且流暢、恰到好處的反饋、提升操作感受、提供良好的視覺(jué)效果。所以這一趨勢(shì)在2018年還將繼續(xù)流行下去。
一般小視頻使用在啟動(dòng)頁(yè)多用于第一次打開(kāi)app的場(chǎng)景，對(duì)用戶的代入感較強(qiáng)再如由動(dòng)態(tài)圖片轉(zhuǎn)變成動(dòng)態(tài)視頻，圖片中有少量的動(dòng)態(tài)元素，仿佛賦予圖片生命，比較唯美和貼近現(xiàn)實(shí)。手機(jī)banner設(shè)計(jì)上也會(huì)采用動(dòng)態(tài)視頻進(jìn)行展現(xiàn)，方便360度的查看商品，刺激你剁手的欲望。
眾所周知，現(xiàn)在VR（虛擬現(xiàn)實(shí)）和AR（增強(qiáng)現(xiàn)實(shí)）VUI（語(yǔ)音交互設(shè)計(jì)）大火，它們的核心都是計(jì)算機(jī)視覺(jué)和聽(tīng)覺(jué)。VR目前在娛樂(lè)領(lǐng)域被使用，而AR將會(huì)真正影響我們的工作和生活，多用于多媒體、市場(chǎng)營(yíng)銷、教育等方面。VUI在醫(yī)療和戶外活動(dòng)方面會(huì)發(fā)揮出前所未有的用戶超級(jí)體驗(yàn)。
我們?yōu)閯?chuàng)造者和變革者而生，我們幫助企業(yè)制定用戶體驗(yàn)策略，為用戶創(chuàng)造精彩的數(shù)字體驗(yàn)，并通過(guò)品牌設(shè)計(jì)與用戶建立情感的連接，用設(shè)計(jì)驅(qū)動(dòng)商業(yè)策略的成功。
藍(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ù)
什么是界面布局樣式？
界面布局樣式是指用于區(qū)分信息內(nèi)容，層次的板式設(shè)計(jì)的具體方式。
總結(jié)和了解目前常用的界面布局樣式，可以讓設(shè)計(jì)師快速?zèng)Q策，選擇合適的設(shè)計(jì)方式。
界面布局樣式有哪些？
一.卡
利用「卡」設(shè)計(jì)界面，對(duì)應(yīng)的是現(xiàn)在流行的「卡片式設(shè)計(jì)」，比如：APP Store 的 Today 頁(yè)面。
大海將從以下 3 點(diǎn)描述卡片設(shè)計(jì)的優(yōu)勢(shì)：
靈活性
信息區(qū)分
操作性和趣味性
靈活性
示例如下，分別是 Instagram，知乎，微博的首頁(yè)。
Instagram 的「推薦用戶」模塊，知乎的「知乎書店」模塊，微博的「問(wèn)答」模塊，都利用了可以橫向滑動(dòng)的卡片設(shè)計(jì)，打破了訂閱流信息垂直展示的限制，從而展示更多的信息。
信息區(qū)分—信息類型
示例如下，分別是天貓，嚴(yán)選，微信讀書的個(gè)人中心截圖。
這三個(gè)「?jìng)€(gè)人中心」的設(shè)計(jì)，都利用卡片設(shè)計(jì)，對(duì)不同類型的信息進(jìn)行了區(qū)分和歸整。
天貓：第一張卡片式用戶個(gè)人信息，以及用戶自己收藏的內(nèi)容和足跡數(shù)據(jù)；第二張卡片都是訂單數(shù)據(jù)；第三張卡片是運(yùn)營(yíng)卡片，用于專門的大型活動(dòng)的內(nèi)容展示；
考拉：第一張卡片是用戶個(gè)人信息，以及用戶自己收藏的內(nèi)容和足跡數(shù)據(jù)；第二張卡片都是訂單數(shù)據(jù)；第三張卡片是用戶相關(guān)的其他信息；第四張卡片是卡拉提供的服務(wù)。
微信讀書：第一張卡片是用戶個(gè)人信息；第二張卡片是用戶賬戶的基本數(shù)據(jù)；第三張卡片是用戶自己生成的相關(guān)內(nèi)容；
信息區(qū)分—時(shí)間
示例如下，分別是 APP Store，微信公眾號(hào)，微博的截圖。
這三個(gè)設(shè)計(jì)，都把復(fù)雜的內(nèi)容信息，用卡片設(shè)計(jì)的形式，按照時(shí)間維度進(jìn)行了整理和排序。
操作性和趣味性
示例如下，分別是支付寶，ZUO，探探的截圖。
卡片是一種模擬物理世界的設(shè)計(jì)形式，擁有可操作隱喻，可以被覆蓋、堆疊、移動(dòng)、劃去。
支付寶卡包：模仿物理世界真實(shí)的銀行卡設(shè)計(jì)，利用用戶已有的銀行卡查看習(xí)慣，讓用戶快速理解和查看已綁定的銀行卡
ZUO：「ZUO」是一款小眾的，有趣新鮮創(chuàng)意的內(nèi)容分享產(chǎn)品。主打追尋更美好的可能，產(chǎn)品設(shè)計(jì)別具特色。左滑卡片可以切換內(nèi)容的設(shè)計(jì)，讓產(chǎn)品體驗(yàn)更加靈動(dòng)有趣。
探探：一款陌生人社交軟件，廣告主打：左滑不喜歡，右滑喜歡的體驗(yàn)，凸顯自己在同類型軟件中的體驗(yàn)差異化，用戶的感受更加新鮮有趣。
卡片設(shè)計(jì)的反例
自從 iOS 11 之后，卡片設(shè)計(jì)的趨勢(shì)就被推向了高潮。設(shè)計(jì)網(wǎng)站上有很多卡片式設(shè)計(jì)作品出現(xiàn)。
卡片設(shè)計(jì)經(jīng)常會(huì)呈現(xiàn)出比較好的視覺(jué)效果，但是卡片設(shè)計(jì)用的不好，會(huì)導(dǎo)致浪費(fèi)空間，降低效率。
示例如下：是大海從 dribbble 上找來(lái)的設(shè)計(jì)，通訊錄的設(shè)計(jì)利用了卡片設(shè)計(jì)。
當(dāng)用戶需要尋找聯(lián)系人時(shí)，呈「Z字型」閱讀曲線，遠(yuǎn)沒(méi)有微信通訊錄的「直線型」閱讀效率高。
二.線
「線」指的是 APP 設(shè)計(jì)中最常見(jiàn)的「分割線」，在分割線當(dāng)中可以分為兩類：
貫穿式
「貫穿式」是指，線長(zhǎng)度貫穿屏幕，左右邊距為零。貫穿式分割線可以讓被分割的信息的獨(dú)立性變強(qiáng)。
示例如下：分別是豆瓣的首頁(yè)，網(wǎng)易云音樂(lè)的動(dòng)態(tài)截圖。
兩者的共同點(diǎn)是，每一塊信息的內(nèi)容較多，關(guān)聯(lián)性弱。需要用貫穿式分割性，讓每一個(gè)信息內(nèi)容，更加獨(dú)立。
內(nèi)嵌式
「內(nèi)嵌式」是指，線的左右邊距留有空隙。內(nèi)嵌式分割線，可以有助于信息閱讀的流暢性。
示例如下：分別是 APP Store 今日主題的列表頁(yè)，36Kr 的個(gè)人中心頁(yè)面。
貫穿式和內(nèi)嵌式經(jīng)常是同時(shí)使用的，如下圖：網(wǎng)易嚴(yán)選的填寫訂單頁(yè)面
圖中列表「商品合計(jì)」「運(yùn)費(fèi)」是相對(duì)關(guān)聯(lián)性較強(qiáng)的，因此這兩者之間用了內(nèi)嵌式分割線?！肝乙_(kāi)發(fā)票」和它們之間是相對(duì)獨(dú)立的，因此使用貫穿式分割線。
分割線設(shè)計(jì)的反例
分割線設(shè)計(jì)是界面當(dāng)中最常用的元素，大?？戳诉@么多APP，截了這么多圖，都沒(méi)有發(fā)現(xiàn)界面中一根線都沒(méi)有使用的產(chǎn)品。
分割線設(shè)計(jì)要注意是否應(yīng)該使用，以及使用時(shí)線的顏色，粗細(xì)。
下圖中：知乎的「?jìng)€(gè)人中心」，來(lái)源于網(wǎng)絡(luò)的日歷設(shè)計(jì)。
知乎：線的顏色用的過(guò)重，導(dǎo)致當(dāng)看到這個(gè)頁(yè)面時(shí)，會(huì)感受到滿眼都是線。改進(jìn)方法有兩種：把線改細(xì)，改淡；把列表文字改重?？偨Y(jié)下來(lái)就是拉開(kāi)文字和線的對(duì)比。
日歷：日期本身的排版已經(jīng)把信息區(qū)分的比較明顯，此時(shí)不需要使用分割線。假設(shè) 「親密」 「對(duì)比」 「重復(fù)」 足以讓信息得到區(qū)分，不使用分割線，可以讓你的設(shè)計(jì)，更加透氣簡(jiǎn)潔。
三.間距
利用「間距」設(shè)計(jì)界面，對(duì)應(yīng)的是現(xiàn)在流行的「無(wú)框設(shè)計(jì)」，不用分割線，純粹用間距實(shí)現(xiàn)信息的排版。
大海將從以下 2 點(diǎn)描述其適用性：
圖片為主
內(nèi)容少且有規(guī)律
圖片為主
示例如下：分別是 Instagram，愛(ài)彼迎，紅板報(bào)的界面截圖。這些頁(yè)面中，均以圖片為主。圖片本身的邊緣具備分隔作用。
內(nèi)容少且有規(guī)律
示例 1：愛(ài)彼迎的「故事頁(yè)面」和「搜索結(jié)果頁(yè)」，兩者都只有 2 中信息板式。內(nèi)容少且有規(guī)律。
示例 2：輕芒的「分類頁(yè)」和「類別首頁(yè)」，分類頁(yè)只有一種板式，并橫向排版展示。類別首頁(yè)只有一屏信息。
總結(jié)：卡，線，間距都是頁(yè)面當(dāng)中基礎(chǔ)元素，希望本篇文章可以幫助設(shè)計(jì)師掌握和了解這 3 個(gè)基礎(chǔ)元素的適用性。在設(shè)計(jì)執(zhí)行中，更加風(fēng)馳電掣，如沐春風(fēng)。
如果您想訂閱本博客內(nèi)容，每天自動(dòng)發(fā)到您的郵箱中， 請(qǐng)點(diǎn)這里
作為設(shè)計(jì)方接口人，我近期參與了某產(chǎn)品新版本的交互設(shè)計(jì)及開(kāi)發(fā)跟進(jìn)工作。該項(xiàng)目的產(chǎn)品規(guī)劃、設(shè)計(jì)、開(kāi)發(fā)、運(yùn)營(yíng)由京深兩地四方多個(gè)團(tuán)隊(duì)合作進(jìn)行。結(jié)合自身項(xiàng)目經(jīng)歷，現(xiàn)將我對(duì)跨團(tuán)隊(duì)多角色溝通的感悟與經(jīng)驗(yàn)加以總結(jié)，希望對(duì)大家有所幫助。有效溝通是提升工作效率的基礎(chǔ)，尤其是鵝廠這種業(yè)務(wù)涉及多地、對(duì)外多有合作的大型公司，進(jìn)行跨團(tuán)隊(duì)的、多角色轉(zhuǎn)換的溝通是工作常態(tài)?？鐖F(tuán)隊(duì)合作項(xiàng)目通常需要我們?cè)趫F(tuán)隊(duì)內(nèi)部、異地leader、內(nèi)外部合作伙伴、第三方外包等多種角色間靈活調(diào)整溝通方式，運(yùn)用有效的溝通手段，以確保溝通效果。
背景
有效溝通是提升工作效率的基礎(chǔ)，尤其是鵝廠這種業(yè)務(wù)涉及多地、對(duì)外多有合作的大型公司，進(jìn)行跨團(tuán)隊(duì)的、多角色轉(zhuǎn)換的溝通是工作常態(tài)?？鐖F(tuán)隊(duì)合作項(xiàng)目通常需要我們?cè)趫F(tuán)隊(duì)內(nèi)部、異地leader、內(nèi)外部合作伙伴、第三方外包等多種角色間靈活調(diào)整溝通方式，運(yùn)用有效的溝通手段，以確保溝通效果。
索引
本文將從有效溝通的心理建設(shè)、角色分析、流程搭建+工具沉淀三個(gè)層次展開(kāi)。
心理建設(shè)
有效溝通的兩點(diǎn)認(rèn)識(shí)
為“傳”而“達(dá)”
溝通是信息的有效傳達(dá)?！皞鳌笔鞘侄?，要求溝通時(shí)需闡明觀點(diǎn)；“達(dá)”是目的，指明溝通旨在使人通達(dá)理解。溝通中出現(xiàn)的自說(shuō)自話、固執(zhí)己見(jiàn)，通常是偏執(zhí)于“傳”，而忽視了“達(dá)”。需要明確的是，所有的溝通，都應(yīng)該以接收方更好的理解接受為目的，而不是自顧自的滔滔不絕。
減少損耗
信息傳達(dá)的過(guò)程伴隨著信息的損耗。因此，在溝通的各個(gè)環(huán)節(jié)都需注意減少損耗，提升觸達(dá)率。一方面，要理清自己的表達(dá)重點(diǎn)和思路，減少信息的輸出損耗；另一方面，要從接受方關(guān)注點(diǎn)出發(fā)，提升對(duì)接受者的信息觸達(dá)；此外，還要靈活切換溝通方式、正確處理意見(jiàn)分歧等，盡量減少信息在傳遞途中的折損。
跨團(tuán)隊(duì)多角色溝通的基本態(tài)度
跨團(tuán)隊(duì)——秉持中立合作的態(tài)度
中立——團(tuán)隊(duì)不同，訴求不同，秉持中立的溝通態(tài)度，不要因個(gè)人偏向?qū)е聼o(wú)意義消耗。
合作——以同理心贏得各方的信任，避免抵觸情緒的產(chǎn)生，營(yíng)造良好的溝通氛圍。
產(chǎn)品目標(biāo)導(dǎo)向——對(duì)有爭(zhēng)議的問(wèn)題點(diǎn)，應(yīng)綜合權(quán)衡用戶體驗(yàn)、產(chǎn)品目標(biāo)和開(kāi)發(fā)成本，以產(chǎn)品目標(biāo)為第一要義。
多角色——認(rèn)清各方關(guān)注點(diǎn)的差異
理解各方差異化的核心訴求——對(duì)不同團(tuán)隊(duì)角色的溝通中應(yīng)有不同的側(cè)重點(diǎn)，靈活的轉(zhuǎn)換角色，做有針對(duì)性的輸出表達(dá)。
對(duì)內(nèi)交流——以產(chǎn)品目標(biāo)為導(dǎo)向，保證內(nèi)部一致；對(duì)上匯報(bào)——重點(diǎn)明確，避免流水帳；對(duì)外溝通——目標(biāo)明確，內(nèi)部一致，有針對(duì)性的溝通，避免互相拆臺(tái)或雞同鴨講。
角色分析
項(xiàng)目組成員角色模型
項(xiàng)目伊始，在融入團(tuán)隊(duì)的過(guò)程中，應(yīng)注意理清項(xiàng)目組內(nèi)的不同角色，明確匯報(bào)對(duì)象，做好任務(wù)分工，理清利益關(guān)系，協(xié)調(diào)各方訴求。
（具體項(xiàng)目組角色模型可能涉密，略）
各角色核心訴求及溝通側(cè)重點(diǎn)模型
不同角色的核心訴求不同，也因此在對(duì)不同角色溝通時(shí)也應(yīng)該有所側(cè)重，以本項(xiàng)目為例：京深兩地四方的所有成員，可大致劃分為如下七種角色。
各角色核心訴求及溝通側(cè)重點(diǎn)小結(jié)
| 團(tuán)隊(duì)角色 | 核心訴求 | 溝通側(cè)重點(diǎn) |
| leader | 把控項(xiàng)目進(jìn)度、確保項(xiàng)目實(shí)現(xiàn) | 進(jìn)度同步、資源申請(qǐng)、問(wèn)題確認(rèn) |
| 設(shè)計(jì)負(fù)責(zé)人 | 推進(jìn)項(xiàng)目進(jìn)行，落實(shí)產(chǎn)品功能 | 進(jìn)度同步、問(wèn)題評(píng)審、資源協(xié)調(diào) |
| 視覺(jué) | 確保視覺(jué)呈現(xiàn) | 視覺(jué)反饋、問(wèn)題評(píng)審 |
| 技術(shù)支持 | 提供技術(shù)支持和監(jiān)督 | 尋求技術(shù)支持、評(píng)估開(kāi)發(fā)成本 |
| 產(chǎn)品經(jīng)理 | 推動(dòng)項(xiàng)目進(jìn)行、維護(hù)運(yùn)營(yíng)側(cè)利益 | 功能確認(rèn)、開(kāi)發(fā)協(xié)調(diào)、運(yùn)營(yíng)活動(dòng)落實(shí) |
| 前端 | 降低前端成本、減少反復(fù) | 跟進(jìn)前端進(jìn)度、幫助協(xié)調(diào)資源 |
| 后端 | 規(guī)避后端風(fēng)險(xiǎn)、降低開(kāi)發(fā)成本 | 前端實(shí)現(xiàn)確認(rèn)、開(kāi)發(fā)問(wèn)題跟進(jìn)與協(xié)調(diào) |
流程搭建
有效溝通流程模型
在有效溝通流程模型中，我按籌備、執(zhí)行、跟進(jìn)三個(gè)階段，繪制出體驗(yàn)地圖，將溝通中的關(guān)鍵節(jié)點(diǎn)按行為、心理、情緒、方法、工具五個(gè)緯度拆分，梳理各節(jié)點(diǎn)需注意的問(wèn)題，以及相應(yīng)的有效溝通方法和工具。（詳情請(qǐng)點(diǎn)擊查看大圖）
籌備階段——明確目的，同步信息
明確溝通目的。無(wú)論是同步郵件、電話會(huì)議還是IM群聊，都需要在發(fā)起前明確目的，列好問(wèn)題清單，帶著目的溝通。如：多方電話會(huì)議前，應(yīng)事先知會(huì)各方會(huì)議主旨，準(zhǔn)備會(huì)議提綱并在會(huì)議開(kāi)始時(shí)向各方闡明，為會(huì)議提供清晰的行進(jìn)框架。
提前同步信息。信息同步是溝通的前提。依據(jù)溝通目的準(zhǔn)備溝通所需的文檔，根據(jù)需要提前同步，盡量減少因信息不對(duì)稱帶來(lái)的時(shí)間浪費(fèi)。明確易讀的設(shè)計(jì)輸出、正式溝通前與各方單獨(dú)的預(yù)溝通、提前郵件同步告知等，都是有效信息同步的手段。
執(zhí)行階段——抓大放小、促成共識(shí)
對(duì)待爭(zhēng)議，抓大放小，避免僵局。評(píng)估爭(zhēng)議點(diǎn)時(shí)，先不要基于反駁避免情緒化表達(dá)，適當(dāng)發(fā)問(wèn)：為什么做？為什么不做？不做之后有什么后果？理智全面的做出評(píng)判。給問(wèn)題點(diǎn)評(píng)定優(yōu)先級(jí)，抓大放小，集中精力推進(jìn)主功能，高成本、低優(yōu)先級(jí)的細(xì)節(jié)問(wèn)題放到最后統(tǒng)一處理，避免陷入“就是要改”vs“就是不改”的無(wú)謂消耗。根據(jù)需要及時(shí)協(xié)調(diào)第三方資源進(jìn)場(chǎng)，尋求技術(shù)支持或資深leader的建議，避免溝通僵局的出現(xiàn)。
促成共識(shí)。無(wú)結(jié)果的溝通是無(wú)效的溝通，有效溝通應(yīng)促使各方達(dá)成共識(shí)。無(wú)論是待協(xié)調(diào)、暫擱置還是需改進(jìn)，都需要有一個(gè)結(jié)論明確、責(zé)任人明確、截止時(shí)間明確的溝通結(jié)論，并依此執(zhí)行跟進(jìn)。
跟進(jìn)階段——同步落實(shí)，自我反思
進(jìn)度同步，問(wèn)題落實(shí)。溝通過(guò)后及時(shí)同步溝通結(jié)論，設(shè)計(jì)交付、前端交付等階段性時(shí)間節(jié)點(diǎn)，需以正式的項(xiàng)目郵件，及時(shí)周知項(xiàng)目相關(guān)人員。對(duì)于已解決的問(wèn)題，及時(shí)跟進(jìn)驗(yàn)收；暫時(shí)擱置的問(wèn)題，做好記錄，明確時(shí)間節(jié)點(diǎn)和責(zé)任人；需更多資源介入的問(wèn)題，及時(shí)對(duì)上反饋，申請(qǐng)資源解決。
自我反思與補(bǔ)齊。每次溝通都是一次查漏補(bǔ)缺的過(guò)程，每次溝通后花時(shí)間反思一下本次溝通中自己在設(shè)計(jì)說(shuō)明中有哪些疏忽、表述上有何不足、相關(guān)知識(shí)上有那些欠缺，以此為鑒及時(shí)調(diào)整、補(bǔ)齊疏漏。
工具沉淀
開(kāi)發(fā)故事卡
說(shuō)明：明確易讀的設(shè)計(jì)說(shuō)明文檔
功能：產(chǎn)品設(shè)計(jì)說(shuō)明、開(kāi)發(fā)指導(dǎo)手冊(cè)、階段性交付走查依據(jù)
使用場(chǎng)景：跨團(tuán)隊(duì)溝通中，便于開(kāi)發(fā)人員準(zhǔn)確的理解設(shè)計(jì)意圖；適合外部合作時(shí)模塊化開(kāi)發(fā)與階段性交付，便于交付及走查。
使用要點(diǎn)：
根據(jù)信息構(gòu)架拆分產(chǎn)品模塊，分別設(shè)立索引，提供產(chǎn)品概覽，串聯(lián)各功能詳情頁(yè)。
在索引和詳情頁(yè)之間由超鏈接跳轉(zhuǎn)，方便快速定位。
按照功能點(diǎn)拆分詳情頁(yè)，提出功能需求，明確驗(yàn)收標(biāo)準(zhǔn)，說(shuō)明頁(yè)面細(xì)節(jié)。
各頁(yè)面統(tǒng)一編號(hào)與視覺(jué)源文件一一對(duì)應(yīng)，方便快速查找。
需求管理文檔
說(shuō)明：需求及反饋問(wèn)題的規(guī)范化管理模板
功能：需求變動(dòng)及問(wèn)題反饋的管理模板、開(kāi)發(fā)發(fā)跟進(jìn)的溝通文檔
使用場(chǎng)景：開(kāi)發(fā)跟進(jìn)階段，實(shí)時(shí)記錄變動(dòng)的需求及反饋的問(wèn)題點(diǎn)；設(shè)計(jì)側(cè)定期反饋給開(kāi)發(fā)人員的規(guī)范化輸出文檔。
使用要點(diǎn)：
明確問(wèn)題及目標(biāo)效果，排定優(yōu)先級(jí)依此解決。
明確負(fù)責(zé)人和時(shí)間節(jié)點(diǎn)，保證落實(shí)。
做好文檔更新維護(hù)及信息同步。
按階段統(tǒng)一反饋調(diào)整，節(jié)約開(kāi)發(fā)時(shí)間。
關(guān)注點(diǎn)推進(jìn)模型
說(shuō)明：不同項(xiàng)目階段明確核心關(guān)注點(diǎn)的虛擬模型
功能：輔助聚焦當(dāng)下關(guān)注點(diǎn)，避免陷入不合時(shí)宜的細(xì)節(jié)或宏觀問(wèn)題
使用場(chǎng)景：從宏觀到微觀的產(chǎn)品設(shè)計(jì)過(guò)程中，幫助梳理各個(gè)階段需溝通的核心問(wèn)題，溝通時(shí)陷入細(xì)節(jié)或反復(fù)爭(zhēng)論時(shí)的自查工具。
使用要點(diǎn)：
做好關(guān)注點(diǎn)的的逐步推進(jìn)：探討信息構(gòu)架時(shí)就不要在交互樣式上反復(fù)拉鋸；討論交互方式時(shí)就不要過(guò)度關(guān)注視覺(jué)細(xì)節(jié)。
不過(guò)早陷入細(xì)節(jié)。優(yōu)秀產(chǎn)品的細(xì)節(jié)固然需打磨，但從0到1實(shí)現(xiàn)一款產(chǎn)品的過(guò)程中，將有限的資源和排期消耗在不合時(shí)宜的細(xì)節(jié)權(quán)衡上，得不償失。
同樣，若因執(zhí)行時(shí)的設(shè)計(jì)挑戰(zhàn)需調(diào)整產(chǎn)品上層，也需主題限定問(wèn)題范圍，不要因宏觀問(wèn)題上的反復(fù)而影響執(zhí)行效率。
優(yōu)先級(jí)評(píng)估模型
說(shuō)明：不同項(xiàng)目階段評(píng)估需求優(yōu)先級(jí)的KANO衍生模型
功能：借助KANO模型分析思路，對(duì)需求優(yōu)先級(jí)提供排定依據(jù)
使用場(chǎng)景：設(shè)計(jì)階段樣式取舍、開(kāi)發(fā)跟進(jìn)階段需求調(diào)整的先后順序、應(yīng)對(duì)分歧如何抓大放小，都可以借助優(yōu)先級(jí)評(píng)估模型輔助評(píng)估。
使用要點(diǎn)：
不同項(xiàng)目階段，不同溝通對(duì)象對(duì)同一需求優(yōu)先級(jí)的評(píng)定標(biāo)準(zhǔn)不同，因此應(yīng)注意根據(jù)項(xiàng)目階段和溝通對(duì)象靈活調(diào)整。
不同產(chǎn)品在用戶體驗(yàn)與產(chǎn)品目標(biāo)取舍上有所區(qū)別。一般而言，2C產(chǎn)品更注重用戶體驗(yàn)，而2B產(chǎn)品則可能更注重實(shí)現(xiàn)產(chǎn)品目標(biāo)，因此應(yīng)注意具體產(chǎ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ù)
如果您想訂閱本博客內(nèi)容，每天自動(dòng)發(fā)到您的郵箱中， 請(qǐng)點(diǎn)這里
積分的作用在整個(gè)產(chǎn)品的過(guò)程中主要是希望是圍繞著拉新、留存、促活去做的，配合著主打新功能等等根據(jù)產(chǎn)品的差異而差異化。從用戶為出發(fā)點(diǎn)，將積分可以分為兩大塊：一塊是獲取、一塊是消耗。
首先，就積分而言，是用戶通過(guò)完成某些任務(wù)或手段來(lái)進(jìn)行對(duì)應(yīng)積分點(diǎn)的獲取，再通過(guò)相關(guān)的手段進(jìn)行消耗的一個(gè)過(guò)程。
所以從用戶為出發(fā)點(diǎn)，將積分可以分為兩大塊：一塊是獲取；一塊是消耗。
下面針對(duì)兩點(diǎn)分開(kāi)來(lái)說(shuō)：
獲取方式，大類可根據(jù)用戶完成對(duì)應(yīng)任務(wù)類型分為：
根據(jù)產(chǎn)品核心功能和側(cè)重點(diǎn)的不同而不同，一定要區(qū)別哪些信息內(nèi)容是我們想從用戶處獲取的核心，哪一些并不是很重要。不要人云亦云，不要有“別的產(chǎn)品有了所以我也要有”的思想，思考一下為什么你要需要這個(gè)任務(wù)?？梢远鄥⒄掌渌e分體系完善的對(duì)它們進(jìn)行整理歸類，之后結(jié)合自身產(chǎn)品特性再去做自己的。
這個(gè)具體需要配合運(yùn)營(yíng)相關(guān)人員的推廣活動(dòng)等等進(jìn)行部署調(diào)整，但是一定要做好部門間的對(duì)接工作。因?yàn)榛顒?dòng)對(duì)應(yīng)分配的積分比例等等影響很深遠(yuǎn)，一定要思考好本次活動(dòng)預(yù)計(jì)需要分發(fā)出去多少積分，達(dá)到怎樣的活動(dòng)效果？對(duì)積分整體有什么影響？存在那些可能出現(xiàn)的問(wèn)題和漏洞？怎么去防止薅羊毛黨？等等。
這類主要是，例如：生日，或者和用戶建立聯(lián)系的特定日期（例如：幾周年等等）。
這類主要放在消耗中講，主要是抽獎(jiǎng)?lì)惏逊e分當(dāng)作一類獎(jiǎng)品進(jìn)行兌換。
以上算是大致講了積分的獲取，要領(lǐng)就是結(jié)合產(chǎn)品結(jié)合情景去進(jìn)行設(shè)置。對(duì)于初次設(shè)計(jì)的人來(lái)說(shuō)，就是先要找到經(jīng)典體系完整的有相關(guān)性參考價(jià)值的產(chǎn)品的積分體系，進(jìn)行總結(jié)整理思考，然后再進(jìn)行自己的設(shè)計(jì)，而且盡量多看多整理幾家。
消耗的話根據(jù)產(chǎn)品的自身屬性的不同，表現(xiàn)形式差異性比較大所以我的列舉不一定人人都適用，僅供參考。但是本質(zhì)都是一樣的，都是進(jìn)行積分的消耗。
兌換的手段可以是純積分兌換，可以是積分+現(xiàn)實(shí)貨幣。對(duì)于兌換商品的選擇也是很重要，如果兌換給出的商品都讓用戶提不起來(lái)興趣，那么無(wú)疑是失敗的。好比二次元類搞活動(dòng)積分兌洗潔精就跑的很偏了，所以選品也很重要。
虛擬產(chǎn)品的兌換最好是圍繞著核心功能or下一步主打的功能來(lái)比較好，再或者說(shuō)積分體系和會(huì)員體系是相輔相成的，可以在兌換商品，這里加入兌換會(huì)員增強(qiáng)之間的聯(lián)系。會(huì)員體系是另外一大塊了在這里就不說(shuō)了。
抽獎(jiǎng)是最好的進(jìn)行積分流動(dòng)的手段，如果用戶只是一味的累積積分，無(wú)論是產(chǎn)品所提供的虛擬商品，還是現(xiàn)實(shí)商品都不和他心意提供另一個(gè)出口給用戶。或者前兩者門檻過(guò)高或需要現(xiàn)實(shí)貨幣，用戶不愿花費(fèi)，抽獎(jiǎng)都是一種低花費(fèi)積分小概率抽中商品，利于積分生態(tài)的流動(dòng)的措施。
具體的抽獎(jiǎng)形式就很多了什么刮刮獎(jiǎng)啊大轉(zhuǎn)盤啊，記得要控制好概率分配噢。
（1）對(duì)于整個(gè)積分體系上面都是細(xì)節(jié)，在實(shí)際操作中第一步，要確定的是在公司的戰(zhàn)略上，愿意每年投入多少錢在里面，或者對(duì)于已經(jīng)盈利的公司，是拿出盈利里的多少百分比來(lái)進(jìn)行用戶的一個(gè)回饋。
同時(shí)，在投入時(shí)，希望得到的反饋效果是怎樣的，都要制定好。這個(gè)可以根據(jù)數(shù)據(jù)后期的變化再進(jìn)行調(diào)整，但是一定要有這樣一個(gè)概念。去估計(jì)整體的量，在這個(gè)預(yù)算下進(jìn)行后期的設(shè)計(jì)，同時(shí)在后期設(shè)計(jì)完成后，在進(jìn)行計(jì)算在極端情況下（兩個(gè)極端）和預(yù)期情況下，和公司整體戰(zhàn)略偏差是否在可接受范圍，如果不在那么再進(jìn)行調(diào)整。
（2）積分體系可以看作是產(chǎn)品內(nèi)部的貨幣體系，所以要注意積分膨脹和積分緊縮的問(wèn)題，要是積分的價(jià)值盡量保持在一個(gè)波動(dòng)不大可控的范圍內(nèi)。無(wú)論是膨脹還是緊縮，都會(huì)影響產(chǎn)品和用戶給產(chǎn)品帶來(lái)不好的影響。請(qǐng)重點(diǎn)關(guān)注膨脹，因?yàn)槎鄶?shù)會(huì)出現(xiàn)的情況時(shí)設(shè)計(jì)不當(dāng)積分超發(fā)。
（3）做好相關(guān)數(shù)據(jù)的管理實(shí)時(shí)反饋，用戶的領(lǐng)取積分?jǐn)?shù)據(jù)，消耗積分?jǐn)?shù)據(jù)等等，細(xì)節(jié)數(shù)據(jù)需要自己去扣清楚都是有價(jià)值的數(shù)據(jù)。后臺(tái)相關(guān)頁(yè)面設(shè)計(jì)到位，及時(shí)將數(shù)據(jù)反饋給相關(guān)人員進(jìn)行溝通。
（4）做好風(fēng)控體系，別讓羊毛黨毀了整個(gè)體系。
（5）不要讓你的積分體系一成不變，在固定的體系下，要用不同的活動(dòng)內(nèi)容和兌換商品的推成出新，讓用戶感覺(jué)到新鮮感。如果什么都不變化不抓著節(jié)奏走，那么用戶會(huì)失去興趣。具體要和運(yùn)營(yíng)等等相關(guān)人員進(jìn)行討論。
（6）積分的規(guī)則一定要完善沒(méi)有漏洞，不論是給出的任務(wù)還是消耗的過(guò)程一定不要有歧義，一定要仔細(xì)?。。。。?！這點(diǎn)很重要?。。。?
（7）積分體系的任務(wù)應(yīng)該是對(duì)用戶的留存，活躍和新增起到幫助作用的。所以不可能兼顧到所有的注冊(cè)用戶，一定要分清楚主次，誰(shuí)是主要服務(wù)對(duì)象，服務(wù)的目的是什么等等。
好久沒(méi)有寫過(guò)文章了，邏輯有不順暢，內(nèi)容有錯(cuò)誤的地方歡迎大家指出，互相學(xué)習(xí)，謝謝閱讀。
本文由 @judyyyy 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎ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ù)
如果您想訂閱本博客內(nèi)容，每天自動(dòng)發(fā)到您的郵箱中， 請(qǐng)點(diǎn)這里
編者按：這篇來(lái)自產(chǎn)品設(shè)計(jì)師 Eugen E?anu 的文章解開(kāi)了我長(zhǎng)久以來(lái)的一個(gè)疑惑，其中的思考和經(jīng)驗(yàn)值得我們共勉。結(jié)尾的 One more thing 是我額外補(bǔ)充的內(nèi)容和一點(diǎn)想法，和當(dāng)下產(chǎn)品設(shè)計(jì)的困境相關(guān)，也是試圖補(bǔ)完這篇文章，希望能給你一點(diǎn)幫助。
當(dāng)你在尋找一個(gè)能夠滿足你需求的應(yīng)用的時(shí)候，會(huì)不會(huì)因?yàn)樘嘞嗨频漠a(chǎn)品而無(wú)從選擇？當(dāng)你想要在兩個(gè)甚至更多相似的產(chǎn)品中進(jìn)行選擇，一切都顯得那么困難。而唯一能夠進(jìn)行快速區(qū)分的因素似乎是設(shè)計(jì)，但是緊接著會(huì)發(fā)現(xiàn)連設(shè)計(jì)都是那么相似。
在回答這個(gè)問(wèn)題之前，我想簡(jiǎn)單澄清一些事情。為了創(chuàng)造出能夠解決需求的產(chǎn)品，通常需要采用以人為本的方法來(lái)進(jìn)行設(shè)計(jì)，但是事實(shí)上，那種狀態(tài)太過(guò)于理想，幾乎沒(méi)人能夠真正做到。
以人為本的設(shè)計(jì)方法，確實(shí)能夠極富創(chuàng)造性地解決問(wèn)題。當(dāng)采用這種方法來(lái)為目標(biāo)用戶進(jìn)行設(shè)計(jì)，最終能夠得到了一個(gè)為這些用戶量身定制的解決方案。但是，這種設(shè)計(jì)方法需要設(shè)計(jì)者具備無(wú)與倫比的同理心來(lái)真正站在目標(biāo)用戶的角度來(lái)思考問(wèn)題，由此獲得大量的想法和靈感，建立一大堆可能有效的原型，同目標(biāo)用戶分享你正在做的事情，驗(yàn)證你的感受和想法，最終將你的創(chuàng)新的解決方案推向世界。但是這是理想的狀況。
那么為什么世界上那么多偉大的公司，依然無(wú)法真正采用這樣的方法成就真正優(yōu)秀的產(chǎn)品呢？因?yàn)閹缀跛械漠a(chǎn)品身上都有一種病毒，它的名字叫做特征蔓延。
特征蔓延的英文名叫做 Feature creep，它的主要癥狀就是不斷向產(chǎn)品中添加功能。
現(xiàn)如今，絕大多數(shù)的產(chǎn)品，無(wú)論是物理實(shí)體還是存在于手機(jī)中的各色 APP，幾乎全都面對(duì)著激烈的競(jìng)爭(zhēng)。
激烈的競(jìng)爭(zhēng)使得每個(gè)人都面臨著壓力，產(chǎn)品所屬的企業(yè)中，從領(lǐng)導(dǎo)到產(chǎn)品經(jīng)理再到最底層的開(kāi)發(fā)者和設(shè)計(jì)師，所有人都面對(duì)著來(lái)自對(duì)手和潛在對(duì)手的壓力。
這種競(jìng)爭(zhēng)壓力基本上是源自于三個(gè)方面：價(jià)格，功能和質(zhì)量。非常不幸的是，絕大多數(shù)時(shí)候，這三者的壓力從前到后是依次遞減的。價(jià)格競(jìng)爭(zhēng)的壓力通常是最大也是最直接的，然后才是功能和產(chǎn)品質(zhì)量，至于這個(gè)順序意味著什么，就不贅述了。
同時(shí)，產(chǎn)品上線的速度和順序也很重要。誰(shuí)是進(jìn)入市場(chǎng)第一人，這個(gè)是必須爭(zhēng)一下的。
這樣一來(lái)，想要盡快殺入市場(chǎng)的產(chǎn)品，在很大程度上是伴隨著「偷工減料」的。沒(méi)有足夠的時(shí)間來(lái)對(duì)產(chǎn)品進(jìn)行足夠多的迭代，沒(méi)有辦法把系統(tǒng)調(diào)整到最優(yōu)，沒(méi)有辦法把硬件缺陷都找出來(lái)，沒(méi)有辦法把軟件中每一個(gè) Bug 都盡量找出來(lái)，甚至絕大多數(shù)企業(yè)的領(lǐng)導(dǎo)都抱有「沒(méi)事，我們隨后再把問(wèn)題找出來(lái)解決掉?！箯碾娔X到汽車，從 Windows 到 iOS，從來(lái)都是如此。
沒(méi)有什么 Bug 是一個(gè)補(bǔ)丁解決不了的，如果不行，多打幾個(gè)?！猈indows開(kāi)發(fā)團(tuán)隊(duì)
當(dāng)然，能夠通過(guò)后期補(bǔ)丁解決的問(wèn)題終究是少數(shù)。實(shí)際市場(chǎng)上絕大多數(shù)的產(chǎn)品確實(shí)隨著補(bǔ)丁和修改逐步提升了，但是絕大多數(shù)仍然沒(méi)有解決用戶的問(wèn)題。
對(duì)于特征蔓延這種病癥，早在1976年就已經(jīng)被發(fā)現(xiàn)，并且在產(chǎn)品設(shè)計(jì)圈當(dāng)中有著非常廣泛的認(rèn)知。對(duì)于這種產(chǎn)品病有一個(gè)非常學(xué)術(shù)的描述：
特征蔓延是指一產(chǎn)品（如APP）的軟件機(jī)能持續(xù)膨脹或增加的情形。產(chǎn)品基本機(jī)能以外的擴(kuò)充機(jī)能，會(huì)使產(chǎn)品比原始設(shè)計(jì)要更復(fù)雜。長(zhǎng)時(shí)間來(lái)看，額外或不需要的機(jī)能慢慢的進(jìn)入系統(tǒng)中，使系統(tǒng)超出原來(lái)設(shè)定的目標(biāo)。
假設(shè)我們擁有一個(gè)非常強(qiáng)大的產(chǎn)品團(tuán)隊(duì)，設(shè)計(jì)師擁有足夠的同理心，開(kāi)發(fā)和測(cè)試也非常靠譜，他們使用以人為中心的設(shè)計(jì)方法，探索了所有用戶使用場(chǎng)景，并且遵循產(chǎn)品流程認(rèn)真設(shè)計(jì)仔細(xì)測(cè)試，最終輸出了一個(gè)用戶想要購(gòu)買的優(yōu)質(zhì)產(chǎn)品。假設(shè)這個(gè)問(wèn)世的產(chǎn)品在各個(gè)層面上都是完美的：擁有直觀的界面，良好的感覺(jué)和優(yōu)秀的視覺(jué)，貼合用戶的體驗(yàn)等等。它只有一個(gè)使命，那就是以有意義的方式滿足人們的需求，讓人們能夠更好地生活，產(chǎn)品因此而走向成功。誰(shuí)都想來(lái)一個(gè)。（就像解決了信號(hào)問(wèn)題的 iPhone 4）
非常不幸的是，產(chǎn)品上市之后，各種各樣的影響因素開(kāi)始出現(xiàn)，情況開(kāi)始向著并不理想的方向發(fā)展。
特征蔓延就是這樣出現(xiàn)的，產(chǎn)品在現(xiàn)有的功能上不斷增加更多的功能。各種各樣的理由會(huì)促使產(chǎn)品不得不增加功能，各種各樣。然后產(chǎn)品開(kāi)始膨脹，臃腫，直到用戶實(shí)在不太想用或者徹底沒(méi)法用。
而在如今的市場(chǎng)和商業(yè)競(jìng)爭(zhēng)中，特征蔓延并不是唯一的絕癥。
哈佛大學(xué)教授 Youngme Moon 認(rèn)為，產(chǎn)品和競(jìng)品之間的攀比對(duì)抗是讓產(chǎn)品陷入千篇一律的境地的主要原因。通常，企業(yè)為了提升產(chǎn)品的市場(chǎng)份額，會(huì)讓自家產(chǎn)品擁有對(duì)手一樣的功能，來(lái)確保競(jìng)爭(zhēng)力。對(duì)手的團(tuán)隊(duì)協(xié)同軟件的售價(jià)是20美元？沒(méi)事，我們開(kāi)發(fā)個(gè)功能一樣強(qiáng)大的，定價(jià)15美元好了。他們的移動(dòng)端的 APP 只需要加1美元就能獲得？那我們的移動(dòng)端版本直接免費(fèi)和桌面端綁定好了。
當(dāng)產(chǎn)品陷入和對(duì)手刺刀見(jiàn)紅的局面之時(shí)，兩敗俱傷的結(jié)果就不遠(yuǎn)了。試圖逐個(gè)功能和對(duì)手競(jìng)爭(zhēng)，必然會(huì)陷入同質(zhì)化的競(jìng)爭(zhēng)，很難讓用戶真正愛(ài)上其中的某個(gè)產(chǎn)品。
這種就是競(jìng)爭(zhēng)驅(qū)動(dòng)型設(shè)計(jì)。令人遺憾的是，即使產(chǎn)品的第一版是以用戶為中心設(shè)計(jì)出來(lái)的優(yōu)質(zhì)產(chǎn)品，在競(jìng)爭(zhēng)驅(qū)動(dòng)下誕生的后續(xù)產(chǎn)品，就很難贏得用戶的真心了。
很多時(shí)候如果你想創(chuàng)造真正卓越的產(chǎn)品，你不得不花費(fèi)更多的時(shí)間。而即使你創(chuàng)造出來(lái)這樣的產(chǎn)品，在市場(chǎng)上也不一定能在銷售排行榜上殺入前三，屈居第四是很正常的事情。那么你還愿意這么做么？
我們都聽(tīng)說(shuō)過(guò)先發(fā)優(yōu)勢(shì)，但是你真的知道獲得先發(fā)優(yōu)勢(shì)，將會(huì)付出什么樣的代價(jià)么？
以寫書來(lái)舉例也許更加直觀。當(dāng)你決定寫一本關(guān)于設(shè)計(jì)的書，然后登上暢銷榜，名利雙收，好像挺不錯(cuò)的。如果它的內(nèi)容是之前沒(méi)人寫過(guò)的，并且確實(shí)比較有市場(chǎng)，在內(nèi)容上稍加打磨，幾個(gè)月后引爆設(shè)計(jì)圈似乎不是太大的問(wèn)題。事實(shí)上，它上架之后，和自己的預(yù)期相差不遠(yuǎn)，挺好。不過(guò)，不知道為什么，1年之后，熱點(diǎn)消退，這本書也沒(méi)什么人買了。
換一個(gè)做法，寫書的過(guò)程中可能需要勒緊褲腰帶過(guò)日子，花上5年時(shí)間仔細(xì)揣摩，寫一本擁有持續(xù)價(jià)值的書，然后在之后的100年時(shí)間當(dāng)中，成為設(shè)計(jì)圈中每個(gè)設(shè)計(jì)師的必讀書。寫書的過(guò)程中，你需要專門地進(jìn)行研究，仔細(xì)地調(diào)整內(nèi)容，對(duì)于每個(gè)細(xì)節(jié)都精雕細(xì)琢，花費(fèi)更多的時(shí)間，讓這本書有對(duì)抗時(shí)間的價(jià)值。
從長(zhǎng)遠(yuǎn)來(lái)看，只看眼前、偷工減料的公司會(huì)自然而然過(guò)時(shí)，然后被人們所忘記。浪潮過(guò)后，誰(shuí)在裸泳一目了然。
和對(duì)手的對(duì)比，總能看到自家產(chǎn)品的缺陷，然后補(bǔ)完缺陷，這有什么不對(duì)么？似乎沒(méi)問(wèn)題，但是這種思維方式并不會(huì)打造更好的產(chǎn)品。更好的策略是：
專注于自家真正擅長(zhǎng)的領(lǐng)域，并繼續(xù)深挖自己的長(zhǎng)處。在自己的優(yōu)勢(shì)領(lǐng)域，集中自己的研發(fā)能力，并作為營(yíng)銷重點(diǎn)。這樣才能讓自己的產(chǎn)品從平庸走向卓越，真正能在慘烈的紅海中脫穎而出。用更少更精銳的功能來(lái)成就自己，而不是在成堆的功能中與對(duì)手同歸于盡。
還記得一代的 Google Pixel Phone 么？他們的營(yíng)銷口號(hào)是「有耳機(jī)插孔的手機(jī)」，對(duì)標(biāo)的正是取消耳機(jī)插孔的 iPhone ，而這個(gè)文案正是嘲諷 iPhone 的設(shè)計(jì)太過(guò)愚蠢。令人驚訝的是，隨后的 Google Pixel 2 也跟著取消了耳機(jī)插孔?，F(xiàn)在還有誰(shuí)記得 Google Pixel 系列呢？
偉大的設(shè)計(jì)需要脫離茍且的競(jìng)爭(zhēng)和來(lái)自客戶的壓力。開(kāi)始專注于你認(rèn)為重要的事情，以及你目光所及的遠(yuǎn)方。在你最優(yōu)秀的地方，集中精力。你必須確保你的產(chǎn)品是一致且連貫的。這意味著領(lǐng)導(dǎo)層需要足夠睿智，也足夠堅(jiān)定，這樣才能抵擋來(lái)自用戶和市場(chǎng)部門不斷增加產(chǎn)品功能的各種需求。
成就最好的產(chǎn)品，設(shè)計(jì)者要屏蔽來(lái)自競(jìng)爭(zhēng)對(duì)手的聲音，專注于用戶真實(shí)的深層需求。
不要覺(jué)得我的話是憑空而來(lái)的。Amazon 的 CEO 兼創(chuàng)始人 Jeff Bezos 也提到過(guò)類似的方法，被稱為「客戶迷戀」。在他看來(lái)，將所有精力集中在客戶的需求上，而不是競(jìng)爭(zhēng)。重點(diǎn)在于三個(gè)簡(jiǎn)單的問(wèn)題上：「客戶需要的是什么？」「他們的需求如何才能滿足」「我們可以做什么來(lái)提高客戶服務(wù)和價(jià)值？」Bezos 還認(rèn)為，專注于客戶才是首要目標(biāo)，其他的問(wèn)題會(huì)迎刃而解的。如果你一開(kāi)始就被市場(chǎng)競(jìng)爭(zhēng)吸引了注意力，很難作出真正對(duì)的決策。產(chǎn)品質(zhì)量通常只關(guān)乎客戶和解決真實(shí)的需求。
想要從激烈的競(jìng)爭(zhēng)中抽身出來(lái)， 創(chuàng)造真正獨(dú)特的產(chǎn)品，是許多產(chǎn)品設(shè)計(jì)師的愿望。但是這真的不是一句話說(shuō)得清楚的事情，真實(shí)的情況比我們想象中還要復(fù)雜。
競(jìng)爭(zhēng)驅(qū)動(dòng)型的設(shè)計(jì)確實(shí)是一個(gè)很難繞過(guò)的問(wèn)題，驅(qū)動(dòng)產(chǎn)品的不僅僅是領(lǐng)導(dǎo)和客戶的聲音，深陷市場(chǎng)競(jìng)爭(zhēng)，許多時(shí)候確實(shí)身不由己。
采用以用戶為中心的設(shè)計(jì)的設(shè)計(jì)流程，還繞不開(kāi)一個(gè)常見(jiàn)的因素：最佳實(shí)踐。經(jīng)過(guò)前人驗(yàn)證、時(shí)間打磨、用戶習(xí)慣之后所獲得的最佳實(shí)踐，是設(shè)計(jì)師和產(chǎn)品在很多時(shí)候必須依托的東西。比如我們?nèi)缃袼吹降脑S多表單的設(shè)計(jì)策略和漢堡菜單的使用。用戶和市場(chǎng)已經(jīng)「塑造」出了許多最優(yōu)的設(shè)計(jì)策略，設(shè)計(jì)師通常會(huì)直接拿來(lái)使用，而我們感到「千人一面」的 UI設(shè)計(jì)當(dāng)中，確實(shí)有各種最佳實(shí)踐所「作出的貢獻(xiàn)」。
包括我們現(xiàn)在正在不斷探索的動(dòng)效設(shè)計(jì)，雖然力圖在視覺(jué)和體驗(yàn)上有所創(chuàng)新，但是早在近百年前，迪士尼的動(dòng)畫設(shè)計(jì)師們已經(jīng)總結(jié)出一套人性化動(dòng)畫設(shè)計(jì)的策略，實(shí)際上我們今天許多優(yōu)秀的動(dòng)效設(shè)計(jì)，依然是圍繞著這一套「最佳實(shí)踐」來(lái)進(jìn)行設(shè)計(jì)和重設(shè)計(jì)的。
違反「最佳實(shí)踐」的特立獨(dú)行的設(shè)計(jì)并非不可，只不過(guò)它通常需要遵循「每次僅只能打破一個(gè)規(guī)則」的原則。在用戶已經(jīng)被市場(chǎng)培養(yǎng)出大量習(xí)慣的前提之下，大量采用反直覺(jué)、反習(xí)慣的設(shè)計(jì)，只會(huì)讓產(chǎn)品死的更快。
那么是不是就沒(méi)有辦法了呢？當(dāng)然不是。新鮮有趣的、獨(dú)樹(shù)一幟的設(shè)計(jì)并非沒(méi)有辦法設(shè)計(jì)，設(shè)計(jì)師需要在最佳實(shí)踐以外的部分尋求改變，探索可能性，甚至等待契機(jī)。不同的設(shè)計(jì)趨勢(shì)、元素、技法、排版布局、配色、動(dòng)效進(jìn)行多樣化的組合，依然可以創(chuàng)造出讓人眼前一亮的設(shè)計(jì)。但是這還不夠。
早在上世紀(jì)30年代的時(shí)候，包豪斯設(shè)計(jì)學(xué)院的先哲們就已經(jīng)提出過(guò)「形式追隨功能」的設(shè)計(jì)箴言。這句話強(qiáng)調(diào)的是設(shè)計(jì)的科學(xué)性，便捷性和經(jīng)濟(jì)效益，而不再是圍繞著裝飾性和簡(jiǎn)單的形式感來(lái)進(jìn)行設(shè)計(jì)。在今天這個(gè)用戶體驗(yàn)至上、以用戶為中心的設(shè)計(jì)趨勢(shì)之下，UI 和視覺(jué)所代表的「形式」所追隨的「功能」應(yīng)該是用戶的真實(shí)需求。而在這個(gè)語(yǔ)境下試圖創(chuàng)新，或者恰如其分地融入一些貼合場(chǎng)景和目標(biāo)的藝術(shù)元素，也許是個(gè)不錯(cuò)的突破口。
正如同在上一篇文章《熟知用戶行為的這7個(gè)層面，你的設(shè)計(jì)才會(huì)走進(jìn)人心》中所說(shuō)的，客戶買鉆頭的時(shí)候，需要的并非鉆頭而是洞，同樣的，用戶下載一款閱讀APP 的時(shí)候，他的真實(shí)需要并非是閱讀器，他需要的是內(nèi)容，是信息，是滿足他求知欲的文章，或者填補(bǔ)碎片時(shí)間的有趣的故事。
內(nèi)容為王這句話早就已經(jīng)不是口號(hào)了。圍繞著內(nèi)容做設(shè)計(jì)已經(jīng)成為了諸如 Medium 和 Twtter 這樣的企業(yè)的新策略，而國(guó)內(nèi)的許多一線企業(yè)也開(kāi)始擁有自己的「首席內(nèi)容官」。讓設(shè)計(jì)追隨內(nèi)容，讓真正吸引用戶的東西來(lái)撬動(dòng)產(chǎn)品，拉升體量，才是正途。
設(shè)計(jì)和內(nèi)容的結(jié)合方式多種多樣，根據(jù)內(nèi)容所需要的語(yǔ)境來(lái)搭配相應(yīng)的設(shè)計(jì)是目前已知的最常見(jiàn)的做法。根據(jù)內(nèi)容本身所具備的故事性和環(huán)境特征，視覺(jué)化地表達(dá)，讓 UI 和視覺(jué)服務(wù)于內(nèi)容，是許多成功的設(shè)計(jì)所驗(yàn)證過(guò)的技巧。
比如下面的 voyage-electrique這個(gè)網(wǎng)站，借助 C4D 構(gòu)建的 3D 可交互式的場(chǎng)景來(lái)呈現(xiàn)電力系統(tǒng)的運(yùn)作，清新可愛(ài)的畫風(fēng)和令人愉悅的音樂(lè)讓原本沉悶的主題顯得頗為有趣，讓人心生好感的設(shè)計(jì)，使得相關(guān)的信息更容易被用戶接受。流程化的信息呈現(xiàn)方式隱約具備了故事性的表達(dá)，即使你并不懂法語(yǔ)也會(huì)流連忘返，在點(diǎn)擊和探索中多停留一會(huì)兒。語(yǔ)言蒼白，不如點(diǎn)進(jìn)去看看。
最后需要注意一個(gè)問(wèn)題：人類先天就是喜新厭舊的生物，再新鮮有趣的東西，在獲得之后都會(huì)快速地適應(yīng)（適應(yīng)性認(rèn)知偏差），并不再感到新鮮。在內(nèi)容和設(shè)計(jì)策略上，適時(shí)地注入新鮮的內(nèi)容（不違反基本設(shè)計(jì)規(guī)則和產(chǎn)品方向的前提下），是維持活躍度而必須做的事情。
原文作者 : Eugen E?anu
譯者/編輯 : 陳子木
譯文地址：https://www.uisdc.com/design-product-like-everyone-else
藍(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án)藍(lán)設(shè)計(jì)的小編 http://www.yvirxh.cn