&

高效網(wǎng)頁設(shè)計的五種原則

日期 : 2022-02-06 19:25:41

　　網(wǎng)頁設(shè)計在過去的幾年中得到l了很大的提高。它現(xiàn)在使用戶更加容易掌握，而且更具有吸引力。而其中有一個很好的原因就是，在過去的幾年中，我們發(fā)現(xiàn)將設(shè)計更多的投入在可用性和使用者的經(jīng)驗上會更加高效。現(xiàn)代的割邊設(shè)計并不是滿是招搖的快樂談話和閃亮的廣告。我們學(xué)會了以與訪問者的對話開頭，讓他們參與到討論中，通過提出他們的需求和誠實直接地和他們談話來取得他們的信任。

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

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

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

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

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

1.使用一個有效的銷售原則

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

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

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

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

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

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

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

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

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

Traffik

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

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

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

B要有好奇心，詢問開放式的問題

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

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

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

H切入要點，當(dāng)顧客有需要的時候才出售

[Page: ]

2.用盡量少的幾種顏色

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

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

Sidebar

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

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

[Page: ]

3.力求平衡

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

Apple

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

　蘋果的設(shè)計大概是對稱的（或者正規(guī)的）平衡最好的一個例子。同一個設(shè)計元素有很獨具特色的（上面）或很相似的（下面）分量。他們都被放置在用戶屏幕中間一條虛構(gòu)垂直線的兩端。這樣的設(shè)計相當(dāng)?shù)暮憔煤蛯庫o，讓來訪者更容易的理解展示在其中的信息。結(jié)果就是：平衡營造了一種樸素的視覺和諧。

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

Signalfeuer

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

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

Avalonstar