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

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

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

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

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

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

單頁(yè)面

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

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

項(xiàng)目背景

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

設(shè)計(jì)準(zhǔn)備

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

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

認(rèn)識(shí)專(zhuān)題

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

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

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

用搶眼的視覺(jué)吸引戶(hù)并留下深刻印象是專(zhuān)題設(shè)計(jì)的首要！

傳統(tǒng)產(chǎn)品頁(yè)面，簡(jiǎn)潔注重功能和圖標(biāo)等視覺(jué)設(shè)計(jì)。

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

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

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

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

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

01. Apple Wallpaper

02. Apple wallpaper