蘋(píng)果與微軟的網(wǎng)站可用性研究

今天我們要比較的兩家大公司網(wǎng)站：蘋(píng)果和微軟。
兩巨頭生產(chǎn)尖端產(chǎn)品和領(lǐng)先的軟件和硬件，但他們的網(wǎng)站嗎？怎么做也都要比較一下，哪一個(gè)是更好體驗(yàn)和更有用的嗎？
嗯，在這篇文章中我們將在網(wǎng)站，仔細(xì)檢查從可用性的角度來(lái)看一看。
重要的一點(diǎn)要注意在我們進(jìn)行比較這兩個(gè)網(wǎng)站是每個(gè)公司的業(yè)務(wù)是圍繞著不同的市場(chǎng)。
微軟主要是從商業(yè)利潤(rùn)的業(yè)務(wù)，主要包括銷(xiāo)售許可其操作系統(tǒng)和辦公套件的計(jì)算機(jī)生產(chǎn)企業(yè)。
這并不是說(shuō)他們不賣(mài)給消費(fèi)者，他們做的，他們的消費(fèi)不僅產(chǎn)品線為好，如Xbox游戲機(jī)，當(dāng)然家庭用戶也購(gòu)買(mǎi)Windows和Office。這意味著他們的業(yè)務(wù)目標(biāo)，幾乎每個(gè)人，從家里的電腦，業(yè)主向開(kāi)發(fā)商和企業(yè)；進(jìn)而延伸的目的，他們的網(wǎng)站來(lái)為大家服務(wù)。
另一方面，蘋(píng)果是一個(gè)消費(fèi)品公司，使其大部分利潤(rùn)銷(xiāo)售硬件，喜歡它的音樂(lè)播放器iPod和Mac電腦。這使得目標(biāo)蘋(píng)果網(wǎng)站更清晰-市場(chǎng)營(yíng)銷(xiāo)，銷(xiāo)售和支持其產(chǎn)品的消費(fèi)者。
他們不需要擔(dān)心銷(xiāo)售許可證的廠家因?yàn)樗麄兪俏ㄒ坏闹圃焐?，所以網(wǎng)站的主要目的是宣傳和推廣他們的多個(gè)產(chǎn)品線，以及出售他們通過(guò)他們的在線商店。

1。網(wǎng)頁(yè)主頁(yè)
網(wǎng)頁(yè)是最重要的一頁(yè)，整個(gè)網(wǎng)站因?yàn)槭堑谝淮危以谠S多情況下，你唯一的機(jī)會(huì)來(lái)打動(dòng)客人足以讓他們?yōu)g覽。你有幾秒鐘的時(shí)間說(shuō)服他們，該網(wǎng)站有足夠的價(jià)值，他們繼續(xù)使用它，因?yàn)槿绻?，游客?huì)離開(kāi)。
蘋(píng)果的方法對(duì)網(wǎng)頁(yè)一直貫穿始終的所有年，網(wǎng)站已經(jīng)運(yùn)行。他們使用此網(wǎng)頁(yè)作為一種廣告牌，總是顯示一個(gè)大的廣告他們的最新產(chǎn)品，其次是其他3個(gè)廣告的3個(gè)產(chǎn)品或新聞是重要的時(shí)刻。
如果你沒(méi)有任何的4個(gè)建議的項(xiàng)目感興趣，你可以在上面用大的導(dǎo)航欄，它分為核心業(yè)務(wù)：Mac、iPod和iPhone，其次是其他幾個(gè)重要環(huán)節(jié)，如在線商店和支持頁(yè)面。導(dǎo)航欄中還包括一個(gè)搜索領(lǐng)域。

有趣的是，主要的廣告在上面是巨大的-事實(shí)上它幾乎覆蓋整個(gè)頁(yè)面。如果不能吸引你的注意力，然后什么都不會(huì)。蘋(píng)果知道使用好的營(yíng)銷(xiāo)讓客戶關(guān)注的重要性，所以他們不害怕真的走了。
另一個(gè)需要注意的是內(nèi)容缺乏。你不分心的側(cè)邊欄，通知或額外的導(dǎo)航項(xiàng)目只有少數(shù)項(xiàng)目網(wǎng)頁(yè)上，集中你的注意力和決定接下來(lái)去哪兒更容易。
微軟對(duì)自己的首頁(yè)有一種不同的方法。首先，它們的特點(diǎn)是一個(gè)風(fēng)格相似的廣告在頂部，設(shè)計(jì)要注意。這些都是大的圖片，但只有一個(gè)3的廣告是在同一時(shí)間顯示你已經(jīng)盤(pán)旋在其他兩擴(kuò)大。這種關(guān)注，但可能削弱有效性的兩個(gè)隱藏廣告以來(lái)，游客不得不工作去看他們。就在頁(yè)面頂部的導(dǎo)航和搜索。

什么是在主要的廣告更有趣。正如我前面提到的，微軟的商業(yè)運(yùn)作，在許多市場(chǎng)，包括企業(yè)對(duì)企業(yè)和企業(yè)對(duì)消費(fèi)者。
下面的空間作為一個(gè)組的亮點(diǎn)和不同商業(yè)領(lǐng)域的新聞。一個(gè)大問(wèn)題的內(nèi)容，這里的特色是相當(dāng)枯燥無(wú)味的，有很多信息裝入一個(gè)很小的空間，毫無(wú)條理而言。
當(dāng)然，這是分解成幾個(gè)要點(diǎn)，但字體很小，幾乎沒(méi)有任何圖片來(lái)區(qū)分物品。目前，很少有吸引我讓我想讀完這內(nèi)容，因?yàn)樗皇菬o(wú)聊，嗯。
 
2。網(wǎng)站流量
我的意思是這樣的：是網(wǎng)站流量的結(jié)構(gòu)和布置在這樣一種方式，我可以很容易地找到所需的信息嗎？我知道閱讀后，我把注意力集中在那些項(xiàng)目是網(wǎng)站設(shè)計(jì)指導(dǎo)我在紙上用較少的努力在我的部分，或者我要工作來(lái)瀏覽內(nèi)容，找到我所需要的嗎？
這是Apple.com的MobileMe區(qū)塊：

我認(rèn)為蘋(píng)果已經(jīng)在構(gòu)建他們所有的頁(yè)面做了大量的工作。在這里，你首先關(guān)注的是可能在正確的圖片，然后是左邊的大標(biāo)題。
在你的標(biāo)題你可以繼續(xù)瀏覽下面的廣告閱讀，導(dǎo)致好的行動(dòng)呼吁免費(fèi)試用的注冊(cè)按鈕。如果你不在審判感興趣，有更多的功能，下面來(lái)說(shuō)服你，每一個(gè)結(jié)束的“了解更多”鏈接到一個(gè)更詳細(xì)的專(zhuān)題頁(yè)面。這使得無(wú)死角，讓用戶瀏覽。
微軟似乎漫無(wú)目的的在這部。這里的SharePoint部分：
微軟流量

是的，在頂部，抓住了你的注意力-大報(bào)和服務(wù)器的圖像但接下來(lái)有一個(gè)焦點(diǎn)嗎？
以下所有的內(nèi)容極其單調(diào)，特別是“學(xué)習(xí)8個(gè)環(huán)節(jié)“盒。干呈現(xiàn)給用戶不點(diǎn)擊在激勵(lì)。一些微軟網(wǎng)站使用更好的布局直接關(guān)注的流量，但他們都有一個(gè)通?。禾嗟膬?nèi)容。
當(dāng)你為用戶提供太多的選擇，你使他們的工作，他們不得不考慮他們想要什么，他們要處理更多的信息。減少選擇，蘋(píng)果引導(dǎo)用戶通過(guò)一個(gè)精心設(shè)計(jì)的漏斗，通常提供了一個(gè)更好的體驗(yàn)。
 

3。導(dǎo)航
蘋(píng)果的網(wǎng)站上有一個(gè)大的導(dǎo)航欄在頂部，它仍然有一貫的哪個(gè)網(wǎng)站你去。
可用的選項(xiàng)顯示的主要部分分業(yè)務(wù)線以及一些必需品，如支持和商店。酒吧還集成了搜索和品牌為Home鍵顯示蘋(píng)果的標(biāo)志而不是一個(gè)標(biāo)簽。
任何額外的子導(dǎo)航是位于個(gè)別頁(yè)面，并放置在背景的網(wǎng)頁(yè)，無(wú)論是在側(cè)邊欄，或作為一個(gè)單杠頂部。
蘋(píng)果導(dǎo)航
微軟的主頁(yè)有一個(gè)類(lèi)似的導(dǎo)航欄，導(dǎo)航欄，但不一致的網(wǎng)站。實(shí)際上，所有的子頁(yè)面都有自己的導(dǎo)航欄，在風(fēng)格和內(nèi)容。首頁(yè)導(dǎo)航作為微軟網(wǎng)站的其他站點(diǎn)地圖。
在很多的導(dǎo)航欄，包括主頁(yè)上的一個(gè)，微軟使用下拉菜單-不像蘋(píng)果。他們不只是使用下拉菜單-他們使用巨大的下拉菜單。在某些情況下，菜單上甚至有一個(gè)滾動(dòng)條（Firefox）：

他們工作是因?yàn)樗麄兲峁┝硕喾N選項(xiàng)組，這樣他們可以更容易的掃描可以跳轉(zhuǎn)到組你想要掃描的項(xiàng)目里面。你必須掌握一定的事情雖然喜歡秩序的群體只有一提的每個(gè)元素一次，他們工作得很好。
在這種情況下，我認(rèn)為這是有意義的微軟走路線的下拉菜單，但我覺(jué)得他們可能走得太遠(yuǎn)。例如，一些指向同一事物，如“辦公室”和“辦公室”的下拉選項(xiàng)中的“產(chǎn)品”的下拉。
下拉塊下面的內(nèi)容，所以如果你不小心鼠標(biāo)滑過(guò)菜單，你得鼠標(biāo)從它再次得到下面的內(nèi)容-所有的同時(shí)注意不要停留在其他項(xiàng)目。
有也有很多選項(xiàng)在每個(gè)組-有時(shí)顯示約13個(gè)項(xiàng)目，這使得處理選項(xiàng)更加困難。同時(shí)，在不同的不一致的導(dǎo)航部分使得它更難跳從一個(gè)地區(qū)到另一個(gè)網(wǎng)站，例如從辦公場(chǎng)所到Xbox網(wǎng)站。
 

4。可讀性
因?yàn)榫W(wǎng)站的內(nèi)容大部分是文本，以確保一切都清晰易讀是至關(guān)重要的。這里要考慮網(wǎng)站內(nèi)容的可讀性，工作時(shí)主要的東西：
•使文本足夠大以便看和讀是容易的。
•確保有文字和背景有足夠的對(duì)比。
•在文字周?chē)峁┳銐虻牧舭鬃屍渌麍D片和內(nèi)容干擾器。
•提供充足的大標(biāo)題和高亮/粗體文本允許用戶快速獲取關(guān)鍵信息。
•添加圖片和圖標(biāo)，使它更容易集中在文本的各個(gè)部分，即產(chǎn)品或特征描述。
•保持文字簡(jiǎn)明扼要。
讓我們來(lái)看看微軟和蘋(píng)果在這一地區(qū)的票價(jià)。這是一個(gè)典型的頁(yè)面在Apple.com網(wǎng)站：

蘋(píng)果做了偉大的工作，把一切容易閱讀。文本通常是小的，但不要太小，是個(gè)問(wèn)題。標(biāo)題設(shè)置突出，讓您快速獲得依據(jù)每節(jié)。
蘋(píng)果還大量使用空格分開(kāi)的一切除了和添加圖片使每段文字更有趣。
這是一個(gè)典型的網(wǎng)頁(yè)從Microsoft.com從Windows部分：
微軟的文本

它遵循的一般可用性指南的事情分解成小塊的文本，容易消化。它看起來(lái)比蘋(píng)果的網(wǎng)站忙了很多因?yàn)橛幸豁?yè)的內(nèi)容多，有許多的標(biāo)題和粗體字的不同處理。
品種太多造成視覺(jué)混亂的頁(yè)面，每一種不同的顏色或粗體字吸引你的注意。在這種情況下，頁(yè)面需要簡(jiǎn)化，使觀眾更容易處理。
這里的另一個(gè)頁(yè)面，這個(gè)時(shí)候從微軟安全部分：
微軟的文本

它遵循的一般可用性指南的事情分解成小塊的文本，容易消化。它看起來(lái)比蘋(píng)果的網(wǎng)站忙了很多因?yàn)橛幸豁?yè)的內(nèi)容多，有許多的標(biāo)題和粗體字的不同處理。
品種太多造成視覺(jué)混亂的頁(yè)面，每一種不同的顏色或粗體字吸引你的注意。在這種情況下，頁(yè)面需要簡(jiǎn)化，使觀眾更容易處理。
這里的另一個(gè)頁(yè)面，這個(gè)時(shí)候從微軟安全部分：
微軟的文本

在本頁(yè)的文本可能有點(diǎn)太小不能舒適的閱讀，而且它需要更多的白色空間分離的文本內(nèi)容。讓我們看看在蘋(píng)果的網(wǎng)站頁(yè)面看起來(lái)真的很忙：
蘋(píng)果的文本
這是蘋(píng)果商店。忙著產(chǎn)品類(lèi)別鏈接到處。字體小得讓更多的內(nèi)容適應(yīng)，雖然好用的白色空間確保事情仍可用。

 
5。搜索
蘋(píng)果的搜索集成到導(dǎo)航欄。當(dāng)你在搜索框中輸入一些你實(shí)際上得到的Live搜索結(jié)果與Ajax技術(shù)，通過(guò)一個(gè)小盒子會(huì)彈出，顯示你的結(jié)果你的類(lèi)型。
很好-沒(méi)有滯后，打字的時(shí)候，的結(jié)果都集中在分類(lèi)和提取速度非?？欤ǔＴ谀愦蛲昴愕牟樵?。這是什么樣子的：
蘋(píng)果的搜索
如果你想看到更多的結(jié)果，你可以點(diǎn)擊當(dāng)你打完了，你會(huì)被帶到標(biāo)準(zhǔn)的搜索結(jié)果頁(yè)面。這是非常干凈和有組織的分類(lèi)。
你可以鉆結(jié)果進(jìn)一步下降的類(lèi)別，選擇從右邊的菜單。它的功能和清潔，以及當(dāng)你試圖找到任何產(chǎn)品，他們賣(mài)的。
蘋(píng)果的搜索

微軟有一個(gè)更熟悉的搜索結(jié)果頁(yè)面看起來(lái)很像谷歌（或任何其他的搜索引擎，這些天）。
這是因?yàn)樗褂昧宋④浀腖ive搜索引擎。這當(dāng)然好，找到你想要的東西，得到了我想要的結(jié)果。該格式的結(jié)果是一個(gè)大名單，這是有道理的微軟因?yàn)樾再|(zhì)的業(yè)務(wù)，有很多的子頁(yè)面和不同的內(nèi)容進(jìn)行搜索。
它的功能，但外觀和感覺(jué)是其他頁(yè)面不同，這使得它看起來(lái)像你瀏覽不同的網(wǎng)站。
微軟搜索
 

6。美學(xué)
蘋(píng)果的網(wǎng)站美學(xué)反映出其產(chǎn)品線。導(dǎo)航條看起來(lái)像是制作出鋁和溫柔的梯度和縮進(jìn)的文本。
也有很多的思考和簡(jiǎn)約的設(shè)計(jì)元素。蘋(píng)果一直致力于統(tǒng)一的外觀和感覺(jué)，其整個(gè)產(chǎn)品線的界面，從硬件到軟件，和他們的網(wǎng)站也不例外。
蘋(píng)果的美學(xué)

做美學(xué)有什么用？事實(shí)上，他們做的。研究表明，人們對(duì)美觀的界面更好用。
吸引人的界面給用戶更好的第一印象，甚至?xí)層脩舾扇萑痰膯?wèn)題。那么微軟如何票價(jià)在美觀性嗎？這是Internet Explorer 8頁(yè)：

再次，我們有一個(gè)完全不同的設(shè)計(jì)，雖然同樣是淡藍(lán)色的背景。如果頁(yè)面上沒(méi)有標(biāo)題，你能知道這個(gè)是微軟的網(wǎng)頁(yè)嗎？可能不是。
設(shè)計(jì)總體不錯(cuò)，但不錯(cuò)是不夠的。有很多的矛盾和缺乏光澤，使蘋(píng)果在這個(gè)領(lǐng)域領(lǐng)先。
 
7。一致性
一致性是重要的因?yàn)樗试S你開(kāi)發(fā)使用模式。這意味著如果你的網(wǎng)站有一個(gè)一致的接口在，你的訪客會(huì)很快學(xué)會(huì)如何工作，能夠在任何新的頁(yè)面使用這方面的知識(shí)，他們的訪問(wèn)，因?yàn)樗麄兌紩?huì)使用相同的，或非常相似，界面。

蘋(píng)果做了偉大的工作，保持界面的一致性。所有的產(chǎn)品頁(yè)面具有相似的美感與結(jié)構(gòu)相同。
整個(gè)網(wǎng)站的外觀和感覺(jué)相同的和全球的導(dǎo)航欄在頂部是一直存在的，在每一頁(yè)。這意味著整個(gè)體驗(yàn)是非常統(tǒng)一和連貫的-你知道你在同一個(gè)網(wǎng)站，無(wú)論你走到哪里。
這是一個(gè)微軟的Azure平臺(tái)的網(wǎng)頁(yè)：
微軟流量

你可以說(shuō)這是微軟的網(wǎng)頁(yè)如果拿走他們的標(biāo)志嗎？自定義圖形，款式和顏色調(diào)色板在所有微軟的部分幫助小保持統(tǒng)一的網(wǎng)絡(luò)品牌形象。
微軟真的掙扎在這里。有許多不同的部分，他們?cè)谡业阶约旱耐庥^和感覺(jué)的所有特征，包括他們自己的導(dǎo)航。
所以當(dāng)你去他們的網(wǎng)站上的一段，它是微軟商店，辦公場(chǎng)所，或安全的網(wǎng)頁(yè)，他們將所有的外觀和感覺(jué)像獨(dú)立的網(wǎng)站。
更糟糕的是，全球?qū)Ш綑谝蚕Я?，這意味著你有回到主頁(yè)，或是網(wǎng)站地圖，看到他們所有的網(wǎng)站的概述。這真是一個(gè)生態(tài)系統(tǒng)的網(wǎng)站在相同的域，因此它沒(méi)有得到利益的一致性，蘋(píng)果。品牌形象也極其零散的難以定義一個(gè)微軟網(wǎng)站。
 

結(jié)論
該網(wǎng)站是贏家？如果你僅僅考慮可用性，蘋(píng)果出來(lái)吧。他們有一個(gè)更好的設(shè)計(jì)網(wǎng)頁(yè)，提供更少的選擇，這意味著用戶不必。
他們?cè)谒械捻?yè)面導(dǎo)航的一致性。他們使用大量的白色空間和子標(biāo)題使一切更具可讀性，然而他們讓事情簡(jiǎn)單的沒(méi)有過(guò)多的使用文字處理。
蘋(píng)果的網(wǎng)站通常更友好的用戶界面，提供了更好的體驗(yàn)給消費(fèi)者，誰(shuí)用它來(lái)看看蘋(píng)果的最新產(chǎn)品。
說(shuō)到這，蘋(píng)果網(wǎng)站的規(guī)模比微軟網(wǎng)站小得多。與蘋(píng)果不同，微軟有很多不同的站點(diǎn)和路段Microsoft.com品牌下，創(chuàng)建一個(gè)子網(wǎng)站的完整生態(tài)系統(tǒng)。每個(gè)站點(diǎn)都擠滿了信息和活的人肉搜索，微軟提供了產(chǎn)生好的結(jié)果。最大的問(wèn)題是微軟的一致性。
微軟不一致、連貫和統(tǒng)一的品牌。每一段看起來(lái)和感覺(jué)不同。沒(méi)有全球?qū)Ш讲](méi)有太多的視覺(jué)線索，告訴用戶，這是微軟網(wǎng)站和蘋(píng)果不同的是，在整個(gè)站點(diǎn)共享一個(gè)獨(dú)特的審美反映，他們的硬件和軟件，從而創(chuàng)造一個(gè)強(qiáng)大的品牌。

牧羊人設(shè)計(jì)文章推薦：

可用性不只是為用戶

慈善網(wǎng)站設(shè)計(jì)制作的8個(gè)秘訣
你的客戶應(yīng)該知道的網(wǎng)站的5個(gè)事情