（接上篇）

7. 圖片使用

增加圖片可能會(huì)降低轉(zhuǎn)化率。我做過幾次A/B測(cè)試，發(fā)現(xiàn)主頁的可點(diǎn)擊圖片會(huì)降低總注冊(cè)量（甚至計(jì)算30天內(nèi)回訪也是如此，已排除先前訪問數(shù)據(jù)）。我覺得Pinterest知道這個(gè)道理，所以不會(huì)讓用戶在諸如“申請(qǐng)邀請(qǐng)碼”頁面（http://pinterest.com/landing/）跳過關(guān)鍵動(dòng)作。

注意頁面底部的輪播圖插件。它們是不可點(diǎn)擊的，所以用戶不會(huì)從注冊(cè)啟動(dòng)頁跳轉(zhuǎn)走。從我的經(jīng)驗(yàn)來看，如果這些圖片可點(diǎn)擊，該頁面的郵件地址提交率估計(jì)會(huì)下跌5%。我過去測(cè)試過登出頁面的可點(diǎn)擊圖片與不可點(diǎn)擊圖片，在每種情況下，不可點(diǎn)擊圖片的轉(zhuǎn)化率都要高5%-7%，而且測(cè)試組用戶與控制組用戶的質(zhì)量是保持一致的。

圖片同樣可以用來提高轉(zhuǎn)化率。網(wǎng)絡(luò)營銷的其中一個(gè)說法是“有雞就有點(diǎn)擊”(Chicks get clicks)（“色情有市場(chǎng)”的粗俗說法）。咨詢公司ion interactive為一家游戲公司做了一次測(cè)試，發(fā)現(xiàn)下面的設(shè)計(jì)的轉(zhuǎn)化率比沒有強(qiáng)調(diào)巨乳的同款設(shè)計(jì)竟然高出了35%。

提要：千萬不要將所有建議照單全收,做出一個(gè)四不像網(wǎng)站。你應(yīng)該將此看作測(cè)試網(wǎng)站的技巧工具箱，了解對(duì)你的產(chǎn)品與用戶而言使用這些技巧的優(yōu)點(diǎn)與缺點(diǎn)何在，以及如何使它們符合你的宏觀產(chǎn)品愿景。

“優(yōu)化注冊(cè)轉(zhuǎn)化率”這個(gè)話題可以扯出一本百科全書的篇幅來。因此我會(huì)花大量筆墨來闡述。在此先提醒你們，這將是一篇長(zhǎng)文。。（譯者注：差不多等于一章書了，所以拆分成上中下三篇）

我認(rèn)為優(yōu)化注冊(cè)轉(zhuǎn)化率的方法概括起來主要就是兩大類：

第一大類，站內(nèi)優(yōu)化。包括網(wǎng)頁設(shè)計(jì)/文案/布局等。這是個(gè)值得深入探討的話題，這也是后面一類方法的基礎(chǔ)。

第二大類，訪問來源優(yōu)化。有許多種方法可以提升訪問來源的轉(zhuǎn)化效果（比如SEO，郵件，社交網(wǎng)絡(luò)，等等），對(duì)此我不會(huì)太多展開。但從“訪問來源→用戶最終轉(zhuǎn)化頁”之間的過程優(yōu)化同樣很重要。討論站內(nèi)轉(zhuǎn)化率優(yōu)化不

可能拋開訪問來源。因?yàn)樵缭谟脩暨M(jìn)入落地頁之前就已經(jīng)要開始優(yōu)化轉(zhuǎn)化率了。

絕音：專業(yè)提供扣圖藥方，一帖見效，藥到病除。當(dāng)然，也推薦你看看優(yōu)設(shè)今年下載量第一的摳圖神器：

PS摳圖神器：KNOCKOUT 2.0漢化版下載及教程

功效：去除圖標(biāo)、按鈕等背景圖的底色

我們灰常樂意每周在網(wǎng)頁設(shè)計(jì)佳作列表中展現(xiàn)設(shè)計(jì)精美的網(wǎng)站，不斷為你提供靈感。而今天我們打算另辟蹊徑，為網(wǎng)頁設(shè)計(jì)師收集了既能提供設(shè)計(jì)靈感又實(shí)用的優(yōu)秀案例，與過往選擇單一”主題”的例子有所不同。我們將為你呈現(xiàn)不同的工具和技術(shù)分享網(wǎng)站，可讓你在得到靈感的同時(shí)還能發(fā)現(xiàn)不錯(cuò)的工具或服務(wù)。在這篇文章中你將看到22個(gè)美觀又實(shí)用的網(wǎng)站，全部都不容錯(cuò)過哦親！

當(dāng)下社會(huì)，“Flat Design”設(shè)計(jì)方式似乎已經(jīng)成為網(wǎng)頁和交互設(shè)計(jì)的潮流。Flat design指的是網(wǎng)頁設(shè)計(jì)者在設(shè)計(jì)網(wǎng)頁的時(shí)候，常常使用圖片投影，細(xì)微的紋理，純色漸變，簡(jiǎn)潔的設(shè)計(jì)布局和對(duì)比強(qiáng)烈的排版，這些設(shè)計(jì)類似于Win8和Metro UI的界面。本文收集了20個(gè)極好的Flat Design網(wǎng)頁設(shè)計(jì)案列，請(qǐng)您欣賞。

LayerVault

在莎士比亞那個(gè)時(shí)代，觀眾是非常不給面子的，品味也不是很高，簡(jiǎn)而言之，那時(shí)的觀眾是一群沒有耐心、根本不懂文學(xué)的群眾。

他們辛勤的工作一天后，他們來劇院想要找點(diǎn)樂子和刺激，沒錯(cuò)，他們想要的就是娛樂。
莎士比亞之前的劇作家往往不受待見，有時(shí)候觀眾甚至?xí)鹊共省⒃覉?chǎng)子，因?yàn)樗麄冇X得戲劇太爛了，根本無法讓他們感受到一絲一毫的樂趣，而且也抓不住他們的心。

莎士比亞就在這種大環(huán)境下崛起，雖然有著極高的藝術(shù)涵養(yǎng)，卻能得到貧民窟的贊歌，他的策略就是：用情節(jié)、用戲劇抓住觀眾的注意力 。
他的作品短小精悍，戲服華麗，音樂優(yōu)美，對(duì)白幽默詼諧、構(gòu)思精巧。

時(shí)至今日，科技創(chuàng)新日新月異，文明高速發(fā)展，然而，現(xiàn)在的觀眾，依然還是沒有耐心，正如莎士比亞時(shí)代的觀眾一樣。

打造焦點(diǎn)的幾條小建議

這篇文章向大家展示8個(gè)驚艷的 HTML5 和 JavaScript 。作為下一代網(wǎng)頁語言，HTML5 擁有很多讓人期待已久的新特性，越來越多的開發(fā)人員開始使用 HTML5 來制作各種交互性強(qiáng)、效果豐富的 Web 應(yīng)用。下面這些驚艷的示例帶您體驗(yàn) Web 技術(shù)的魅力，相信你看完這些例子后會(huì)對(duì)未來的 Web 發(fā)展充滿無限期待。為了有更好的效果，建議在 Chrome 瀏覽器中瀏覽。

圖像占據(jù)了網(wǎng)頁設(shè)計(jì)的中心舞臺(tái)。們已經(jīng)看到了一些真正美麗的網(wǎng)站使用了圓滑圖像作為焦點(diǎn)，引人注目。在網(wǎng)頁設(shè)計(jì)中，從簡(jiǎn)約設(shè)計(jì)的概念到全屏的背景圖片，有幾種不同的圖像使用方法。所以今天我們將告訴你一些啟發(fā)性的例子。聚集在這里的網(wǎng)站將證明美麗和高品質(zhì)的圖像可以傳遞信息，彰顯個(gè)性并迎合用戶的喜好。

Taasky

在方案設(shè)計(jì)時(shí)，會(huì)出現(xiàn)一種情況：似乎已經(jīng)輸出了所有可能的方案，但討論定稿時(shí)還是覺得不夠滿意，認(rèn)為應(yīng)該有更優(yōu)方案的輸出？什么原因?qū)е铝诉@種情況？如何輸出有效的設(shè)計(jì)方案？

● 什么是有效的設(shè)計(jì)方案？

“有效方案”，個(gè)人理解是“能夠?qū)崿F(xiàn)預(yù)期目標(biāo)的方案”，而不是“全部可能方案”的羅列。設(shè)計(jì)方案因方向不同、實(shí)現(xiàn)能力等不同，會(huì)得到不同階段的版本；但在這些前提一致時(shí)，方案應(yīng)該是邏輯性唯一的，不應(yīng)存在模棱兩可的輸出。

● 如何輸出有效的設(shè)計(jì)方案？

核心：有邏輯、有理由的輸出

Step1 確定產(chǎn)品目標(biāo)
每一個(gè)產(chǎn)品都有其目標(biāo)，這個(gè)環(huán)節(jié)極其重要，確定清楚后，在接下來的設(shè)計(jì)決策時(shí)，會(huì)起到方向判斷的作用。產(chǎn)品目標(biāo)一定要和產(chǎn)品側(cè)討論確定，不要理所當(dāng)然的給出判斷。以易迅購物車為例，其核心目標(biāo)是讓用戶“快速下單”，其次才是“買更多”。

Step2 確定用戶群劃分
清晰產(chǎn)品目標(biāo)后，我們需要對(duì)用戶在產(chǎn)品上的行為有個(gè)了解，才能知道他們需要什么。需要關(guān)注以下幾點(diǎn)：
① 用戶有哪些類型（比例、主要/輔助角色）
② 不同類型用戶會(huì)用你的產(chǎn)品來干什么
同樣以購物車為例，易迅以結(jié)算型用戶為主（主要角色——把購物車當(dāng)做確定要買東西的籃子），其次是收藏型（輔助角色——把購物車作為可能買商品的聚合地，需要增刪商品） 。