如今，很多網站都在登錄頁上費盡心思，正因為登錄頁是直接獲得用戶增長的入口。因此，如果想要提高用戶轉化率，不如先設計好登錄頁。專業的A/B測試能通過控制單一變量，測試登錄頁不同界面元素對用戶轉化率的影響，從而對界面設計提供數據上的參考，多通過郵件形式進行。通過A/B測試，網站設計者和運營者就能很直觀地了解，用戶更容易接受的是界面風格什么。
然而，這類測試從設計到實施和返回結果，需要耗費的人力與時間也是巨大的。萬幸的是，網站goodui.org已經開展了無數A/B測試，對海量用戶行為進行監測和分析，對比出不同網站界面的優劣并把成果對外免費發布。
在此，在70多個公開測試成果中精選出20個最有價值的界面設計。
以下是根據這些高質量的A/B測試得出的界面設計黃金法則
（下面到處植入的ih5.cn是一個H5設計網站，之前因為其他原因設置的，現在懶得一張張改為和諧版的，不好意思…暫且先保留著吧）
1.單欄式布局比多欄好
只設置一個豎欄，能讓正文的敘述更流暢而不容易被中斷。因此，如果你想要吸引用戶更快注冊或使用你的產品，在介紹或引導頁面上最好只保留一欄，以降低用戶被其他頁面元素所干擾的風險。用一個故事引導人們閱讀，并在末尾附上你的呼求吧。
2.把你的登入頁面包裝成禮物
用一個精美的禮品盒作為吸引用戶的法寶，是不是比干巴巴的文字要好得多呢？當人們看到眼前有一個禮物的時候，想要拆開它的欲望會比較高。
3.給相似功能的內容打包
把相似功能的內容集中到一起，而不是分散到各個獨立頁面中，既是對頁面資源的節約，也是能降低用戶的學習成本。同樣地，菜單項的設置應該盡量把一些功能相似的選項放在一起，在設計的時候也應該保持同級菜單選項的設計一致。
4.讓權威代替滔滔不絕的自白
相比較自己把產品的特性優勢一股腦子地列出來，還不如請專業社會人士發表意見更令人信服。
5.對用戶做多次“誘導”
你設計一個頁面的目的是什么？提高轉化率嗎？如果是這樣的話，在網頁的各個頁面中你都可以考慮在不影響用戶閱讀體驗的前提下，把你的訴求用設計的方式表達出來，而不是只簡單地丟一次登入的鏈接。進一步的“誘導”可以是一個夾雜在正文中的注冊頁面，也可以是一個簡單的按鈕。
6.用推薦內容幫用戶做選擇
一味地把產品羅列出來，會讓觀看者尤其是選擇恐懼癥患者無所適從。當有不同的產品需要同時展示時，把“優中選優”的部分用明顯標識區分開反而能提高整體點擊率。
7 .有“撤銷”是好，別太明顯
“撤銷”是一個很人性化的功能，但當設計師對重復確認“撤銷”的選項作為窗口多次彈出的時候，只會讓用戶體驗大打折扣。因此，如以下左圖，把“撤銷”作為一個可選項放在頁面底端，指出：“不錯，你剛剛做了改動。如果是操作失誤可以現在撤銷。”是不是便利了許多呢？
8.只告訴目標客戶來對了地方
你還在想著廣撒網一次性擊中各種群體嗎？實踐證明，這不僅打動不了不需要你的產品和服務的人，還可能把你的目標客戶趕跑。所以在介紹頁面的設計上，明確指出受眾，能夠讓需要的人進一步強化對服務的需求，節省用戶的時間。
9.產品狀態必須清楚明了
如果你要展示的界面中有很多產品需要展示，應該把每個產品的狀態直截了當地顯示出來，而不是模糊不清，需要用戶進一步點擊和探索。如下圖，左邊的（iH5.cn）的網站在用戶個人作品清單中，每個作品都明確標識了發布狀態，一目了然。
10.避免損失還是強調收益？
以下分別是同一個網站的兩種引導性文字：
只要這么做，你就能避免你現有財產、個人物品、健康和朋友的減少；
只要這么做，你就能收獲更多的財產、個人物品、健康和朋友。
猜猜哪個獲得的用戶轉化率更高？
——答案是前者。實際上，喚醒憂患意識往往比承諾更多利益更能引起用戶的共鳴。其實這些測試很多都偏重心理層面，如果沒有專門研究設計進行支撐，很難得出這么準確的結論。設計者以為用戶是的，不一定是準確的。
11.不再重新發明輪子
約定俗成其實就是保持一致性的標準，給事物劃定一個標準并遵循它，當用戶接觸一個新的界面的時候，就能省去很多再次學習和適應的時間。比如“刪除”的標識是垃圾箱，就不要搞一朵花來美化。還有，下圖網站把“下一步”放在“后退”前面也是違反習慣的大忌。國內某知名企業的信息填寫頁面就把“保存”放左邊，“返回上一步”擺右邊，害得填寫者多次沒有成功保存填好的內容。
12?別讓“0”記錄趕走用戶
“0”記錄給人冷冰冰的感覺。今年風靡中國的商業書籍《從0到1》就反復提及從0到1的不易。不過，它指的是創新的概念，但對于很多剛接觸的應用，很多用戶的確沒有什么持續使用的動力。如下圖，一句“為什么你不從第一步開始呢？”就更具關懷。
13.制定小任務提高參與度
一般而言，登錄頁就是一個填寫基本信息的窗口。然而，下圖左邊的網站只是在用戶注冊之前添加一個“選顏色”的步驟，就提高了232%的轉化率。兩個網站都讓用戶創建一個新APP，而前者讓用戶先挑一個顏色，卻拉近了使用者與這個網站的距離。
14.巧用錨定效應展示價格
簡單的說，錨定效應是信息接收者憑第一印象或初步信息，做出最后決斷的心理。一個經典的例子是，兩家差不多的賣粥小店，一家盛粥后問顧客“加不加雞蛋”，銷售卻遠比不上詢問“加一個雞蛋還是兩個”的小店。如下圖，左邊網站利用數據的具體容量和較高的建議零售價，就能給用戶造成性價比很高的感覺。反觀有的商店在開業之初，容易打較高折扣吸引客戶，結果后面沒有折扣了，反而可能導致用戶有不劃算的感覺。
15.讓用戶做盡量小的承諾
你正準備找一個女友，人家一上來就說先結婚，估計膽子都夠嚇破幾個了。試圖讓用戶在一開始就做出最高的承諾，很容易提高準入門檻而趕跑潛在用戶。如下圖，有的婚戀網站在注冊時用找到終生伴侶作為噱頭，還把年費放上來了，簡直不把想要試用或約炮的廣大用戶放在眼里。左邊明確指出搜索其他用戶免費，并指出會員每月費用為4美元，就聰明得多。
16.默認參與而非離開
下圖把接受新聞訂閱分解為兩個選項，“想要接受”和“不想接受”，并默認選中“想要”，效果比右邊的好得多。左邊的范例有一點可以借鑒的是，它設置兩個選項，給用戶一定的選擇權，而非直接打上個勾。
17.把購物當做收集行為
購物網站經常使用的技巧是顧客買一件東西時，對其推薦另外的關聯產品。然而，下圖的網站卻把這一招做到登峰造極的地步。檢測出用戶購買了面粉、糖和雞蛋后，網站提醒用戶再購買香草和黃油便能制作一個蛋糕……
18.擴大點擊區域
鏈接、表格和按鈕的尺寸如果比較大，便于用戶的點擊。比如在設計微信營銷作品時，出于整體設計美感，有的設計師可能會把一些按鈕縮小放在角落，但這樣并不利于用戶選中內容。因此，適當放大按鈕或只放大透明按鈕的區域，是解決這個問題的好法子。
19.用內容激發好奇心
下圖是同一本書籍的下載鏈接，左邊頁面在讓用戶下載書籍之前，放上了書籍內容的摘選；而右邊頁面卻只指出了書籍的內容。這里其實講的是一個“保留”的問題，完全保留產品的內容反而無法體現產品的優勢。很多網站設置用戶不注冊就無法使用其服務，很容易讓想先“逛逛”的人打退堂鼓。因此，像知乎、百度貼吧等網站的做法都是讓用戶看部分頁面，需要完整頁面再下載APP，而不是完全封鎖閱讀渠道。
20.提高登錄行為的緊急性
這個方法有效，但同樣也是最需要慎用的。比如Win10開放給用戶升級時，就聲稱一年內免費，讓客戶抓緊時間注冊。至于升級的風險（比如無法永久退回原系統、新系統還不夠穩定等），在用戶急著免費試用時也難以發現和考慮了。而這些在用戶體驗產品后，那些風險只會成為用戶拋棄微軟的理由。下圖左邊網站即利用了服務提供的限時，產生緊迫感。
我接觸過一些專業設計師，發現他們經常能設計出很優質的作品，但是傳播量卻遠遠不及那些比較粗糙，卻非常簡單和容易理解的設計作品。其實，從大部分用戶角度來說，他們需要的往往不是多高級多精美的界面，而只需要一下子戳中心間的感覺。
本文系作者@Seed 授權發布于人人都是產品經理， 未經許可，不得轉載。
起點課堂會員權益
職業體系課特權
線下行業大會特權
個人IP打造特權
30+門專項技能課
1300+專題課程
12場職場軟技能直播
12場求職輔導直播
12場專業技能直播
會員專屬社群
榮耀標識
總結的比較到位，能夠從很細節的地方著手，獲益良多 ??
多謝！
這個手繪原型感覺蠻好滴！
想知道第11條中提到的“國內某知名企業”指的是誰 ?