幾個(gè)星期以前，我們發(fā)表了“有效網(wǎng)頁(yè)設計的10條原則”——一篇關(guān)于有效網(wǎng)頁(yè)設計的全面的文章，給你們提供了一些關(guān)于用戶(hù)想法的見(jiàn)解和一些如何有效設計網(wǎng)頁(yè)的例子。

　　這篇文章強調另外五條關(guān)于有效網(wǎng)頁(yè)設計的原則、啟發(fā)和方法，而這些方法如果恰當地運用就可以在得出更加復雜的設計作品同時(shí)簡(jiǎn)化取得這樣的效果的過(guò)程。

　　請注意，你可能會(huì )對下面關(guān)于可用性的文章感興趣：

　　10個(gè)可用性的噩夢(mèng)：展示了你應該在設計功能型和可用型網(wǎng)站時(shí)避免的可用性噩夢(mèng)，

　　30個(gè)可用性的議題：解釋了重要的但通常被遺忘、忽略或誤解的議題，條款，規則和原則。

1.使用一個(gè)有效的銷(xiāo)售原則

    為了出售一件產(chǎn)品或一項服務(wù)，你需要有效地與任何一個(gè)你網(wǎng)頁(yè)的訪(fǎng)問(wèn)者展開(kāi)對話(huà)。因為訪(fǎng)問(wèn)者現在來(lái)到了你的網(wǎng)頁(yè)，他們希望能聽(tīng)你的談話(huà)，并從中有所收獲。因此你應該如何接近這個(gè)潛在的委托人以在月末最大程度地增加你的收入呢？

    Strong在1925年提出的AIDA是高效的銷(xiāo)售模式，這個(gè)模式描述了一個(gè)人在出售一件產(chǎn)品或一項服務(wù)時(shí)通常經(jīng)歷的一系列的事件。

 A-注意（意識）：吸引顧客的注意

 I-興趣：通過(guò)展示特征，優(yōu)勢和益處來(lái)激起顧客的興趣

 D-期望：使顧客相信他們想要甚至期望這個(gè)能滿(mǎn)足他們需求的產(chǎn)品或服務(wù)

 A-行動(dòng)：引導顧客采取行動(dòng)和/或購買(mǎi)

 現在有人在其后增加了另一個(gè)字母構成了AIDA(S)的模式：S-滿(mǎn)意-滿(mǎn)足顧客，那樣他們會(huì )成為?？?，并且能為產(chǎn)品提供轉介

    在上下文中，顧客應該注意AIDA通常是讓潛在的顧客購買(mǎi)他們實(shí)際上不需要的產(chǎn)品或服務(wù)的方法。為了取得用戶(hù)的信任，設計者需要確定該網(wǎng)站提供真誠的信息，而且不存在使內容在不同方式下出現不同理解的隱藏信息。

    更有效的方法就是為訪(fǎng)問(wèn)者提供關(guān)于產(chǎn)品或服務(wù)使用方法的實(shí)在的論據，環(huán)境和看法，而不是用招搖的空話(huà)來(lái)轟擊他們。

    　參看上面的例子。traffik 遵循了AIDA原則。如果訪(fǎng)問(wèn)者想要了解關(guān)于網(wǎng)站內容管理系統的信息，他們馬上就能從網(wǎng)站頂端簡(jiǎn)明的介紹中獲得。這樣，潛在的顧客就能被吸引從而繼續瀏覽網(wǎng)站(吸引，a)。他們的興趣就會(huì )被展示的產(chǎn)品的特征和益處而激起（興趣，i）。

    　為了從交流中獲得滿(mǎn)足顧客需求的信息，他們運用了網(wǎng)站底端右手方向的棕色信息塊（期望，d）。最后，用戶(hù)在“開(kāi)始巡游”和“30天免費試用”這些按鈕的引導下開(kāi)始購買(mǎi)（行動(dòng)，a）。

    　還有一些其他的有名的銷(xiāo)售模式，例如，BOSCH公式（由Peter Hubert研發(fā)）：

 B要有好奇心，詢(xún)問(wèn)開(kāi)放式的問(wèn)題

 O提出解決方法，談?wù)擃櫩妥罱K結果的獲益

 S刺激感官，讓顧客檢測你的產(chǎn)品

 C采取交叉銷(xiāo)售，考慮所有必要的附屬設備

 H切入要點(diǎn)，當顧客有需要的時(shí)候才出售

[Page: ]

2.用盡量少的幾種顏色

    　深色的字體點(diǎn)擊右鍵觸發(fā)白色背景而淺色觸發(fā)黑色背景是消極的。鮮明的顏色能夠幫助你強調想要讓顧客注意到的特定元素。

    　然而，你沒(méi)有必要運用顏色鮮明的調色板來(lái)創(chuàng )造高效的網(wǎng)站設計。有時(shí)候，采用適當數量的顏色并有效地運用它們將會(huì )很有幫助。這樣來(lái)訪(fǎng)者就會(huì )很快看到更為重要的部分。這樣也更容易將它們的注意力集中到網(wǎng)站中最重要的區域。

    　Sidebarecreative.com只運用了一種主要鮮明色--藍色表示鏈接，按鈕和可點(diǎn)擊的元件。白色表示能概括當前網(wǎng)頁(yè)內容的重要信息。剩下的內容有淡青色的懸浮效果。運用卓越，適中和富有表現力的顏色，那樣就很高效。

    　Wilson Miner 運用了綠色，藍色和粉色。主導的綠色看起來(lái)淡雅而宜人。藍色表示鏈接，而粉色表示懸浮效果。要注意網(wǎng)站的布局。雖然只運用了很少幾種顏色，你能很快看到可以點(diǎn)擊的區域和識別出該網(wǎng)站與眾不同的區域。

[Page: ]

3.力求平衡

    　在網(wǎng)頁(yè)設計中，平衡很重要，因為給用戶(hù)一種封閉意識，讓人覺(jué)得恒久和安定。平衡的設計更容易領(lǐng)會(huì )和理解，因為他們營(yíng)造出一種視覺(jué)的層級命令面板，清楚地展示出往網(wǎng)站中最重要和次要的部分。

　　來(lái)源：運用于網(wǎng)頁(yè)設計中的元素

   　 蘋(píng)果的設計大概是對稱(chēng)的（或者正規的）平衡最好的一個(gè)例子。同一個(gè)設計元素有很獨具特色的（上面）或很相似的（下面）分量。他們都被放置在用戶(hù)屏幕中間一條虛構垂直線(xiàn)的兩端。這樣的設計相當的恒久和寧靜，讓來(lái)訪(fǎng)者更容易的理解展示在其中的信息。結果就是：平衡營(yíng)造了一種樸素的視覺(jué)和諧。

    　為什么蘋(píng)果的設計如此的高效呢？因為它是以用戶(hù)和產(chǎn)品為中心的。蘋(píng)果網(wǎng)站的設計就象是一個(gè)劇院的舞臺，在其中來(lái)訪(fǎng)者是觀(guān)眾，而產(chǎn)品是舞臺上的表演者。你可以發(fā)現該網(wǎng)站除產(chǎn)品本身外沒(méi)有任何其他的內容。蘋(píng)果成功地以提供最重要的選項發(fā)起了對話(huà)。

    　Signalfeuer.info運用了一種不對稱(chēng)的（非正式的）平衡來(lái)留出了更多的空白區域的動(dòng)態(tài)使用（這大概也是不對稱(chēng)平衡的主要優(yōu)勢）。左面的版塊比右邊的小，然而該網(wǎng)站通過(guò)運用令人印象深刻的均衡網(wǎng)格給人一種強烈的平衡感。同時(shí)顏色的選擇也很獨具一格。

    　據設計的原則該文章所言，“不對稱(chēng)的平衡可能會(huì )在位置和集中程度上不平衡。為了營(yíng)造不對稱(chēng)的平衡，必須要增加集中程度來(lái)彌補位置上的改變。集中程度可以通過(guò)改變大小，形狀和風(fēng)格來(lái)增加。對一個(gè)特定的設計，設計者可能會(huì )選擇將內容放在顯像面的同一邊。這樣，相對的空白區域就會(huì )充當一種均衡的力量。”

    　Avalonstar.com就采用了這種方式。注意不同模塊的迥異的形狀和懸標題。白色的區域充當呈現在右邊的內容的平衡力。

    　基于網(wǎng)格的做法對達到均衡的設計布局很有幫助或者甚至很有必要。

[Page: ]