優(yōu)秀的B2B網(wǎng)頁設(shè)計(jì)對(duì)比

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

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

1.使用單欄布局能讓你更好地陳述內(nèi)容

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

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

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

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

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

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

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

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

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

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

使用實(shí)際證據(jù)是另外一種提高轉(zhuǎn)化率的強(qiáng)大依據(jù)??吹絼e人支持你和談?wù)撃愕漠a(chǎn)品,消費(fèi)者會(huì)更有動(dòng)力點(diǎn)擊參與行動(dòng)按鈕。顯示推薦和數(shù)據(jù),這證明了他人對(duì)你的支持與認(rèn)可。

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

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

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

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

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

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

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

7.進(jìn)行推薦而非提供兩個(gè)選擇

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

當(dāng)顧客面對(duì)多個(gè)選擇,一個(gè)重點(diǎn)產(chǎn)品推薦是非常重要的,因?yàn)橛行┤诵枰稽c(diǎn)動(dòng)力。有很多心理研究表明:提供的選擇越多,進(jìn)行選擇的幾率越小。為了解決人類這種選擇困難癥,必須,強(qiáng)調(diào)和突出顯示某些選項(xiàng)。

8.提供撤銷功能,而不是讓用戶確認(rèn)

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

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

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

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

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

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

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

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

11.頁面中進(jìn)行對(duì)比突出,不要全部一致

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

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

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

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

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

長按二維碼關(guān)注我們