【UX設(shè)計】之營銷型網(wǎng)頁設(shè)計的五項原則

網(wǎng)頁設(shè)計已經(jīng)在過去幾年顯著改善。這是更加人性化,更有吸引力的今天-它背后有一個很好的理由:多年來,我們已經(jīng)發(fā)現(xiàn),只是更有效的可用性和用戶體驗的重點是設(shè)計?,F(xiàn)代的切割邊緣設(shè)計不填用響亮的快樂的談話和閃爍的廣告。我們已經(jīng)學(xué)會如何啟動對話與游客,他們參與到討論中,并取得他們的信任,通過解決他們的需求,并與他們說話,誠實和直接。

本文著重介紹了營銷型網(wǎng)頁設(shè)計的五項原則,啟發(fā)式和方法,有效的網(wǎng)頁設(shè)計方法,運用得當(dāng),復(fù)雜的設(shè)計決策和簡化的過程中感知的信息。

1、使用一個有效的營銷原則

為了推銷產(chǎn)品或服務(wù),你需要能夠有效INITITATE隨機網(wǎng)站訪客的對話由于您的訪問者實際上已經(jīng)來到您的網(wǎng)站,他們都愿意聽到你和了解你有什么。那么你怎么接近這個潛在的客戶最大限度地提高您的盈利月底?

強于1925年提出,AIDA是有效的營銷模式,它描述了一個通常所列舉的事件經(jīng)常發(fā)生,當(dāng)一個人銷售產(chǎn)品或服務(wù):

  • A -注意(宣傳):吸引顧客的注意力。
  • I?-利息:通過展示功能,優(yōu)點和利益,提高客戶的興趣。
  • D?-欲望:說服客戶,他們希望和渴望的產(chǎn)品或服務(wù),這將滿足他們的需求。
  • A?-動作:對采取行動和/或采購的主要客戶。
  • 如今,一些又增加了一個字母來組成AIDA(S):S - 滿意 - 滿足客戶,使他們成為回頭客和轉(zhuǎn)介產(chǎn)品。

應(yīng)該注意到,在這種情況下客戶AIDA是如何被誘騙購買他們其實并不需要的產(chǎn)品或服務(wù)的潛在買家通常的方式。要獲得用戶的信任設(shè)計師需要確保該網(wǎng)站提供真實的信息,有沒有隱藏的上下文中的內(nèi)容以不同的方式可以理解。

它也更有效地為游客提供的產(chǎn)品或服務(wù)如何可以用來代替轟擊他們響亮而空的廣告口號的具體參數(shù),情況和想法。

traffik遵循AIDA原則。如果游客期待一個內(nèi)容管理系統(tǒng)的一些信息,他們期待被立即確認在該網(wǎng)站的頂部用一個簡單的介紹。因此,潛在客戶吸引和留在網(wǎng)站上(景點)。然后提出展示產(chǎn)品的特點和優(yōu)勢(利息的利息。

通信服務(wù)將如何滿足用戶的需求棕色信息塊在頁面底部的右手(欲望,D)。最后,用戶被引導(dǎo)到“一日游”和“免費30天試用”按鈕,試圖帶領(lǐng)客戶對采購的(動作),。

很多其他型號為了推銷,如BOSCH式(彼得·休伯特開發(fā)):

  • 要刨根問底,問一些開放式的問題
  • 提供解決方案,談?wù)摰膃ndresult為客戶利益
  • 刺激感官,讓客戶測試您的產(chǎn)品
  • 交叉銷售,想到的所有必要的附件
  • 命中的收盤點位,賣當(dāng)客戶準(zhǔn)備買。

 

2、實驗幾個顏色

黑暗的身體在黑色背景上的白色背景和燈體副本副本是被動的。充滿活力的顏色可以有助于突出的網(wǎng)站,你想將用戶的注意力指向一些特定元素。

然而,你并不需要使用一個充滿活力的調(diào)色板來創(chuàng)建有效的Web設(shè)計。有時它是有用的,挑一個溫和的顏色數(shù)量,并有效地使用它們。因此,您的訪問者會立即看到什么是更重要的。這也將是您更容易把注意力集中在最重要的領(lǐng)域的網(wǎng)站。

Sidebarecreative.com只使用一個占主導(dǎo)地位的充滿活力的顏色-藍色代表鏈接,按鈕和可點擊的元素。白色代表總結(jié)了當(dāng)前頁面的內(nèi)容的重要信息。剩下的就是內(nèi)容的網(wǎng)站用一些淺青色懸停效果。優(yōu)秀,謙虛和表現(xiàn)力的顏色。這是有效的。

威爾遜礦工使用綠色,藍色和粉紅色。主導(dǎo)的綠色看起來新鮮和安慰。藍色代表的鏈接和粉紅色的懸停效果。請注意在網(wǎng)站上的結(jié)構(gòu)。雖然實際使用,只有少數(shù)顏色可以立即識別可點擊的區(qū)域,發(fā)現(xiàn)網(wǎng)站的不同部分。

3、力求平衡

在網(wǎng)頁設(shè)計中的平衡是重要的,因為它為用戶提供了一定意義上的封閉,給人的感覺的持久性和穩(wěn)定性。平衡設(shè)計更容易消化和理解,因為他們創(chuàng)造一個視覺上的層次,這清楚地顯示更重要的是網(wǎng)站上的,什么是不那么重要的。

蘋果的設(shè)計可能是對稱平衡(也稱為正式的最好的例子之一。單一的設(shè)計元素都有非常鮮明(以上)或非常相似的(下同)的重量。它們被放置在頁面上,經(jīng)過用戶的屏幕的中間的假想垂直線的兩側(cè)。該設(shè)計是相當(dāng)靜態(tài)的,寧靜的,這使得它更容易為游客通過它理解信息。結(jié)果:平衡創(chuàng)建一個簡單的視覺上的和諧

apple1

是蘋果的設(shè)計為何如此高效?因為它以用戶為中心,以產(chǎn)品為中心。蘋果公司的網(wǎng)站的設(shè)計類似于戲劇舞臺,游客觀眾和藝人。請注意,該網(wǎng)站只介紹產(chǎn)品,沒有別的。蘋果設(shè)法發(fā)起的對話,只提供最重要的選項。

Signalfeuer.info使用的非對稱平衡(非正式)允許動態(tài)使用白色空間(這是可能的主要優(yōu)點是不對稱的平衡)。左塊比右邊的小,但是網(wǎng)站提供了一個非常強大的資產(chǎn),通過使用一個令人印象深刻的和均衡的網(wǎng)格。顏色的選擇是相當(dāng)可觀的。

根據(jù)設(shè)計原理的文章,“不對稱的平衡可能是不平等的位置和強度。要創(chuàng)建不對稱的平衡,必須有強度的增加,以補償位置的變化。增加的強度可以通過改變尺寸,形狀,或音調(diào)。對于某一個特定的工作,設(shè)計人員可能選擇的元素的位置的圖象平面一側(cè)??瞻追磳Ρ仨氉鳛橐粋€制衡力?!?

這正是已經(jīng)做了Avalonstar.com。請注意,不同形狀的塊和標(biāo)題塊的“掛”。白色的空間功能,在右側(cè)的內(nèi)容作為一個制衡力。

基于網(wǎng)格的方法可以幫助實現(xiàn)平衡的設(shè)計布局,甚至是必要的。

4、力求界面清晰

獨立的設(shè)計方法,清晰的布局和呈現(xiàn)的信息應(yīng)在設(shè)計過程中的最高優(yōu)先事項之一。如果有任何的機會的誤解和ambiguious標(biāo)題一定要擺脫他們或指定明確是什么意思。更具體的是通常比不太具體。

為了達到清晰,你不需要利用“標(biāo)準(zhǔn)”的設(shè)計布局或基本模板。風(fēng)險設(shè)計的實驗,如果你希望,但要記住網(wǎng)站的內(nèi)容清晰的視覺層次和結(jié)構(gòu)。更有組織的類別,更容易將您的訪問者找到自己的路徑,通過您的網(wǎng)站。

Hovie.com顯示一個不尋常但非常清晰的設(shè)計解決方案。該網(wǎng)站由五座主菜單被加載時,該網(wǎng)站出現(xiàn)的第一個表示。子菜單時,會出現(xiàn)在主菜單中選擇一些部分。

當(dāng)前位置顯示在導(dǎo)航菜單中選定的選項旁邊的箭頭。在內(nèi)容區(qū)域的簡要說明,上面顯示的圖像的標(biāo)題。設(shè)計是一致的貫穿所有頁面。是否有任何possibilty以某種誤解的設(shè)計嗎?不盡然。這是簡單,清晰,有效的。

又如:Astheria.com集中在白色的空間,并有一個平衡的基于網(wǎng)格的設(shè)計解決方案。雖然設(shè)計是相當(dāng)微妙的,只使用一個有吸引力的顏色,你可以立即看到你現(xiàn)在在哪里,可以有哪些選擇。電源排版處于最佳狀態(tài)。不幸的是,該網(wǎng)站不顯示鏈接已經(jīng)被訪問(更新:凱爾·邁耶補充說:現(xiàn)在訪問的狀態(tài))。

5、針對用戶需求分析

作為網(wǎng)頁開發(fā)人員,你有安慰你的訪客的首要任務(wù),解決他們的需求,并為他們提供足夠的線索,無縫和直觀的導(dǎo)航。然而,要實現(xiàn)這一點,你需要更多的不僅僅是考慮你的用戶的平均輪廓,并堅持以決定他/她會很高興。

為了最大限度地提高您的風(fēng)險你要考慮你的訪客的各類型材。您需要確定主要團體和各組提供的功能,其成員會很舒服。這并不意味著,你需要創(chuàng)建多個版本的網(wǎng)站,而意味著你可以在一個單一的設(shè)計布局,整合多層次的用戶交互。

例如,根據(jù)施奈德曼用戶界面設(shè)計的原則,重要的是使頻繁的用戶使用快捷方式 -加大步伐的交互使用 ??的縮寫,特殊的按鍵,隱藏命令等

Ffffound.com同時提供常用的導(dǎo)航和基于Javascript的鍵盤導(dǎo)航。此功能沒有直接看到新手們可以通過瀏覽網(wǎng)站以常規(guī)方式。然而,高級用戶能夠更有效地導(dǎo)航。當(dāng)然,你需要做出明確和清晰的,任何先進的功能和它提供什么好處,如何使用。

另一種可能性是書簽工具,工具欄或一些特定的工具,如如Flickr的上傳。提供這些工具,你會提供您的用戶更容易的方式來使用你的服務(wù),他們不會有任何需要尋找替代品。

結(jié)論

沒有有效的網(wǎng)頁設(shè)計是豐富多彩和漂亮的-它需要清晰和直觀。確保您幫助您了解網(wǎng)站的好處,并為他們提供一個簡單的方法來探索和利用你的網(wǎng)站的訪問者。

對稱和不對稱的平衡,可以幫助實現(xiàn)了堅實而清晰的設(shè)計解決方案,從而提供豐富的用戶交互的基礎(chǔ)。為了最大限度地提高您的風(fēng)險,考慮不同類型的用戶,并為他們提供多層次的用戶交互,這會為他們帶來回你的網(wǎng)站。

每天更新,
全站高品質(zhì)素材免費下載!