從Apple和Microsoft網(wǎng)站易用性談營(yíng)銷型網(wǎng)站建設(shè)
來(lái)源:網(wǎng)站推廣 2012-10-17
微軟公司對(duì)網(wǎng)站首頁(yè)的處理則是另外一種方法
親愛(ài)的創(chuàng)業(yè)者和企業(yè)家:
你好,我是營(yíng)銷叛將,這里和你分享的是圓周率營(yíng)銷的圓周率網(wǎng)絡(luò)營(yíng)銷特別報(bào)告第九期,分享的主題是從蘋果和微軟兩公司網(wǎng)站的易用性談營(yíng)銷型網(wǎng)站策劃制作與設(shè)計(jì)建設(shè)
今天,我們將對(duì)比Apple與Microsoft這兩個(gè)世界級(jí)的公司網(wǎng)站毫無(wú)疑問(wèn),這兩大巨頭對(duì)自己生產(chǎn)的個(gè)人產(chǎn)品與企業(yè)產(chǎn)品的間斷性而引以為傲,并不斷引領(lǐng)IT行業(yè)的軟件和硬件發(fā)展
但,單就他們的公司網(wǎng)站來(lái)說(shuō)呢?如何比較它們,更重要的是,哪一個(gè)更好,哪一個(gè)更易用?今天,營(yíng)銷叛將就從易用性的角度,仔細(xì)對(duì)比蘋果和微軟的公司網(wǎng)站,以期能夠?qū)δ愕臓I(yíng)銷型網(wǎng)站策劃制作與設(shè)計(jì)建設(shè)有所啟發(fā)和啟示
在開(kāi)始比較之前,我們先圍繞這兩個(gè)公司網(wǎng)站所進(jìn)入的市場(chǎng)利潤(rùn)區(qū)的差異性做一下簡(jiǎn)要介紹
微軟公司從商業(yè)形式上說(shuō)更偏向于B2B,主要是向PC設(shè)備商銷售Windows系列操作系統(tǒng)的授權(quán),以及向企業(yè)銷售Office辦公軟件這并不是說(shuō)微軟不向個(gè)人消費(fèi)者銷售產(chǎn)品,而這僅僅只不過(guò)是微軟購(gòu)物車中的一個(gè)產(chǎn)品線之一,也可以說(shuō)是Win網(wǎng)絡(luò)營(yíng)銷操作系統(tǒng)中產(chǎn)品滑梯(詳情請(qǐng)參考Win網(wǎng)絡(luò)營(yíng)銷操作系統(tǒng)DNA版《贏銷秘笈》第二章《如何打造商業(yè)帝國(guó)的購(gòu)物車系統(tǒng)》中的“營(yíng)銷殺手锏和核武器”)上一個(gè)產(chǎn)品之一,比如Xbox游戲機(jī),當(dāng)然家庭用戶也可以購(gòu)買Windows操作系統(tǒng)和Office辦公軟件這就意味著微軟的潛在顧客群體基本上包含了我們每一個(gè)人,從家庭電腦用戶到開(kāi)發(fā)者以及企業(yè)用戶;而正是如此使得微軟網(wǎng)站的策劃制作與設(shè)計(jì)建設(shè)的目的在于嘗試服務(wù)每一個(gè)人
而蘋果公司呢?從商業(yè)形式上B2C更重,盈利來(lái)源主要是靠銷售信硬件,比如iPod音樂(lè)播放器和Mac電腦以及iPhone手機(jī)等這使得蘋果網(wǎng)站的目的就更加清晰得多——為它的產(chǎn)品營(yíng)銷、銷售并為客戶提供服務(wù)
蘋果公司不用擔(dān)心要向生產(chǎn)廠商銷售授權(quán)的產(chǎn)品,因?yàn)樗麄兙褪俏ㄒ坏膹S家,所以蘋果公司的網(wǎng)站的主要目的就在于為它購(gòu)物車的多重產(chǎn)品線做廣告和促銷,而銷售則是通過(guò)蘋果公司的在線商店來(lái)完成
需要特別說(shuō)明的是,因?yàn)閳A周率營(yíng)銷聚焦于網(wǎng)絡(luò)營(yíng)銷,所以,在這里也就不能單純地從網(wǎng)站易用性的角度來(lái)比較蘋果和微軟的網(wǎng)站,而應(yīng)該融入網(wǎng)絡(luò)營(yíng)銷的元素和視野,也就是營(yíng)銷叛將所說(shuō)的營(yíng)銷型網(wǎng)站只有如此,這篇文章對(duì)你的公司網(wǎng)站策劃制作與設(shè)計(jì)建設(shè)才有實(shí)際的參考意義
#1:營(yíng)銷型網(wǎng)站的首頁(yè)
營(yíng)銷型網(wǎng)站的首頁(yè)是整個(gè)網(wǎng)站的最重要的頁(yè)面,因?yàn)樗菭I(yíng)銷型網(wǎng)站的第一頁(yè),在很多營(yíng)銷型網(wǎng)站的策劃制作與設(shè)計(jì)建設(shè)中,你唯一的機(jī)會(huì)就是讓網(wǎng)站的訪問(wèn)者對(duì)你的網(wǎng)站首頁(yè)印象深刻才能Hold住他們繼續(xù)瀏覽同時(shí),你也只有幾秒鐘的時(shí)間說(shuō)服他們,你的網(wǎng)站價(jià)值重大,才能讓他們繼續(xù)使用若非如此,訪問(wèn)者會(huì)選擇立即離開(kāi)
蘋果公司網(wǎng)站自從上線運(yùn)營(yíng),多年來(lái)一直保持該營(yíng)銷型網(wǎng)站首頁(yè)的一致性蘋果公司把網(wǎng)站首頁(yè)當(dāng)做某種形式的廣告板來(lái)展示他們最新的產(chǎn)品信息,在蘋果公司網(wǎng)站的首頁(yè)通常還有其他3個(gè)產(chǎn)品的3個(gè)廣告或者是蘋果公司最重要的新聞信息
如果你對(duì)這4個(gè)推薦項(xiàng)目不感興趣,蘋果又利用首頁(yè)頂部的導(dǎo)航菜單來(lái)展示他們的核心產(chǎn)品:Mac電腦、iPod播放器和iPhone手機(jī),還有在線商店、技術(shù)支持等重要鏈接,最后也包含了一個(gè)搜索框
在蘋果公司網(wǎng)站首頁(yè)非常有意思的是上方的主要廣告很大,基本上快要占據(jù)了整個(gè)首頁(yè)如果這不能抓住你的注意力,那這個(gè)廣告就沒(méi)有多大價(jià)值事實(shí)上,如果你看過(guò)“Apple打造賺錢機(jī)器締造商業(yè)帝國(guó)的5個(gè)營(yíng)銷之道”這份圓周率營(yíng)銷營(yíng)銷報(bào)告,你就知道蘋果公司非常擅長(zhǎng)營(yíng)銷,他們也總是能夠抓住你的注意力,所以他們不用擔(dān)心這個(gè)巨幅廣告會(huì)沒(méi)有意義
另外一個(gè)值得注意的地方是蘋果公司網(wǎng)站首頁(yè)沒(méi)有太多內(nèi)容沒(méi)有邊欄、通知或者是其他的導(dǎo)航項(xiàng)目,在首頁(yè)上只有少之又少的幾個(gè)內(nèi)容項(xiàng)目,而正是這樣的設(shè)計(jì)聚焦了你的注意力,同時(shí)也讓你不得不決定鼠標(biāo)往哪里點(diǎn)擊首先,他們?cè)诰W(wǎng)站頂部推薦的是相似風(fēng)格的廣告,同樣也是為了抓住你的注意力在所推薦的4個(gè)廣告中只顯示其中的1個(gè),而之后會(huì)自動(dòng)按順序顯示其余的廣告顯然,這也聚焦了你的注意力,但可能在一定程度上損失了后來(lái)顯示的其他的廣告的效果在頂部導(dǎo)航菜單上面是一個(gè)搜索框
在主要廣告下面是一些你可能感興趣的內(nèi)容導(dǎo)航正如前面所提到的一樣,微軟的市場(chǎng)利潤(rùn)區(qū)既包含了B2B的部分,也包含了B2C的部分在接下來(lái)的部分,也就是首頁(yè)底部的空間,最大的問(wèn)題在于任何吸引眼球的地方,因?yàn)樵讵M小的空間里面放置了太多信息,而顯得沒(méi)有生氣令人厭倦
另外一個(gè)問(wèn)題就是字體總體而言,微軟公司首頁(yè)的字體偏小,在各個(gè)內(nèi)容標(biāo)題之間沒(méi)有足夠的區(qū)分開(kāi)來(lái)就我個(gè)人而言,真的沒(méi)有什么吸引力讓我繼續(xù)瀏覽下去
#2:營(yíng)銷型網(wǎng)站的設(shè)計(jì)流
說(shuō)設(shè)計(jì)流,可能不專業(yè)高手別拍磚就好我是這么定義流這個(gè)概念:一種可以讓訪問(wèn)者更容易的找到他所聚焦的內(nèi)容的網(wǎng)站結(jié)構(gòu)和布局方式也就是說(shuō),在我瀏覽網(wǎng)站時(shí),網(wǎng)站的設(shè)計(jì)是不是能夠引導(dǎo)我去到我聚焦的內(nèi)容上面,而不用在網(wǎng)站上再去尋找或者是點(diǎn)擊導(dǎo)航條去尋找我需要的內(nèi)容?這是蘋果公司網(wǎng)站的iTunes頁(yè)面:
我相信蘋果公司在這些頁(yè)面的結(jié)構(gòu)與布局設(shè)計(jì)上花了很大功夫當(dāng)你瀏覽這個(gè)頁(yè)面的時(shí)候,你的眼睛首先看到的可能是右邊的大幅圖片,然后是左邊的大字標(biāo)題在看了這些之后,你可能會(huì)去看看那一小段介紹性文字之后,就是一個(gè)“免費(fèi)下載”的成交主張如果你對(duì)這個(gè)成交主張不感興趣,下面還有2個(gè)推薦的項(xiàng)目
這里需要注意的一個(gè)細(xì)節(jié)是,盡管在這兩個(gè)推薦的項(xiàng)目在整體上都是可以點(diǎn)擊的,卻仍然需要一個(gè)“了解更多”的按鈕或許,你會(huì)認(rèn)為這是多此一舉,其實(shí),很多人如果你不告訴他們,他們的鼠標(biāo)該點(diǎn)擊什么地方,他們真的不知道該點(diǎn)擊哪里這就像圓周率營(yíng)銷的網(wǎng)站首頁(yè)處理一樣,盡管你都可以點(diǎn)擊,但我還是要告訴你“點(diǎn)擊此處見(jiàn)詳情”我們也可以發(fā)現(xiàn),在蘋果公司網(wǎng)站的好多頁(yè)面都是這么處理
而微軟公司網(wǎng)站在這方面則有欠缺下圖是微軟網(wǎng)站Office 2010的頁(yè)面截圖:
我相信你一定會(huì)被右邊的大幅圖片所吸引,除了讓你“先睹為快”之外呢,接下來(lái)是什么?在我看來(lái)除了凌亂不堪,難以抓住要點(diǎn)內(nèi)容之外,真的很難說(shuō)明所要介紹的主題和主旨還是一樣的通病,內(nèi)容太多并且,缺少成交主張的動(dòng)作按鈕,當(dāng)我看到這么多內(nèi)容,我真不知把鼠標(biāo)往哪里點(diǎn)擊,尤其是從混亂不堪的布局中點(diǎn)擊進(jìn)去之后的內(nèi)容還不一樣的時(shí)候真有點(diǎn)讓人生出崩潰的心!
在營(yíng)銷型網(wǎng)站的策劃制作與設(shè)計(jì)建設(shè)中,當(dāng)你呈現(xiàn)給用戶太多選擇的時(shí)候,他們不得不考慮他們想要什么并且還得處理更多信息而這,卻恰恰讓用戶不去選擇,因?yàn)樗麄儜械萌タ紤]去處理比較而言,蘋果公司網(wǎng)站在引導(dǎo)用戶的設(shè)計(jì)流方面更成功,用戶體驗(yàn)更好
#3:營(yíng)銷型網(wǎng)站的導(dǎo)航菜單
蘋果公司網(wǎng)站的導(dǎo)航菜單在一直都在網(wǎng)頁(yè)頂部,并且持續(xù)多年不變蘋果公司網(wǎng)站的導(dǎo)航菜單,不僅指明了用戶的主要選擇,同時(shí)也整合了公司的品牌信息和搜索的便利性很直觀,蘋果公司網(wǎng)站的首頁(yè)鏈接就是Apple的Logo圖片
值得注意的一點(diǎn)是在主要的導(dǎo)航菜單下面,部分頁(yè)面還有子菜單導(dǎo)航,作為主導(dǎo)航菜單的補(bǔ)充和拓展從內(nèi)容到風(fēng)格,都是一致的
而微軟公司網(wǎng)站的導(dǎo)航菜單完全和蘋果公司不一樣不同之處不是僅僅在于下拉式導(dǎo)航菜單,最大的不同在于有太多的下拉式菜單!關(guān)于這一點(diǎn),微軟公司的英文網(wǎng)站表現(xiàn)最為典型,截圖如下:
這是好還是壞?既然存在,我相信一定有它的合理性并且,我也相信這是有用的以群組的方式展示很多選項(xiàng),方便用戶可以直接跳到他們想要選擇的群組類別,然后再看里面的內(nèi)容項(xiàng)目
但這樣處理的問(wèn)題也不少首先,你得將群組的類別設(shè)置盡可能地和人們的常識(shí)相比配;其次,就像微軟的這個(gè)下拉菜單中竟然多達(dá)13個(gè)內(nèi)容項(xiàng)目,這無(wú)疑加大了選擇處理的難度;最后,在各個(gè)內(nèi)容項(xiàng)目頁(yè)面的設(shè)計(jì)風(fēng)格上很難保持一致,這讓用戶感覺(jué)是不是又進(jìn)了某個(gè)新網(wǎng)站了,也就是識(shí)別度不高
#4:營(yíng)銷型網(wǎng)站的可讀性
因?yàn)榫W(wǎng)站的絕大部分內(nèi)容都是以文本的形式存在,在營(yíng)銷型網(wǎng)站策劃制作與設(shè)計(jì)建設(shè)中的一個(gè)重中之重的問(wèn)題是:保持全部?jī)?nèi)容的可讀性在這里,營(yíng)銷叛將有幾個(gè)建議:
1. 適當(dāng)放大文本字體大小,讓文本易看易讀;
2. 在文本與背景中需要有足夠大的對(duì)比空間;
3. 適當(dāng)留白,讓其他內(nèi)容和圖片不至于分散讀者注意力;
4. 高亮顯示或加粗處理標(biāo)題,讓讀者能夠快速把握關(guān)鍵信息;
5. 在各個(gè)部分文本,比如產(chǎn)品或特性描述中添加圖片或圖標(biāo),利于區(qū)分同時(shí)也能抓住讀者注意力;
6. 文本應(yīng)該保持言簡(jiǎn)意賅
關(guān)于這一方面在圓周率營(yíng)銷的另一份營(yíng)銷營(yíng)銷報(bào)告“Apple打造賺錢機(jī)器締造商業(yè)帝國(guó)的5個(gè)營(yíng)銷之道”中已經(jīng)提到,還是眼見(jiàn)為實(shí)的好
標(biāo)題字體大,并且很突出,一眼看去就看到了關(guān)鍵而其余內(nèi)容文本字體小,但卻不至于小到連看都是問(wèn)題并且,還將其余重要的內(nèi)容項(xiàng)目分塊顯示,可以方便你快速找到自己感興趣的內(nèi)容現(xiàn)在,再來(lái)看看微軟公司的網(wǎng)站,下面的截圖是“所有Windows產(chǎn)品”頁(yè)面:
在這里,營(yíng)銷叛將就不多做點(diǎn)評(píng),但我相信你的感受和我大致相同:不容易讀啊,眼睛太累
#5:營(yíng)銷型網(wǎng)站的風(fēng)格一致性
網(wǎng)站設(shè)計(jì)風(fēng)格的一致性非常重要,這有助于你培養(yǎng)用戶的使用習(xí)慣簡(jiǎn)單說(shuō),就是網(wǎng)站的界面設(shè)計(jì)風(fēng)格從整體上應(yīng)該是一致的,至少要然用戶點(diǎn)擊進(jìn)入某個(gè)新頁(yè)面之后不會(huì)懷疑自己是不是摸進(jìn)了其他的某個(gè)網(wǎng)站去了蘋果公司網(wǎng)站在這方面我想已經(jīng)不用再說(shuō)來(lái)看看微軟的網(wǎng)站下面的截圖是微軟的Surface頁(yè)面:
如果你不仔細(xì)看,你知道這個(gè)微軟的網(wǎng)站嗎?我真不知微軟把LOGO搞到什么地方去了更別說(shuō)風(fēng)格,導(dǎo)航菜單什么的或許是因?yàn)槲④浖掖髽I(yè)大,雖然有可能也在掙扎,但苦于體積龐大一時(shí)無(wú)法變身吧在微軟公司網(wǎng)站上,另一個(gè)讓我感到不解的是,在產(chǎn)品介紹頁(yè)面點(diǎn)擊首頁(yè),返回的仍然是產(chǎn)品首頁(yè)!
營(yíng)銷型網(wǎng)站的策劃制作與設(shè)計(jì)建設(shè)總結(jié)
單從蘋果和微軟兩公司網(wǎng)站的易用性方面來(lái)說(shuō),誰(shuí)是贏家?我相信已經(jīng)一目了然,不用多說(shuō)很多人認(rèn)為蘋果的產(chǎn)品設(shè)計(jì)很牛,其實(shí)它的網(wǎng)站也不例外蘋果公司網(wǎng)站首頁(yè)可供用戶選擇的項(xiàng)目更少,這也就意味著用戶不要思考太多
并且,在蘋果公司網(wǎng)站所有頁(yè)面都采用了一直的導(dǎo)航菜單,使用了大量的白底板留白和子標(biāo)題,讓內(nèi)容更加好讀同時(shí)簡(jiǎn)化和標(biāo)準(zhǔn)化設(shè)計(jì),也沒(méi)有過(guò)多處理文字的樣式顯而易見(jiàn),蘋果公司網(wǎng)站更為友好,用戶體驗(yàn)更佳,尤其是一直在追求蘋果最新產(chǎn)品的果粉來(lái)說(shuō)
或許是因?yàn)閮蓚�(gè)公司的市場(chǎng)利潤(rùn)區(qū)定位不同,蘋果公司網(wǎng)站的規(guī)模上要比微軟小一些微軟公司網(wǎng)站已經(jīng)圍繞微軟品牌建立了許多不同的網(wǎng)站和完整的網(wǎng)站生態(tài)系統(tǒng)最大問(wèn)題在于網(wǎng)站設(shè)計(jì)風(fēng)格的一致性
是的,微軟僅僅只是沒(méi)有一個(gè)一致的、統(tǒng)一貫穿全部網(wǎng)站的品牌每個(gè)網(wǎng)站的都讓人感覺(jué)不同沒(méi)有統(tǒng)一的導(dǎo)航菜單,同時(shí)也沒(méi)有像蘋果公司網(wǎng)站那樣給用戶一個(gè)一致的視覺(jué)線索,讓網(wǎng)站自始至終都保持一種獨(dú)特品牌美感
我更喜歡蘋果公司網(wǎng)站,你呢?
特別說(shuō)明:本文由營(yíng)銷叛將原創(chuàng),圓周率營(yíng)銷網(wǎng)站和,轉(zhuǎn)載請(qǐng)注明,
文章編輯: 365webcall在線客服系統(tǒng)(www.365webcall.com)
我的評(píng)論
| 登錄賬號(hào)： | 密碼： | 快速注冊(cè) | 找回密碼 |  |
