五種高效網(wǎng)頁設(shè)計(jì)網(wǎng)站建設(shè)原則

網(wǎng)頁設(shè)計(jì)在過去的幾年中得到了很大的提高。它現(xiàn)在使用戶更加容易掌握，而且更具有吸引力。而其中有一個(gè)很好的原因就是，在過去的幾年中，我們發(fā)現(xiàn)將設(shè)計(jì)更多的投入在可用性和使用者的經(jīng)驗(yàn)上會(huì)更加高效。現(xiàn)代的割邊設(shè)計(jì)并不是滿是招搖的快樂談話和閃亮的廣告。我們學(xué)會(huì)了以與訪問者的對(duì)話開頭，讓他們參與到討論中，通過提出他們的需求和誠(chéng)實(shí)直接地和他們談話來取得他們的信任。
   1.使用一個(gè)有效的銷售原則
   為了出售一件產(chǎn)品或一項(xiàng)服務(wù)，你需要有效地與任何一個(gè)你網(wǎng)頁的訪問者展開對(duì)話。因?yàn)樵L問者現(xiàn)在來到了你的網(wǎng)頁，他們希望能聽你的談話，并從中有所收獲。因此你應(yīng)該如何接近這個(gè)潛在的委托人以在月末大程度地增加你的收入呢？
   strong在1925年提出的AIDA是高效的銷售模式，這個(gè)模式描述了一個(gè)人在出售一件產(chǎn)品或一項(xiàng)服務(wù)時(shí)通常經(jīng)歷的一系列的事件。
   A-注意（意識(shí)）：吸引顧客的注意
   I-興趣：通過展示特征，優(yōu)勢(shì)和益處來激起顧客的興趣
   D-期望：使顧客相信他們想要甚至期望這個(gè)能滿足他們需求的產(chǎn)品或服務(wù)
   A-行動(dòng)：引導(dǎo)顧客采取行動(dòng)和/或購買
   現(xiàn)在有人在其后增加了另一個(gè)字母構(gòu)成了AIDA(S)的模式：S-滿意-滿足顧客，那樣他們會(huì)成為?？?，并且能為產(chǎn)品提供轉(zhuǎn)介在上下文中，顧客應(yīng)該注意AIDA通常是讓潛在的顧客購買他們實(shí)際上不需要的產(chǎn)品或服務(wù)的方法。為了取得用戶的信任，設(shè)計(jì)者需要確定該網(wǎng)站提供真誠(chéng)的信息，而且不存在使內(nèi)容在不同方式下出現(xiàn)不同理解的隱藏信息。更有效的方法就是為訪問者提供關(guān)于產(chǎn)品或服務(wù)使用方法的實(shí)在的論據(jù)，環(huán)境和看法，而不是用招搖的空話來轟擊他們。
   參看上面的例子。遵循了AIDA原則。如果訪問者想要了解關(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）。最后，用戶在“開始巡游”和“30天免費(fèi)試用”這些按鈕的引導(dǎo)下開始購買（行動(dòng)，a）。
   還有一些其他的有名的銷售模式，例如，BOSCH公式（由Peter Hubert研發(fā)）：
   B要有好奇心，詢問開放式的問題
   O提出解決方法，談?wù)擃櫩妥罱K結(jié)果的獲益
   S刺激感官，讓顧客檢測(cè)你的產(chǎn)品
   C采取交叉銷售，考慮所有必要的附屬設(shè)備
   H切入要點(diǎn)，當(dāng)顧客有需要的時(shí)候才出售
   2.用盡量少的幾種顏色
   深色的字體點(diǎn)擊右鍵觸發(fā)白色背景而淺色觸發(fā)黑色背景是消極的。鮮明的顏色能夠幫助你強(qiáng)調(diào)想要讓顧客注意到的特定元素。
   然而，你沒有必要運(yùn)用顏色鮮明的調(diào)色板來創(chuàng)造高效的網(wǎng)站設(shè)計(jì)。有時(shí)候，采用適當(dāng)數(shù)量的顏色并有效地運(yùn)用它們將會(huì)很有幫助。這樣來訪者就會(huì)很快看到更為重要的部分。這樣也更容易將它們的注意力集中到網(wǎng)站中重要的區(qū)域。
   Sidebar
   Sidebarecreative.com只運(yùn)用了一種主要鮮明色--藍(lán)色表示鏈接，按鈕和可點(diǎn)擊的元件。白色表示能概括當(dāng)前網(wǎng)頁內(nèi)容的重要信息。剩下的內(nèi)容有淡青色的懸浮效果。運(yùn)用卓越，適中和富有表現(xiàn)力的顏色，那樣就很高效。
   Wilson Miner 運(yùn)用了綠色，藍(lán)色和粉色。主導(dǎo)的綠色看起來淡雅而宜人。藍(lán)色表示鏈接，而粉色表示懸浮效果。要注意網(wǎng)站的布局。雖然只運(yùn)用了很少幾種顏色，你能很快看到可以點(diǎn)擊的區(qū)域和識(shí)別出該網(wǎng)站與眾不同的區(qū)域。
   3.力求平衡
   在網(wǎng)頁設(shè)計(jì)中，平衡很重要，因?yàn)榻o用戶一種封閉意識(shí)，讓人覺得恒久和安定。平衡的設(shè)計(jì)更容易領(lǐng)會(huì)和理解，因?yàn)樗麄儬I(yíng)造出一種視覺的層級(jí)命令面板，清楚地展示出往網(wǎng)站中重要和次要的部分。
   Apple
   來源：運(yùn)用于網(wǎng)頁設(shè)計(jì)中的元素
   蘋果的設(shè)計(jì)大概是對(duì)稱的（或者正規(guī)的）平衡好的一個(gè)例子。同一個(gè)設(shè)計(jì)元素有很獨(dú)具特色的（上面）或很相似的（下面）分量。他們都被放置在用戶屏幕中間一條虛構(gòu)垂直線的兩端。這樣的設(shè)計(jì)相當(dāng)?shù)暮憔煤蛯庫o，讓來訪者更容易的理解展示在其中的信息。結(jié)果就是：平衡營(yíng)造了一種樸素的視覺和諧。
   為什么蘋果的設(shè)計(jì)如此的高效呢？因?yàn)樗且杂脩艉彤a(chǎn)品為中心的。蘋果網(wǎng)站的設(shè)計(jì)就象是一個(gè)劇院的舞臺(tái)，在其中來訪者是觀眾，而產(chǎn)品是舞臺(tái)上的表演者。你可以發(fā)現(xiàn)該網(wǎng)站除產(chǎn)品本身外沒有任何其他的內(nèi)容。蘋果成功地以提供重要的選項(xiàng)發(fā)起了對(duì)話。
   Signalfeuer
   Signalfeuer.info運(yùn)用了一種不對(duì)稱的（非正式的）平衡來留出了更多的空白區(qū)域的動(dòng)態(tài)使用（這大概也是不對(duì)稱平衡的主要優(yōu)勢(shì)）。左面的版塊比右邊的小，然而該網(wǎng)站通過運(yùn)用令人印象深刻的均衡網(wǎng)格給人一種強(qiáng)烈的平衡感。同時(shí)顏色的選擇也很獨(dú)具一格。
   據(jù)設(shè)計(jì)的原則該文章所言，“不對(duì)稱的平衡可能會(huì)在位置和集中程度上不平衡。為了營(yíng)造不對(duì)稱的平衡，必須要增加集中程度來彌補(bǔ)位置上的改變。集中程度可以通過改變大小，形狀和風(fēng)格來增加。對(duì)一個(gè)特定的設(shè)計(jì)，設(shè)計(jì)者可能會(huì)選擇將內(nèi)容放在顯像面的同一邊。這樣，相對(duì)的空白區(qū)域就會(huì)充當(dāng)一種均衡的力量?！?br/>   Avalonstar
   Avalonstar.com就采用了這種方式。注意不同模塊的迥異的形狀和懸標(biāo)題。白色的區(qū)域充當(dāng)呈現(xiàn)在右邊的內(nèi)容的平衡力。
   基于網(wǎng)格的做法對(duì)達(dá)到均衡的設(shè)計(jì)布局很有幫助或者甚至很有必要。
   4.力求清楚明確
   獨(dú)立于設(shè)計(jì)方法，布局和展示內(nèi)容的清楚明確在網(wǎng)頁設(shè)計(jì)過程中應(yīng)該給與高度的重視。如果標(biāo)題中有錯(cuò)誤或者存在歧義，一定要確保去除或者明確地詳述其真正的含義。較為明確總是比含糊不清好的多。
   為了達(dá)到清楚明確，你也沒有必要使用“標(biāo)準(zhǔn)”設(shè)計(jì)布局或者基本模板。如果你想的話也可以冒險(xiǎn)采用實(shí)驗(yàn)性設(shè)計(jì)，但要時(shí)刻記住網(wǎng)站內(nèi)容清楚明確的視覺層級(jí)命令面板和網(wǎng)站結(jié)構(gòu)。你的類別的組織越是有序，你的訪問者就越容易在你的網(wǎng)站中找到自己的道路。
   Hovie
   Hovie.com展示了一種新奇但很清楚明確的設(shè)計(jì)思路。該網(wǎng)站包含額五個(gè)模塊；第一塊表示當(dāng)?shù)顷懢W(wǎng)站是展示的主要菜單。當(dāng)選擇了主要菜單中的一些部分時(shí)就會(huì)出現(xiàn)下級(jí)菜單。
   當(dāng)前位置是由箭頭展示的導(dǎo)航菜單中的選項(xiàng)。在內(nèi)容區(qū)域中的是對(duì)上面的圖片的一個(gè)簡(jiǎn)要描述和標(biāo)題。這個(gè)設(shè)計(jì)從頭到尾都很一致和連貫。你有可能誤解這個(gè)設(shè)計(jì)嗎？不太可能把。它很簡(jiǎn)潔，清晰和有效。
   Astheria
   另一個(gè)例子：Astheria.com 聚焦于白色區(qū)域，采取了一種平衡的給予網(wǎng)格的設(shè)計(jì)思路。雖然這個(gè)設(shè)計(jì)很難以捉摸而且只使用了一種吸引人的顏色，你依然可以很快弄清楚身處何處，也很明確可獲得的選擇。印刷術(shù)的力量在這里得到了極致發(fā)揮。遺憾地是，該網(wǎng)站沒有顯示哪些鏈接已經(jīng)訪問過了。
   5.說清用戶的需求
   作為網(wǎng)頁開發(fā)者，你有為來訪者提供舒適服務(wù)的首要任務(wù)，說清楚他們的需求，為他們提供充足的線索以滿足準(zhǔn)確無誤且直觀的導(dǎo)航。然而，為了取得這些，你需要的不僅僅是了解你用戶的基本的概況和忠于他/她樂于的決定。
   為了你的曝光量，你必須考慮來訪者的不同的類型和資料。你需要識(shí)別主要群體并且提供各個(gè)群體會(huì)喜歡的機(jī)能。但這并不意味著你需要?jiǎng)?chuàng)造多重版本的網(wǎng)站；這在一定程度上指你可以將不同層面的用戶交流融合與同一個(gè)設(shè)計(jì)布局中。
   比如，根據(jù)Shneiderman的使用界面設(shè)計(jì)的原則，讓?？褪褂媒輳绞呛苤匾?-為了增加互動(dòng)的步伐，可以使用縮略語，特殊鍵，隱藏的命令等等。
   Fffound.com
   Ffffound.com提供了普通的導(dǎo)航和基于JAVA的鍵盤導(dǎo)航。這項(xiàng)機(jī)能對(duì)采用普通方式瀏覽網(wǎng)頁的新成員是不可見的。然而，高級(jí)的用戶可以更高效地導(dǎo)航。當(dāng)然，你需要明確地說明怎樣使用高級(jí)的機(jī)能和這項(xiàng)技能能帶來的益處。
   另一個(gè)可能項(xiàng)可能是書簽，工具條或者一些類似閃爍上傳的特定的工具。提供了這些工具，你就給你的用戶提供了更容易的方法來使用你的服務(wù)，這樣他們就沒有必要尋找替代物了。
   結(jié)論：
   高效的網(wǎng)頁設(shè)計(jì)不一定要色彩鮮艷和漂亮，它需要清楚和直觀。確定你幫助你的訪問者了解了你網(wǎng)頁的益處，并且為他們提供了一種簡(jiǎn)單的方法來瀏覽和使用你的網(wǎng)站。
   對(duì)稱和不對(duì)稱的平衡都能幫助你取得一種實(shí)在和清楚的設(shè)計(jì)思路以提供豐富的用戶互動(dòng)的基礎(chǔ)。為了你的曝光量，考慮不同類型的用戶，然后為他們提供不同層面的用戶互動(dòng)以把他們拉回你的網(wǎng)站。

如果您想做一個(gè)網(wǎng)站，請(qǐng)來電咨詢。我們會(huì)在第一時(shí)間為您詳細(xì)解說。
   成都創(chuàng)新互聯(lián)
   電話：028-86922220
   手機(jī)：(王)13518219792
   QQ：631063699

當(dāng)前文章：五種高效網(wǎng)頁設(shè)計(jì)網(wǎng)站建設(shè)原則
當(dāng)前路徑：http://muchs.cn/news/113485.html

網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián)，是專注品牌與效果的網(wǎng)站制作，網(wǎng)絡(luò)營(yíng)銷seo公司；服務(wù)項(xiàng)目有網(wǎng)站建設(shè)等

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)