前段時(shí)間讀了一本書叫做《增長黑客》，這個(gè)產(chǎn)品和運(yùn)營人員應(yīng)該讀的書，碰巧我也讀了一遍，給我的啟發(fā)還是挺大的，發(fā)現(xiàn)之前都是在稀里糊涂的做設(shè)計(jì)，現(xiàn)在必須要通過設(shè)計(jì)為產(chǎn)品帶來一定效果，比如說用戶的增加，用戶的體驗(yàn)等.

Airbnb 在早期的時(shí)候發(fā)現(xiàn)用戶量很大，但是產(chǎn)生付費(fèi)訂購的人確是很少，那么他們就觀察用戶是在那一步產(chǎn)生了跳出呢，她們發(fā)現(xiàn)只要用戶在查看房間圖片的時(shí)候，用戶就關(guān)閉退出了，她們猜測可能是房主上傳的圖片不夠精美導(dǎo)致的，為了驗(yàn)證這個(gè)效果，她們在紐約尋找了大量的專業(yè)攝影師幫助房主拍攝照片，之后在紐約的這一片區(qū)域里轉(zhuǎn)化率提高了百分之200，之后做辦法就是快速復(fù)制，我們?nèi)说拇竽X分為情緒腦腦和理性腦，情緒腦快速的決定，之后交給我們的理性腦進(jìn)行詳細(xì)的思考，但是在人體的腦構(gòu)成中，情緒腦的占比要高于理性腦，當(dāng)把為問題交給理性腦去做詳細(xì)的思考的時(shí)候，更多時(shí)候理性腦會給你與好多理性的支撐，原因是人類的大腦是非常懶于思考的，更愿意幫助情緒腦來做決定，這就是為什么當(dāng)我們看到精美的衣服或者物品時(shí)總會產(chǎn)生沖動(dòng)性消費(fèi)的原因。

做互聯(lián)網(wǎng)UI設(shè)計(jì)應(yīng)該關(guān)注的點(diǎn)：

在日常做設(shè)計(jì)中我發(fā)現(xiàn)很多朋友非常注重設(shè)計(jì)的配色、排版、構(gòu)圖等表象的東西，在互聯(lián)網(wǎng)公司做設(shè)計(jì)我們的關(guān)注點(diǎn)要有所傾斜，要更多的關(guān)注數(shù)據(jù)，數(shù)據(jù)方面我們要留意轉(zhuǎn)化率、留存率、跳出率、交易總額、訂單數(shù)、點(diǎn)擊量、訪問頻率、間隔時(shí)長、停留時(shí)間、訪問頁面數(shù)、完成任務(wù)的情況、滿意度、用戶反饋、用戶評價(jià)、推薦度

做設(shè)計(jì)之前一定要問為什么？想達(dá)到什么效果？

其實(shí)我們大部分設(shè)計(jì)在拿到產(chǎn)品或運(yùn)營的需求的時(shí)候，并不知道做此次設(shè)計(jì)的目的以及目標(biāo)，內(nèi)心只想幫助同事完成他的想法，幫他把想法實(shí)現(xiàn)出來，在很多公司設(shè)計(jì)師只會埋頭做設(shè)計(jì)，對于其他事不聞不問，而你卻不知道，你正在處于你的筒倉當(dāng)中，為何我們現(xiàn)在強(qiáng)調(diào)開放式辦公，就是為了我們溝通起來更方便，當(dāng)我們做起設(shè)計(jì)來不關(guān)注目的，不查看反饋和效果，不關(guān)注這些我們就無法驗(yàn)證此次是否是有效的設(shè)計(jì)。

找到產(chǎn)品的“增長點(diǎn)”

由于產(chǎn)品初期增長空間是比較大的，凡是只要是改版多少都會有提升的效果，但是隨著產(chǎn)品慢慢進(jìn)入成長期，我們需要不斷的優(yōu)化設(shè)計(jì)，才能有更好的提升，凡是都有個(gè)盡頭，當(dāng)我們增長放緩，有可能意味著我們產(chǎn)品進(jìn)入了成熟期，意味我們商業(yè)模型基本成型，想要一直壯大下去，必須不斷有新的用戶增長，但是只是單純的關(guān)注新客增長是遠(yuǎn)遠(yuǎn)不夠的，還要關(guān)注我們的關(guān)鍵性指標(biāo)，比如說用戶轉(zhuǎn)化率等，也俗稱“北極星指標(biāo)”?？梢酝ㄟ^設(shè)計(jì)優(yōu)化注冊登入頁面，也可通過設(shè)計(jì)付費(fèi)懸浮按鈕，來增加轉(zhuǎn)化率。重點(diǎn)是要結(jié)合自家產(chǎn)品現(xiàn)有發(fā)展階段來進(jìn)行針對性設(shè)計(jì)。找到產(chǎn)品的增長點(diǎn)除了對自己產(chǎn)品理解的同時(shí)，還經(jīng)常運(yùn)用A/B測試、輿情監(jiān)測等手法來關(guān)注數(shù)據(jù)增長的變化。從而進(jìn)行更為精準(zhǔn)的優(yōu)化設(shè)計(jì)。

舉個(gè)例子：我們第一次優(yōu)化某一個(gè)營銷落地頁的時(shí)候，通過AB測試發(fā)現(xiàn)，數(shù)據(jù)完全沒有提升：

雖然從表面上來看，第一個(gè)界面設(shè)計(jì)感很弱，也略顯的粗糙，但是它的轉(zhuǎn)化率卻是最好，第二個(gè)雖然樣子上精美，但是真正的效果卻不如前者?？梢娫诋a(chǎn)品優(yōu)化方面并不是做的越精美越豐富越好，而是要掌握正確的方法和規(guī)則。

設(shè)計(jì)增長的實(shí)際運(yùn)用

我們拿設(shè)計(jì)著陸頁舉例，著陸頁是指用戶看到廣告后，通過點(diǎn)擊跳轉(zhuǎn)出現(xiàn)的第一個(gè)頁面，且該頁面只有一個(gè)核心頁面。常見的著陸頁組合形式：頭圖（主文案）+產(chǎn)品賣點(diǎn)+收集表單+召喚按鈕+品牌信任

頭圖：

頭圖是著陸頁門面，也決定著整個(gè)頁面的整體風(fēng)格，畢竟頭圖是決定用戶是否向下滑動(dòng)主要因素，頭圖中一般搭配主文案，本人覺得文案也確實(shí)需要專人把關(guān)設(shè)計(jì)的，為的是避免自嗨式文案，文案最容易出現(xiàn)的問題就是知識的詛咒，主文案除了簡潔明了傳遞以外，還擔(dān)任能否提高轉(zhuǎn)化的任務(wù)，常見的例子有：在文案中加上免費(fèi)兩個(gè)字眼，轉(zhuǎn)化平均提高10%—15%屢試不爽。

表單：

為何收集表單前置化，因?yàn)楸韱问亲钅苡涗浾麄€(gè)活動(dòng)的質(zhì)量的重要數(shù)據(jù)，那么表單是否簡化那就要根據(jù)項(xiàng)目因人而異了，還說到我們的前期目的，如果我們前期目的是盡可能的收集比較多數(shù)據(jù)，那么我設(shè)計(jì)表單時(shí)候就需要輕量化設(shè)計(jì)，選項(xiàng)越少越好，因?yàn)槲覀內(nèi)绻嘁粋€(gè)填寫選項(xiàng)，就有可能流失1%的用戶人數(shù)，所以我們只拿關(guān)鍵數(shù)據(jù)，也就是現(xiàn)在好多公司都在用的電話收集，那么有人問了，我們只是拿過來了電話號碼，并不能完全準(zhǔn)確的推算出用戶畫像，其實(shí)我們前期只是收集手機(jī)號是運(yùn)用了拆解的方式，后續(xù)我們可以根據(jù)電話銷售進(jìn)行跟進(jìn)，問出年齡、月收入、職業(yè)等重要信息。說來說去還是看你們領(lǐng)導(dǎo)給你定的是什么關(guān)鍵性指標(biāo)。

產(chǎn)品賣點(diǎn)：

產(chǎn)品的賣點(diǎn)設(shè)計(jì)，無非是指把產(chǎn)品與眾不同的特色、特點(diǎn)，通過夸張、對比、特效、美化的等手法，在加以設(shè)計(jì)師的想象力進(jìn)行表現(xiàn)出來，重要的要讓消費(fèi)者能夠接受你的設(shè)計(jì)或者認(rèn)同的表現(xiàn)，這樣就有助于產(chǎn)品的暢銷。

設(shè)計(jì)產(chǎn)品賣點(diǎn)前我們可以從三個(gè)角度出發(fā)：

1.產(chǎn)品的自身角度：比如說你的產(chǎn)品外觀設(shè)計(jì)很棒，有別于其他老式產(chǎn)品，那么你就可以上大的產(chǎn)品圖進(jìn)行突出。

2.功能性說辭角度：把你的產(chǎn)品特殊功能表現(xiàn)出來，可以用文字，可以用放大，并且要找到能直接影響購買的主功能，因?yàn)榇蟛糠秩速I來的東西還是作為使用，很少有人買來作為觀賞（藝術(shù)品除外）

3.差異化賣點(diǎn)表現(xiàn)：與眾不同的，具有排它性，獨(dú)占性的，可以是常規(guī)賣點(diǎn)也可以是核心賣點(diǎn)，可以通過對比、舉例子、突出等手法表現(xiàn)出來。

召喚按鈕：

召喚按鈕又名CTA按鈕是落地頁和移動(dòng)軟件中最為常用的交互元素；其主要的作用就是引導(dǎo)人們做出某些特定行為，例如購買，聯(lián)系或者付費(fèi)等：

一般而言，CTA按鈕很容易引起用戶注意。所以，一些界面設(shè)計(jì)師有意通過按鈕設(shè)計(jì)引導(dǎo)甚至誘導(dǎo)用戶執(zhí)行某些特定行為，讓用戶抑制不住的去點(diǎn)擊。常見的方法是粗體字利用投影表現(xiàn)可以點(diǎn)擊，配以文案鼓勵(lì)點(diǎn)擊。（例如“詳情閱讀”或“立即購買”）

有人簡單的認(rèn)為，想要設(shè)計(jì)出點(diǎn)擊率高召喚按鈕，只需要使用大尺寸的按鈕和明亮的顏色，就能實(shí)現(xiàn)吸引用戶的目標(biāo)。其實(shí)實(shí)現(xiàn)增長的方式遠(yuǎn)遠(yuǎn)不止這些，可以通過這幾種方法進(jìn)行設(shè)計(jì)

尺寸：按鈕尺寸越大，越能引人注意，在方便點(diǎn)擊的同時(shí)可以和其它元素形成鮮明的對比，從而使其更加顯得突出。盡管尺寸稍大的召喚按鈕被用戶注意并點(diǎn)擊的機(jī)率更大，但并不是尺寸越大越好，事實(shí)上，一個(gè)優(yōu)質(zhì)的且極具吸引力的行為召喚按鈕，通常應(yīng)該是大到能夠快速吸引用戶注意，同時(shí)又不會太大，從而影響甚至破壞整個(gè)界面的視覺效果和層級布局。

色彩和形狀：

通過尺寸和顏色差異來營造視覺吸引力，常用的按鈕的顏色有紅色、黃色、橙色、綠色等，分別有不同的色彩的含義，比如說：紅色代表著自信、青春、力量、危險(xiǎn)等，這里不過多贅述，那么形狀方面我們常見的是矩形，為什么選擇矩形？因?yàn)槿藗冊缫蚜?xí)慣這種形狀可點(diǎn)擊的按鈕，但是我們也可以進(jìn)行差異化嘗試，我們可把召喚按鈕設(shè)計(jì)為圓形、抽象圖形等，比如安卓常見的懸浮按鈕等設(shè)計(jì)，但設(shè)計(jì)之前我們要取決于方方面面，比如產(chǎn)品調(diào)性、受眾群體、轉(zhuǎn)化率、內(nèi)部測試等。

位置：

召喚按鈕在界面中擺放的位置也是非?？季康?，擺放位置的不同可以直接影響用戶的點(diǎn)擊率，如若將其放置在界面內(nèi)用戶眼睛無法觸及的區(qū)域，那么設(shè)計(jì)的點(diǎn)擊效果就很難實(shí)現(xiàn)，那么具體把召喚按鈕放置在哪個(gè)位置才能更為高效呢？

根據(jù)研究顯示，人們在瀏覽頁之前，人們市場會預(yù)先快速掃視整個(gè)頁面，以判斷頁面內(nèi)容是否有趣或?qū)嵱?，所以考慮到這一點(diǎn)，設(shè)計(jì)師需要研究和發(fā)現(xiàn)界面中最突出，且用戶最容易掃視的區(qū)域，用以放置行為召喚按鈕，引導(dǎo)用戶點(diǎn)擊。根據(jù)網(wǎng)頁閱讀模式，最具代表性的是“F”和“Z”字模式，F(xiàn)模式適合閱讀博客新聞，首先用戶會沿著水平方向閱讀頁面頂部內(nèi)容，然后緊跟著下移往下看，形成了一個(gè)F的閱讀軌跡，所以叫做F模式。

Z模式則是用戶瀏覽登入頁面或網(wǎng)頁的典型模式。用戶首先會從頁面左上角的內(nèi)容開始閱讀，然后沿著對角線向下移動(dòng)到另一角。最后形成一個(gè)大大的Z字的閱讀軌跡，被稱作Z模式。