原文作者：Dmitry Fadeyev
原文鏈接：Apple vs. Microsoft – A Website Usability Study
譯者：indigo90
中文原文：http://ineu.org.cn/blog/index.php/archives/430

今天我們要對兩家大公司——蘋果和微軟——的網(wǎng)站做一個比較。

這兩大巨頭都對生產(chǎn)尖端產(chǎn)品以及引領(lǐng)軟硬件的發(fā)展感到自豪，但他們的網(wǎng)站又怎么樣呢？如何做出比較？更重要的是，哪一個網(wǎng)站更好，更實用呢？

在本文中，我們將從網(wǎng)站可用性的角度，對這兩家公司的網(wǎng)站做一個嚴密的剖析。

在這一比較開始前，我們應(yīng)當(dāng)注意到，這兩家公司的業(yè)務(wù)是圍繞著不同的市場展開的。

本文譯自網(wǎng)站設(shè)計公司weavora.com ，介紹了在他們眼里8個Web設(shè)計趨勢：單頁面、用照片做背景、色塊設(shè)計、超大號的圖片、聚焦簡潔、響應(yīng)式設(shè)計、視差滾動、強調(diào)字體，每個趨勢后面都附了數(shù)個案例，相信對網(wǎng)站設(shè)計師會有一定的參考價值。

單頁面

單個長頁面的設(shè)計一度不受人待見（無論是客戶還是設(shè)計師），但現(xiàn)在整個互聯(lián)網(wǎng)隨處可見。一個合理的解釋是，用戶現(xiàn)在早已習(xí)慣于使用鼠標滾輪了，比起在多個頁面間來回查看，用滾輪上下瀏覽要省事得多。

包括蘋果在內(nèi)的一些知名大公司也使用了相當(dāng)長的頁面來展示產(chǎn)品，獲得了很不錯的效果。

項目背景

自2010年9月15日360極速瀏覽器發(fā)布以來，默認界面一直沿用Chrome的外觀設(shè)計。隨著360極速瀏覽器的發(fā)展以及品牌化建立的需求，360UXC與產(chǎn)品團隊進行了深度的合作，以優(yōu)化用戶體驗與提升視覺品質(zhì)為目標參與到極速瀏覽器6.0版本的整體形象設(shè)計中，設(shè)計了全新的瀏覽器界面和官方網(wǎng)站，為360極速瀏覽器的品牌化建立打下了堅實的基礎(chǔ)（chrome.# )。

設(shè)計準備

我們?yōu)榻⑵放苹曈X設(shè)計進行了多種有意義的嘗試，設(shè)計前期與產(chǎn)品部門進行了深度的溝通交流，了解產(chǎn)品的人群定位，發(fā)展方向，用戶研究進行了核心360極速瀏覽器用戶調(diào)研，為下一步設(shè)計做好充分的準備。之后組織設(shè)計師，進行Brainstorming,分析現(xiàn)在的設(shè)計流行趨勢，包括相關(guān)競品優(yōu)缺點分析等工作。

首先我們從整體的設(shè)計趨勢出發(fā)，研究總結(jié)Windows xp風(fēng)格過渡到Windows 8的Metro風(fēng)格變化過程，發(fā)現(xiàn)整體的界面質(zhì)感慢慢趨向于平面化，這為后期設(shè)計帶來了理論性依據(jù)。

認識專題

頁面特性：產(chǎn)品頁面簡潔易用，專題頁面絢麗視效印象深刻。

在頁面設(shè)計當(dāng)中，產(chǎn)品頁面（如facebook 微博 twitter 微吧等）的設(shè)計。注重功能，交互，設(shè)計要考慮用戶長時間的瀏覽體驗。視覺上側(cè)重間距，布局，按鈕和logo,及icon樣式。注重規(guī)范和視覺識別性。樣式通常簡潔易用，絢麗元素少，視覺上并不強調(diào)沖擊力。

專題頁面時效性有限（大多專題是有推廣及活動時間限制的，過了這個時間，就很少會有人再訪問該頁面。），多為活動推廣和吸引用戶等內(nèi)容，能在限定的時間的吸引最多用戶才能形成有力的推廣，需要強有力的視覺效果，和有趣的瀏覽體驗，來達到吸引用戶的特點。在規(guī)范和布局甚至交互上可以適當(dāng)放寬要求。

用搶眼的視覺吸引戶并留下深刻印象是專題設(shè)計的首要！

傳統(tǒng)產(chǎn)品頁面，簡潔注重功能和圖標等視覺設(shè)計。

又是天氣不錯的周末，不冷不熱，一年里最舒服的一些時日了叭。感覺自從十一長假結(jié)束之后有些東西就變掉了，自己熟悉的很多事情、很多感覺，都像是在頭腦里向后退去了一層，要努力去抓才能讓它們回來的樣子誒。也許只是陽光泛濫了太久的緣故。

好叭。今次的譯文是我最喜歡的一類小菜，篇幅簡短，實戰(zhàn)性強。原文 作者，來自Frog的一名交互設(shè)計師，講述了她與朋友在共同設(shè)計開發(fā)拼車服務(wù)Ridejoy的iPhone客戶端 的過程中所遇到的一些挑戰(zhàn)以及相關(guān)的解決方案。前戲到這里，進入正文。

人也挺好奇這東西的，于是就順便在網(wǎng)上搜集了下，以下資料，如有不準確，請指出。

1、Google ，推出的時候界面其實就蠻簡潔的了，只不過現(xiàn)在更簡潔。

富媒體內(nèi)容豐富的web時代，互聯(lián)網(wǎng)已經(jīng)是獲取內(nèi)容和收集內(nèi)容的一個必然途徑。通過圖片、文章等等…的內(nèi)容資源，如何能實現(xiàn)更好的收集與分享將變的更加重要。在每一位UGC用戶貢獻內(nèi)容的同時，他們也在相互消費著其他的用戶內(nèi)容，基于興趣內(nèi)容的互動就這樣產(chǎn)生了。依托于碎片化的內(nèi)容收集，可以清晰的看到到我們的興趣圖譜。讓豐富的興趣內(nèi)容吸引更多的相關(guān)用戶，使發(fā)現(xiàn)好內(nèi)容、發(fā)現(xiàn)興趣相投用戶變的更簡單。作為一個以瀏覽器為基礎(chǔ)延伸出的創(chuàng)新產(chǎn)品，基于web用戶瀏覽收藏網(wǎng)頁內(nèi)容的強需求，我喜歡網(wǎng)通過與瀏覽器的深度結(jié)合，努力為用戶提供更有價值的互聯(lián)網(wǎng)服務(wù)。創(chuàng)新和探索正在使得這個產(chǎn)品不斷趨于完善，很多功能和體驗都需要進一步的優(yōu)化。努力為億萬用戶提供最好的web體驗是我們的責(zé)任。
在接觸我喜歡項目的這段時間里，從自身使用、數(shù)據(jù)分析以及用戶反饋中總結(jié)了一些設(shè)計中的感悟，在這里我們一起聊聊如何在設(shè)計上優(yōu)化產(chǎn)品體驗。

01. Apple Wallpaper

02. Apple wallpaper