優惠活動 - 10周年慶本月新客福利
優惠活動 - 10周年慶本月新客福利
優惠活動 - 10周年慶本月新客福利

高效網頁設計的五種原則

日期 : 2022-02-06 19:25:41
  網頁設計在過去的幾年中得到l了很大的提高。它現在使用戶更加容易掌握,而且更具有吸引力。而其中有一個很好的原因就是,在過去的幾年中,我們發現將設計更多的投入在可用性和使用者的經驗上會更加高效?,F代的割邊設計并不是滿是招搖的快樂談話和閃亮的廣告。我們學會了以與訪問者的對話開頭,讓他們參與到討論中,通過提出他們的需求和誠實直接地和他們談話來取得他們的信任。

  幾個星期以前,我們發表了“有效網頁設計的10條原則”——一篇關于有效網頁設計的全面的文章,給你們提供了一些關于用戶想法的見解和一些如何有效設計網頁的例子。

  這篇文章強調另外五條關于有效網頁設計的原則、啟發和方法,而這些方法如果恰當地運用就可以在得出更加復雜的設計作品同時簡化取得這樣的效果的過程。

  請注意,你可能會對下面關于可用性的文章感興趣:

  10個可用性的噩夢:展示了你應該在設計功能型和可用型網站時避免的可用性噩夢,

  30個可用性的議題:解釋了重要的但通常被遺忘、忽略或誤解的議題,條款,規則和原則。

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

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

    Strong在1925年提出的AIDA是高效的銷售模式,這個模式描述了一個人在出售一件產品或一項服務時通常經歷的一系列的事件。

 A-注意(意識):吸引顧客的注意

 I-興趣:通過展示特征,優勢和益處來激起顧客的興趣

 D-期望:使顧客相信他們想要甚至期望這個能滿足他們需求的產品或服務

 A-行動:引導顧客采取行動和/或購買

 現在有人在其后增加了另一個字母構成了AIDA(S)的模式:S-滿意-滿足顧客,那樣他們會成為???,并且能為產品提供轉介

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

    更有效的方法就是為訪問者提供關于產品或服務使用方法的實在的論據,環境和看法,而不是用招搖的空話來轟擊他們。

Traffik

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

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

     還有一些其他的有名的銷售模式,例如,BOSCH公式(由Peter Hubert研發):

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

 O提出解決方法,談論顧客最終結果的獲益

 S刺激感官,讓顧客檢測你的產品

 C采取交叉銷售,考慮所有必要的附屬設備

 H切入要點,當顧客有需要的時候才出售

[Page: ]

2.用盡量少的幾種顏色

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

     然而,你沒有必要運用顏色鮮明的調色板來創造高效的網站設計。有時候,采用適當數量的顏色并有效地運用它們將會很有幫助。這樣來訪者就會很快看到更為重要的部分。這樣也更容易將它們的注意力集中到網站中最重要的區域。

Sidebar

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

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

[Page: ]

3.力求平衡

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

Apple

  來源:運用于網頁設計中的元素

     蘋果的設計大概是對稱的(或者正規的)平衡最好的一個例子。同一個設計元素有很獨具特色的(上面)或很相似的(下面)分量。他們都被放置在用戶屏幕中間一條虛構垂直線的兩端。這樣的設計相當的恒久和寧靜,讓來訪者更容易的理解展示在其中的信息。結果就是:平衡營造了一種樸素的視覺和諧。

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

Signalfeuer

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

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

Avalonstar

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

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

[Page: ]


相關文章
国内精品久久久久精免费