Google積極的鼓勵網(wǎng)站設(shè)計公司，以及正在建設(shè)網(wǎng)站的公司，一定要將行動用戶的需求考量進(jìn)去，鼓勵網(wǎng)站設(shè)計師多使用新的網(wǎng)頁設(shè)計技術(shù)，例如HTML5與RWD的組合，反之，使用老舊技術(shù)的網(wǎng)站如Flash就會受到限制與懲罰。

要如何得知你的網(wǎng)站是否行動友善，其實Google已經(jīng)推出了很多工具，讓使用者可以透過Google的角度，來看看自己的網(wǎng)站設(shè)計是否合格。

檢測的過程Google也會分享他們經(jīng)過不斷的分析取得的寶貴資訊，例如：全球使用手機搜尋資訊的人，已經(jīng)超過桌上型電腦搜尋資訊的人，而手機進(jìn)入網(wǎng)頁若超過5秒鐘，網(wǎng)友關(guān)閉網(wǎng)站的機率就會大增，這樣的網(wǎng)站設(shè)計名言，是否你注意到了呢?

還有，大家有無注意到三項評估標(biāo)準(zhǔn)中，就有兩項跟速度有關(guān)，可見速度是多么關(guān)鍵的一個網(wǎng)站品質(zhì)指標(biāo)，因此可別以為網(wǎng)站只要能夠看能夠用即可，速度很重要。

靠搜索起家，廣告業(yè)和地圖業(yè)的霸主，沒錯，說的就是谷歌。曾經(jīng)谷歌的設(shè)計飽受詬病，”只追求功能，不追求外觀”。但是很快的，谷歌無師自通，自學(xué)成才，設(shè)計水平提高的很快，這個行業(yè)巨人變得比以前更強大了。

谷歌付出了很多努力，谷歌的美學(xué)目標(biāo)很明確：簡約到不能再簡約。谷歌認(rèn)為最好的用戶體驗是”隱形的”。2年前，谷歌開始轉(zhuǎn)型，谷歌很出名，它是設(shè)計二流的搜索巨頭。2年后，谷歌更出名，推出了很多簡約、令人震撼的經(jīng)典產(chǎn)品，隨處可見。2年后的谷歌在硬件和軟件市場中也能分一杯羹。實際上，轉(zhuǎn)變是漸進(jìn)式的，很多人都沒有注意到這個過程。但是你可以打開你的安卓手機，你可以翻開手邊的Chromebook，你可以感受一下Google Glass帶來的驚喜體驗，再想想2年前的谷歌，兩年前他們有這些產(chǎn)品嗎?谷歌現(xiàn)在正在努力的打造一個充滿科技、體驗優(yōu)秀的世界，這讓人不禁想起蘋果。

Google的設(shè)計風(fēng)格一向是以簡單著稱，讓頁面以清爽優(yōu)雅地呈現(xiàn)在用戶面前，一方面節(jié)省了頁面載入的時間，減少用戶的等待時間，另一方面也減少了用戶在瀏覽頁面時的分心。然而，在這簡單的設(shè)計背后，并不是設(shè)計師偷懶，而是更靈敏、更細(xì)致、更輕便的交互體驗設(shè)計。Google+作為社交網(wǎng)絡(luò)的又一大力作， 在繼承了公司著名的十大設(shè)計準(zhǔn)則下，在如何更輕、更快速、更人性化方面作了非常多的突破。

社交網(wǎng)的信息非常的繁雜，因此導(dǎo)航的引導(dǎo)就顯得非常的重要。沒有公司比Google更加大膽了，將導(dǎo)航的tab全部簡化成了icon，只有鼠標(biāo)hover上去的時候才會顯示這個tab的注釋。顯然，這對新手用戶而言，有一定的學(xué)習(xí)門檻的，但是我們從中無不從中感受到了簡潔的力量，圖形化導(dǎo)航讓整欄顯得干凈整潔，功能集中，切換方便?？v觀國內(nèi)外幾大主流社交網(wǎng)的導(dǎo)航，導(dǎo)航大多采用的是文字，雖然從功能上看一目了然，但是由于文字本身不夠簡潔，排布起來有局限，那么只好在網(wǎng)站設(shè)計的時候，更要考慮功能的歸納分布，以及優(yōu)先級展示，隱藏不常用的功能。

做網(wǎng)站設(shè)計的人都知道，灰色按鈕代表著是被禁用的功能，是不可點擊的。然而Google+卻大膽的使用了灰色按鈕，通過鼠標(biāo)hover告訴用戶這是可點。仔細(xì)考慮之后，這樣做有以下兩個原因：一是平衡了頁面的配色。由于Google的logo主題色有四種，如果讓按鈕們默認(rèn)展示原有的顏色，頁面會看起來很花，沒有重點。像這樣灰掉的處理，使選中的tab更加突出，也不會帶來干擾。二是按鈕由灰點變彩色的方式給人一種點亮圖標(biāo)的暗示，增強了用戶點擊按鈕的欲望。從圖標(biāo)的發(fā)展趨勢來看，無論顏色還是形態(tài)都朝著簡潔方向走的，過去哪些花花綠綠的圖標(biāo)，已經(jīng)失去了它原有的標(biāo)識感，純色的圖標(biāo)應(yīng)用起來會顯得更上流，更高端，更能吸引用戶的注意。

網(wǎng)頁上的大多數(shù)元素，在鼠標(biāo)滑過的時候，都應(yīng)該有其相應(yīng)的反饋。無論是僅僅發(fā)生鼠標(biāo)指針變化，還是出現(xiàn)下劃線，或是結(jié)合一些簡單功能的操作和注釋來顯示。設(shè)計師在做靜態(tài)設(shè)計稿時，很容易忽略這些設(shè)計細(xì)節(jié)，但這正是一個產(chǎn)品體現(xiàn)良好交互性能的關(guān)鍵時刻。就好比和人交談，如果他對我的話語沒有任何反映，我也會減少對他訴說的興趣，如果他時而點頭，時而微笑，時而贊許，那么我可能會有更多更有意思的事情告訴他。因此，哪怕僅僅是邊框的顏色變深了一些，也能表達(dá)這個頁面對用戶是友好的，而不是不理不睬的。Hover態(tài)是展示用戶在當(dāng)前頁想知道的相關(guān)內(nèi)容的最佳時機。例如鼠標(biāo)劃到頭像時，會出現(xiàn)那個人的相關(guān)信息等。Hover態(tài)還可以對某一模塊有強引導(dǎo)的作用，例如Google會強調(diào)它的搜索功能。另外，還可以用于隱藏一些不常用的操作，例如刪除等。

這里最值得一提的是Google+加好友和分組的流程優(yōu)化。原本加好友和分組是兩個獨立的任務(wù)，分組是在對方同意加好友時才能進(jìn)行，由于Google+推出的是單向關(guān)系鏈，因此將分組可以提前到添加好友這一步做。原本加好友是需要點擊按鈕，如今只用hover上去就會出現(xiàn)分組框，大大降低了加好友和分組的操作門檻。用戶最少只要點擊一下即可完成兩步步驟。如今Face book等一些雙向關(guān)系鏈的社交網(wǎng)也開始學(xué)習(xí)這種快速加好友和分組的方式。

Feed就是我們的每天訂閱的新消息。相信大家對下面的小黃條都不陌生吧，國內(nèi)大部分網(wǎng)站都是采用點擊小黃條來查看新的消息，而Google+是自動滾屏的方式展示最新消息，并在左側(cè)出現(xiàn)一條藍(lán)豎線，表示是最新更新。Google的設(shè)計之所以顯得靈動，還有一個重要的原因，在于它的這些狀態(tài)的改變都伴隨著優(yōu)雅的動畫，而不是赤裸裸的出現(xiàn)、消失。包括feed的評論和贊，都是實時更新，配上簡單華麗的動畫，簡直就像在看現(xiàn)場直播。

類似上圖中的提示條在整個網(wǎng)站都是統(tǒng)一一致的，它們都是自動出現(xiàn)，自動消失，有的還肩負(fù)著簡單的操作，例如圖中的撤消等。有了這樣輕便的系統(tǒng)反饋，就不會再出現(xiàn)彈窗等很重的反饋方式，頁面的交互就顯得輕便流暢許多，無時無刻不在安撫著用戶焦躁的情緒。

Google+的體驗，web更輕便靈敏的設(shè)計方法讓我們從中學(xué)習(xí)到了不少，Google永遠(yuǎn)跟使用者在一起，團(tuán)隊的設(shè)計人員跟開發(fā)人員注重的是怎么把事情做好，不是急著做出來。