優(yōu)秀的B2B網(wǎng)頁設計對比

托比網(wǎng) 托比網(wǎng) 2013-09-24 14:47:09

一個好的用戶界面有著高轉化率并且易于使用。這就是說,它不僅讓網(wǎng)站生意很好,而且用戶使用也很舒暢。這里有一系列我們在項目中嘗試的事情,你可以讀一讀,一定有所啟發(fā)。

1.使用單欄布局能讓你更好地陳述內容

優(yōu)秀網(wǎng)頁布局對比(1)

它能夠供讓瀏覽者更好地掌控內容。它能夠讓讀者以一種可以期待的方式,從頭向下閱讀。然而多欄布局就有讓人們偏離頁面主要內容的風險。單欄布局能夠像故事一樣吸引人們向下,并且最后有一個突出的指引按鈕。

2.慷慨地給予優(yōu)惠,而不是立即取消優(yōu)惠

優(yōu)秀網(wǎng)頁布局對比(1)

給予消費者優(yōu)惠是一個十分友善的舉動。然而深入來看,優(yōu)惠也是一種有效的基于互惠心理的說服策略。也就是說,給別人一個表示感謝的小禮物對你長遠來說是十分有利的。

3.嘗試合并類似的功能,而不是讓UI支離破碎

優(yōu)秀網(wǎng)頁布局對比(1)

隨著項目進度的推移,設計師很容易就無意中創(chuàng)建了很多實際上表示相同功能的分類與元素。這符合基本熵的原理,時間越長事物越混亂。注意不要用不同的方式標記同一種功能,這樣會給你的訪問者壓力。你的UI越破碎,用戶的學習成本就越高。時不時合并相似的功能,并且重構你的界面,是相當有幫助的。

4.尋求實際證據(jù),而不是沉迷自己的觀點

優(yōu)秀網(wǎng)頁布局對比(1)

使用實際證據(jù)是另外一種提高轉化率的強大依據(jù)。看到別人支持你和談論你的產(chǎn)品,消費者會更有動力點擊參與行動按鈕。顯示推薦和數(shù)據(jù),這證明了他人對你的支持與認可。

5.重復顯示操作按鈕,而不是只顯示一次

優(yōu)秀網(wǎng)頁布局對比(1)

重復顯示操作按鈕是一種更適用于較長的頁面,或重復的多個頁面的策略。你肯定不希望你的請求在一個頁面上出現(xiàn)了無數(shù)次以至于讓人們感到厭煩,但是,隨著長頁面成為主流,在頂部和底部分別設置一個激勵行動的按鈕沒有什么影響。當人們到達頁面底部,他們停下來并思考接下來做什么……這時出現(xiàn)的一個操作按鈕相當有用。

6.可點擊與已選中按鈕采用不同樣式,避免混淆他們

優(yōu)秀網(wǎng)頁布局對比(1)

像顏色、深度和對比這些視覺樣式,是一種讓人們理解你的界面導航語言的可靠途徑,讓用戶知道,我在哪里,我可以去哪里。為了和你的界面使用者更好地交流,你的可點擊行為按鈕的樣式(鏈接,按鈕),已經(jīng)點選的元素(已選按鈕),以及基本文本應該和別的區(qū)別開。這些元素應該在整個界面中持續(xù)應用。

在一個視覺方案中,我選擇某個藍色去表示任何可以點擊的元素,黑色作為任何已經(jīng)被選中或者展示當前焦點。只有恰當且持續(xù)使用時,人們會更加容易地了解和使用你的界面。如果混淆這三種視覺樣式,則會使界面難以使用。

7.進行推薦而非提供兩個選擇

優(yōu)秀網(wǎng)頁布局對比(1)

當顧客面對多個選擇,一個重點產(chǎn)品推薦是非常重要的,因為有些人需要一點動力。有很多心理研究表明:提供的選擇越多,進行選擇的幾率越小。為了解決人類這種選擇困難癥,必須,強調和突出顯示某些選項。

8.提供撤銷功能,而不是讓用戶確認

優(yōu)秀網(wǎng)頁布局對比(1)

想象一下你剛剛按下一個按鈕或者點擊了一個鏈接。撤銷尊重人類最初的意圖,因為它允許動作首先順利發(fā)生。然而,如果提示顯示給用戶,就會讓用戶覺得:界面不知道他們在做什么并且質疑其做法。大部分時間我會假設人類活動是有目的的,提示的丑陋和低效表現(xiàn)在:當用戶執(zhí)行操作時,反復提示無數(shù)地一遍又一遍——這絕對是不人道的體驗。啟用撤銷功能,讓用戶感到更強的控制力。

9.告訴用戶產(chǎn)品是為誰而設,不是為任何一個人而設計

優(yōu)秀網(wǎng)頁布局對比(1)

你是針對每個人還是僅僅針對你的目標用戶呢?這需要一種設身處地考慮的思維。通過與你的目標用戶溝通測試,你很可能會有一種排他性的感覺。這種方法的風險是,你可能會限制潛在用戶。還是之前那句話,透明化導致信任。
(附記:喜歡這種人物風格?你可以瀏覽MicroPersonas.)

10.語氣直接而非猶豫不決

優(yōu)秀網(wǎng)頁布局對比(1)

你可以發(fā)送一條不確定的口氣遲疑的短信,也可以滿懷自信地發(fā)送之。如果你的短信用問號結尾,并且采用了類似“可能”,“或許”,“有興趣嗎?”,”想要嗎?“這些詞組,那么你可以嘗試讓語氣變得更加有權威一些。也許告訴人們下面該做什么,可以大大優(yōu)化之后的設計。

11.頁面中進行對比突出,不要全部一致

優(yōu)秀網(wǎng)頁布局對比(1)

將你的行動按鈕與周圍的元素對比區(qū)分,會使你的用戶界面更加有力。你可以通過以下方式增加這種區(qū)分度:色調上,你可以讓元素間產(chǎn)生明暗對比;深度上,你可以讓某個元素看上去近,而別的看上去遠:最后,你可以從色板上挑選對比色(比如黃色和紫色)來更多地增加對比度??偟膩碚f,讓行動按鈕和頁面別的部分形成一個高對比度是非常值得嘗試的。

12.展示生產(chǎn)地,避免無品牌感

優(yōu)秀網(wǎng)頁布局對比(1)

展示你,你的產(chǎn)品和服務來自哪里讓人下意識地把溝通提升到了個人關系層面。提及故鄉(xiāng)是一個非常人性化的介紹自己的方式。如果你也能視覺上進行這樣的設計,將給人一種友好感覺。而且,這樣會讓人覺得你的產(chǎn)品質量很高。這是不錯的雙贏手段。

長按二維碼關注我們