高效網(wǎng)頁(yè)設(shè)計(jì)的五種原則
幾個(gè)星期以前,我們發(fā)表了“有效網(wǎng)頁(yè)設(shè)計(jì)的10條原則”——一篇關(guān)于有效網(wǎng)頁(yè)設(shè)計(jì)的全面的文章,給你們提供了一些關(guān)于用戶想法的見(jiàn)解和一些如何有效設(shè)計(jì)網(wǎng)頁(yè)的例子。
這篇文章強(qiáng)調(diào)另外五條關(guān)于有效網(wǎng)頁(yè)設(shè)計(jì)的原則、啟發(fā)和方法,而這些方法如果恰當(dāng)?shù)剡\(yùn)用就可以在得出更加復(fù)雜的設(shè)計(jì)作品同時(shí)簡(jiǎn)化取得這樣的效果的過(guò)程。
請(qǐng)注意,你可能會(huì)對(duì)下面關(guān)于可用性的文章感興趣:
10個(gè)可用性的噩夢(mèng):展示了你應(yīng)該在設(shè)計(jì)功能型和可用型網(wǎng)站時(shí)避免的可用性噩夢(mèng),
30個(gè)可用性的議題:解釋了重要的但通常被遺忘、忽略或誤解的議題,條款,規(guī)則和原則。
1.使用一個(gè)有效的銷售原則
為了出售一件產(chǎn)品或一項(xiàng)服務(wù),你需要有效地與任何一個(gè)你網(wǎng)頁(yè)的訪問(wèn)者展開(kāi)對(duì)話。因?yàn)樵L問(wèn)者現(xiàn)在來(lái)到了你的網(wǎng)頁(yè),他們希望能聽(tīng)你的談話,并從中有所收獲。因此你應(yīng)該如何接近這個(gè)潛在的委托人以在月末最大程度地增加你的收入呢?
Strong在1925年提出的AIDA是高效的銷售模式,這個(gè)模式描述了一個(gè)人在出售一件產(chǎn)品或一項(xiàng)服務(wù)時(shí)通常經(jīng)歷的一系列的事件。
A-注意(意識(shí)):吸引顧客的注意
I-興趣:通過(guò)展示特征,優(yōu)勢(shì)和益處來(lái)激起顧客的興趣
D-期望:使顧客相信他們想要甚至期望這個(gè)能滿足他們需求的產(chǎn)品或服務(wù)
A-行動(dòng):引導(dǎo)顧客采取行動(dòng)和/或購(gòu)買(mǎi)
現(xiàn)在有人在其后增加了另一個(gè)字母構(gòu)成了AIDA(S)的模式:S-滿意-滿足顧客,那樣他們會(huì)成為???,并且能為產(chǎn)品提供轉(zhuǎn)介
在上下文中,顧客應(yīng)該注意AIDA通常是讓潛在的顧客購(gòu)買(mǎi)他們實(shí)際上不需要的產(chǎn)品或服務(wù)的方法。為了取得用戶的信任,設(shè)計(jì)者需要確定該網(wǎng)站提供真誠(chéng)的信息,而且不存在使內(nèi)容在不同方式下出現(xiàn)不同理解的隱藏信息。
更有效的方法就是為訪問(wèn)者提供關(guān)于產(chǎn)品或服務(wù)使用方法的實(shí)在的論據(jù),環(huán)境和看法,而不是用招搖的空話來(lái)轟擊他們。
參看上面的例子。traffik 遵循了AIDA原則。如果訪問(wèn)者想要了解關(guān)于網(wǎng)站內(nèi)容管理系統(tǒng)的信息,他們馬上就能從網(wǎng)站頂端簡(jiǎn)明的介紹中獲得。這樣,潛在的顧客就能被吸引從而繼續(xù)瀏覽網(wǎng)站(吸引,a)。他們的興趣就會(huì)被展示的產(chǎn)品的特征和益處而激起(興趣,i)。
為了從交流中獲得滿足顧客需求的信息,他們運(yùn)用了網(wǎng)站底端右手方向的棕色信息塊(期望,d)。最后,用戶在“開(kāi)始巡游”和“30天免費(fèi)試用”這些按鈕的引導(dǎo)下開(kāi)始購(gòu)買(mǎi)(行動(dòng),a)。
還有一些其他的有名的銷售模式,例如,BOSCH公式(由Peter Hubert研發(fā)):
B要有好奇心,詢問(wèn)開(kāi)放式的問(wèn)題
O提出解決方法,談?wù)擃櫩妥罱K結(jié)果的獲益
S刺激感官,讓顧客檢測(cè)你的產(chǎn)品
C采取交叉銷售,考慮所有必要的附屬設(shè)備
H切入要點(diǎn),當(dāng)顧客有需要的時(shí)候才出售
[Page: ]
2.用盡量少的幾種顏色
深色的字體點(diǎn)擊右鍵觸發(fā)白色背景而淺色觸發(fā)黑色背景是消極的。鮮明的顏色能夠幫助你強(qiáng)調(diào)想要讓顧客注意到的特定元素。
然而,你沒(méi)有必要運(yùn)用顏色鮮明的調(diào)色板來(lái)創(chuàng)造高效的網(wǎng)站設(shè)計(jì)。有時(shí)候,采用適當(dāng)數(shù)量的顏色并有效地運(yùn)用它們將會(huì)很有幫助。這樣來(lái)訪者就會(huì)很快看到更為重要的部分。這樣也更容易將它們的注意力集中到網(wǎng)站中最重要的區(qū)域。
Sidebarecreative.com只運(yùn)用了一種主要鮮明色--藍(lán)色表示鏈接,按鈕和可點(diǎn)擊的元件。白色表示能概括當(dāng)前網(wǎng)頁(yè)內(nèi)容的重要信息。剩下的內(nèi)容有淡青色的懸浮效果。運(yùn)用卓越,適中和富有表現(xiàn)力的顏色,那樣就很高效。
Wilson Miner 運(yùn)用了綠色,藍(lán)色和粉色。主導(dǎo)的綠色看起來(lái)淡雅而宜人。藍(lán)色表示鏈接,而粉色表示懸浮效果。要注意網(wǎng)站的布局。雖然只運(yùn)用了很少幾種顏色,你能很快看到可以點(diǎn)擊的區(qū)域和識(shí)別出該網(wǎng)站與眾不同的區(qū)域。
[Page: ]
3.力求平衡
在網(wǎng)頁(yè)設(shè)計(jì)中,平衡很重要,因?yàn)榻o用戶一種封閉意識(shí),讓人覺(jué)得恒久和安定。平衡的設(shè)計(jì)更容易領(lǐng)會(huì)和理解,因?yàn)樗麄儬I(yíng)造出一種視覺(jué)的層級(jí)命令面板,清楚地展示出往網(wǎng)站中最重要和次要的部分。
來(lái)源:運(yùn)用于網(wǎng)頁(yè)設(shè)計(jì)中的元素
蘋(píng)果的設(shè)計(jì)大概是對(duì)稱的(或者正規(guī)的)平衡最好的一個(gè)例子。同一個(gè)設(shè)計(jì)元素有很獨(dú)具特色的(上面)或很相似的(下面)分量。他們都被放置在用戶屏幕中間一條虛構(gòu)垂直線的兩端。這樣的設(shè)計(jì)相當(dāng)?shù)暮憔煤蛯庫(kù)o,讓來(lái)訪者更容易的理解展示在其中的信息。結(jié)果就是:平衡營(yíng)造了一種樸素的視覺(jué)和諧。
為什么蘋(píng)果的設(shè)計(jì)如此的高效呢?因?yàn)樗且杂脩艉彤a(chǎn)品為中心的。蘋(píng)果網(wǎng)站的設(shè)計(jì)就象是一個(gè)劇院的舞臺(tái),在其中來(lái)訪者是觀眾,而產(chǎn)品是舞臺(tái)上的表演者。你可以發(fā)現(xiàn)該網(wǎng)站除產(chǎn)品本身外沒(méi)有任何其他的內(nèi)容。蘋(píng)果成功地以提供最重要的選項(xiàng)發(fā)起了對(duì)話。
Signalfeuer.info運(yùn)用了一種不對(duì)稱的(非正式的)平衡來(lái)留出了更多的空白區(qū)域的動(dòng)態(tài)使用(這大概也是不對(duì)稱平衡的主要優(yōu)勢(shì))。左面的版塊比右邊的小,然而該網(wǎng)站通過(guò)運(yùn)用令人印象深刻的均衡網(wǎng)格給人一種強(qiáng)烈的平衡感。同時(shí)顏色的選擇也很獨(dú)具一格。
據(jù)設(shè)計(jì)的原則該文章所言,“不對(duì)稱的平衡可能會(huì)在位置和集中程度上不平衡。為了營(yíng)造不對(duì)稱的平衡,必須要增加集中程度來(lái)彌補(bǔ)位置上的改變。集中程度可以通過(guò)改變大小,形狀和風(fēng)格來(lái)增加。對(duì)一個(gè)特定的設(shè)計(jì),設(shè)計(jì)者可能會(huì)選擇將內(nèi)容放在顯像面的同一邊。這樣,相對(duì)的空白區(qū)域就會(huì)充當(dāng)一種均衡的力量。”
Avalonstar.com就采用了這種方式。注意不同模塊的迥異的形狀和懸標(biāo)題。白色的區(qū)域充當(dāng)呈現(xiàn)在右邊的內(nèi)容的平衡力。
基于網(wǎng)格的做法對(duì)達(dá)到均衡的設(shè)計(jì)布局很有幫助或者甚至很有必要。