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

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

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

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

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

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

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

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

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

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

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

是的,在頂部,抓住了你的注意力-大報(bào)和服務(wù)器的圖像但接下來有一個(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)你為用戶提供太多的選擇,你使他們的工作,他們不得不考慮他們想要什么,他們要處理更多的信息。減少選擇,蘋果引導(dǎo)用戶通過一個(gè)精心設(shè)計(jì)的漏斗,通常提供了一個(gè)更好的體驗(yàn)。

3。導(dǎo)航
蘋果的網(wǎng)站上有一個(gè)大的導(dǎo)航欄在頂部,它仍然有一貫的哪個(gè)網(wǎng)站你去。
可用的選項(xiàng)顯示的主要部分分業(yè)務(wù)線以及一些必需品,如支持和商店。酒吧還集成了搜索和品牌為Home鍵顯示蘋果的標(biāo)志而不是一個(gè)標(biāo)簽。
任何額外的子導(dǎo)航是位于個(gè)別頁(yè)面,并放置在背景的網(wǎng)頁(yè),無論是在側(cè)邊欄,或作為一個(gè)單杠頂部。
蘋果導(dǎo)航
微軟的主頁(yè)有一個(gè)類似的導(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è),微軟使用下拉菜單-不像蘋果。他們不只是使用下拉菜單-他們使用巨大的下拉菜單。在某些情況下,菜單上甚至有一個(gè)滾動(dòng)條(Firefox):

他們工作是因?yàn)樗麄兲峁┝硕喾N選項(xiàng)組,這樣他們可以更容易的掃描可以跳轉(zhuǎn)到組你想要掃描的項(xiàng)目里面。你必須掌握一定的事情雖然喜歡秩序的群體只有一提的每個(gè)元素一次,他們工作得很好。
在這種情況下,我認(rèn)為這是有意義的微軟走路線的下拉菜單,但我覺得他們可能走得太遠(yuǎn)。例如,一些指向同一事物,如“辦公室”和“辦公室”的下拉選項(xiàng)中的“產(chǎn)品”的下拉。
下拉塊下面的內(nèi)容,所以如果你不小心鼠標(biāo)滑過菜單,你得鼠標(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??勺x性
因?yàn)榫W(wǎng)站的內(nèi)容大部分是文本,以確保一切都清晰易讀是至關(guān)重要的。這里要考慮網(wǎng)站內(nèi)容的可讀性,工作時(shí)主要的東西:
•使文本足夠大以便看和讀是容易的。
•確保有文字和背景有足夠的對(duì)比。
•在文字周圍提供足夠的留白讓其他圖片和內(nèi)容干擾器。
•提供充足的大標(biāo)題和高亮/粗體文本允許用戶快速獲取關(guān)鍵信息。
•添加圖片和圖標(biāo),使它更容易集中在文本的各個(gè)部分,即產(chǎn)品或特征描述。
•保持文字簡(jiǎn)明扼要。
讓我們來看看微軟和蘋果在這一地區(qū)的票價(jià)。這是一個(gè)典型的頁(yè)面在Apple.com網(wǎng)站:

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

文章標(biāo)題:蘋果與微軟的網(wǎng)站可用性研究
轉(zhuǎn)載來源:http://www.bm7419.com/news/21034.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供小程序開發(fā)網(wǎng)站策劃、微信小程序電子商務(wù)、虛擬主機(jī)、響應(yīng)式網(wǎng)站

廣告

聲明:本網(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)

成都網(wǎng)頁(yè)設(shè)計(jì)公司