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

2016-08-21    分類: 網(wǎng)站建設

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

今天創(chuàng)新互聯(lián)要比較的兩家大公司網(wǎng)站:蘋果和微軟。
兩巨頭生產(chǎn)尖端產(chǎn)品和的軟件和硬件,但他們的網(wǎng)站嗎?怎么做也都要比較一下,哪一個是更好體驗和更有用的嗎?
嗯,在這篇文章中我們將在網(wǎng)站,仔細檢查從可用性的角度來看一看。
重要的一點要注意在我們進行比較這兩個網(wǎng)站是每個公司的業(yè)務是圍繞著不同的市場。
微軟主要是從商業(yè)利潤的業(yè)務,主要包括銷售許可其操作系統(tǒng)和辦公套件的計算機生產(chǎn)企業(yè)。
這并不是說他們不賣給消費者,他們做的,他們的消費不僅產(chǎn)品線為好,如Xbox游戲機,當然家庭用戶也購買Windows和Office。這意味著他們的業(yè)務目標,幾乎每個人,從家里的電腦,業(yè)主向開發(fā)商和企業(yè);進而延伸的目的,他們的網(wǎng)站來為大家服務。
另一方面,蘋果是一個消費品公司,使其大部分利潤銷售硬件,喜歡它的音樂播放器iPod和Mac電腦。這使得目標蘋果網(wǎng)站更清晰-市場營銷,銷售和支持其產(chǎn)品的消費者。
他們不需要擔心銷售許可證的廠家因為他們是唯一的制造商,所以網(wǎng)站的主要目的是宣傳和推廣他們的多個產(chǎn)品線,以及出售他們通過他們的在線商店。

1。網(wǎng)頁主頁
網(wǎng)頁是最重要的一頁,整個網(wǎng)站因為是第一次,而且在許多情況下,你唯一的機會來打動客人足以讓他們?yōu)g覽。你有幾秒鐘的時間說服他們,該網(wǎng)站有足夠的價值,他們繼續(xù)使用它,因為如果它不,游客會離開。
蘋果的方法對網(wǎng)頁一直貫穿始終的所有年,網(wǎng)站已經(jīng)運行。他們使用此網(wǎng)頁作為一種廣告牌,總是顯示一個大的廣告他們的最新產(chǎn)品,其次是其他3個廣告的3個產(chǎn)品或新聞是重要的時刻。
如果你沒有任何的4個建議的項目感興趣,你可以在上面用大的導航欄,它分為核心業(yè)務:Mac、iPod和iPhone,其次是其他幾個重要環(huán)節(jié),如在線商店和支持頁面。導航欄中還包括一個搜索領域。

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

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

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

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

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

我認為蘋果已經(jīng)在構建他們所有的頁面做了大量的工作。在這里,你首先關注的是可能在正確的圖片,然后是左邊的大標題。
在你的標題你可以繼續(xù)瀏覽下面的廣告閱讀,導致好的行動呼吁免費試用的注冊按鈕。如果你不在審判感興趣,有更多的功能,下面來說服你,每一個結束的“了解更多”鏈接到一個更詳細的專題頁面。這使得無死角,讓用戶瀏覽。
微軟似乎漫無目的的在這部。這里的SharePoint部分:
微軟流量

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

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

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


4。可讀性
因為網(wǎng)站的內(nèi)容大部分是文本,以確保一切都清晰易讀是至關重要的。這里要考慮網(wǎng)站內(nèi)容的可讀性,工作時主要的東西:
•使文本足夠大以便看和讀是容易的。
•確保有文字和背景有足夠的對比。
•在文字周圍提供足夠的留白讓其他圖片和內(nèi)容干擾器。
•提供充足的大標題和高亮/粗體文本允許用戶快速獲取關鍵信息。
•添加圖片和圖標,使它更容易集中在文本的各個部分,即產(chǎn)品或特征描述。
•保持文字簡明扼要。
讓我們來看看微軟和蘋果在這一地區(qū)的票價。這是一個典型的頁面在Apple.com網(wǎng)站:

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

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

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

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

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


5。搜索
蘋果的搜索集成到導航欄。當你在搜索框中輸入一些你實際上得到的Live搜索結果與Ajax技術,通過一個小盒子會彈出,顯示你的結果你的類型。
很好-沒有滯后,打字的時候,的結果都集中在分類和提取速度非???,通常在你打完你的查詢。這是什么樣子的:
蘋果的搜索
如果你想看到更多的結果,你可以點擊當你打完了,你會被帶到標準的搜索結果頁面。這是非常干凈和有組織的分類。
你可以鉆結果進一步下降的類別,選擇從右邊的菜單。它的功能和清潔,以及當你試圖找到任何產(chǎn)品,他們賣的。
蘋果的搜索

微軟有一個更熟悉的搜索結果頁面看起來很像谷歌(或任何其他的搜索引擎,這些天)。
這是因為它使用了微軟的Live搜索引擎。這當然好,找到你想要的東西,得到了我想要的結果。該格式的結果是一個大名單,這是有道理的微軟因為性質(zhì)的業(yè)務,有很多的子頁面和不同的內(nèi)容進行搜索。
它的功能,但外觀和感覺是其他頁面不同,這使得它看起來像你瀏覽不同的網(wǎng)站。
微軟搜索

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

做美學有什么用?事實上,他們做的。研究表明,人們對美觀的界面更好用。
吸引人的界面給用戶更好的第一印象,甚至會讓用戶更可容忍的問題。那么微軟如何票價在美觀性嗎?這是Internet Explorer 8頁:

再次,我們有一個完全不同的設計,雖然同樣是淡藍色的背景。如果頁面上沒有標題,你能知道這個是微軟的網(wǎng)頁嗎?可能不是。
設計總體不錯,但不錯是不夠的。有很多的矛盾和缺乏光澤,使蘋果在這個領域。
7。一致性
一致性是重要的因為它允許你開發(fā)使用模式。這意味著如果你的網(wǎng)站有一個一致的接口在,你的訪客會很快學會如何工作,能夠在任何新的頁面使用這方面的知識,他們的訪問,因為他們都會使用相同的,或非常相似,界面。

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

你可以說這是微軟的網(wǎng)頁如果拿走他們的標志嗎?自定義圖形,款式和顏色調(diào)色板在所有微軟的部分幫助小保持統(tǒng)一的網(wǎng)絡品牌形象。
微軟真的掙扎在這里。有許多不同的部分,他們在找到自己的外觀和感覺的所有特征,包括他們自己的導航。
所以當你去他們的網(wǎng)站上的一段,它是微軟商店,辦公場所,或安全的網(wǎng)頁,他們將所有的外觀和感覺像獨立的網(wǎng)站。
更糟糕的是,全球導航欄也消失了,這意味著你有回到主頁,或是網(wǎng)站地圖,看到他們所有的網(wǎng)站的概述。這真是一個生態(tài)系統(tǒng)的網(wǎng)站在相同的域,因此它沒有得到利益的一致性,蘋果。品牌形象也極其零散的難以定義一個微軟網(wǎng)站。

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

創(chuàng)新互聯(lián)設計文章推薦:

店鋪流量診斷主要是分析哪些數(shù)據(jù)?

作為企業(yè)老板的你還想著低價做網(wǎng)站!
簡要紹網(wǎng)站交互式設計

分享文章:蘋果與微軟的網(wǎng)站可用性研究
本文鏈接:http://muchs.cn/news34/21034.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián),為您提供虛擬主機、響應式網(wǎng)站、網(wǎng)站設計公司、云服務器品牌網(wǎng)站建設、外貿(mào)建站

廣告

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

成都網(wǎng)站建設