
Google積極的鼓勵(lì)網(wǎng)站設(shè)計(jì)公司,以及正在建設(shè)網(wǎng)站的公司,一定要將行動(dòng)用戶的需求考量進(jìn)去,鼓勵(lì)網(wǎng)站設(shè)計(jì)師多使用新的網(wǎng)頁(yè)設(shè)計(jì)技術(shù),例如HTML5與RWD的組合,反之,使用老舊技術(shù)的網(wǎng)站如Flash就會(huì)受到限制與懲罰。
要如何得知你的網(wǎng)站是否行動(dòng)友善,其實(shí)Google已經(jīng)推出了很多工具,讓使用者可以透過(guò)Google的角度,來(lái)看看自己的網(wǎng)站設(shè)計(jì)是否合格。
檢測(cè)的過(guò)程Google也會(huì)分享他們經(jīng)過(guò)不斷的分析取得的寶貴資訊,例如:全球使用手機(jī)搜尋資訊的人,已經(jīng)超過(guò)桌上型電腦搜尋資訊的人,而手機(jī)進(jìn)入網(wǎng)頁(yè)若超過(guò)5秒鐘,網(wǎng)友關(guān)閉網(wǎng)站的機(jī)率就會(huì)大增,這樣的網(wǎng)站設(shè)計(jì)名言,是否你注意到了呢?
還有,大家有無(wú)注意到三項(xiàng)評(píng)估標(biāo)準(zhǔn)中,就有兩項(xiàng)跟速度有關(guān),可見(jiàn)速度是多么關(guān)鍵的一個(gè)網(wǎng)站品質(zhì)指標(biāo),因此可別以為網(wǎng)站只要能夠看能夠用即可,速度很重要。
靠搜索起家,廣告業(yè)和地圖業(yè)的霸主,沒(méi)錯(cuò),說(shuō)的就是谷歌。曾經(jīng)谷歌的設(shè)計(jì)飽受詬病,”只追求功能,不追求外觀”。但是很快的,谷歌無(wú)師自通,自學(xué)成才,設(shè)計(jì)水平提高的很快,這個(gè)行業(yè)巨人變得比以前更強(qiáng)大了。
谷歌付出了很多努力,谷歌的美學(xué)目標(biāo)很明確:簡(jiǎn)約到不能再簡(jiǎn)約。谷歌認(rèn)為最好的用戶體驗(yàn)是”隱形的”。2年前,谷歌開(kāi)始轉(zhuǎn)型,谷歌很出名,它是設(shè)計(jì)二流的搜索巨頭。2年后,谷歌更出名,推出了很多簡(jiǎn)約、令人震撼的經(jīng)典產(chǎn)品,隨處可見(jiàn)。2年后的谷歌在硬件和軟件市場(chǎng)中也能分一杯羹。實(shí)際上,轉(zhuǎn)變是漸進(jìn)式的,很多人都沒(méi)有注意到這個(gè)過(guò)程。但是你可以打開(kāi)你的安卓手機(jī),你可以翻開(kāi)手邊的Chromebook,你可以感受一下Google Glass帶來(lái)的驚喜體驗(yàn),再想想2年前的谷歌,兩年前他們有這些產(chǎn)品嗎?谷歌現(xiàn)在正在努力的打造一個(gè)充滿科技、體驗(yàn)優(yōu)秀的世界,這讓人不禁想起蘋果。
Google的設(shè)計(jì)風(fēng)格一向是以簡(jiǎn)單著稱,讓頁(yè)面以清爽優(yōu)雅地呈現(xiàn)在用戶面前,一方面節(jié)省了頁(yè)面載入的時(shí)間,減少用戶的等待時(shí)間,另一方面也減少了用戶在瀏覽頁(yè)面時(shí)的分心。然而,在這簡(jiǎn)單的設(shè)計(jì)背后,并不是設(shè)計(jì)師偷懶,而是更靈敏、更細(xì)致、更輕便的交互體驗(yàn)設(shè)計(jì)。Google+作為社交網(wǎng)絡(luò)的又一大力作, 在繼承了公司著名的十大設(shè)計(jì)準(zhǔn)則下,在如何更輕、更快速、更人性化方面作了非常多的突破。
社交網(wǎng)的信息非常的繁雜,因此導(dǎo)航的引導(dǎo)就顯得非常的重要。沒(méi)有公司比Google更加大膽了,將導(dǎo)航的tab全部簡(jiǎn)化成了icon,只有鼠標(biāo)hover上去的時(shí)候才會(huì)顯示這個(gè)tab的注釋。顯然,這對(duì)新手用戶而言,有一定的學(xué)習(xí)門檻的,但是我們從中無(wú)不從中感受到了簡(jiǎn)潔的力量,圖形化導(dǎo)航讓整欄顯得干凈整潔,功能集中,切換方便??v觀國(guó)內(nèi)外幾大主流社交網(wǎng)的導(dǎo)航,導(dǎo)航大多采用的是文字,雖然從功能上看一目了然,但是由于文字本身不夠簡(jiǎn)潔,排布起來(lái)有局限,那么只好在網(wǎng)站設(shè)計(jì)的時(shí)候,更要考慮功能的歸納分布,以及優(yōu)先級(jí)展示,隱藏不常用的功能。
做網(wǎng)站設(shè)計(jì)的人都知道,灰色按鈕代表著是被禁用的功能,是不可點(diǎn)擊的。然而Google+卻大膽的使用了灰色按鈕,通過(guò)鼠標(biāo)hover告訴用戶這是可點(diǎn)。仔細(xì)考慮之后,這樣做有以下兩個(gè)原因:一是平衡了頁(yè)面的配色。由于Google的logo主題色有四種,如果讓按鈕們默認(rèn)展示原有的顏色,頁(yè)面會(huì)看起來(lái)很花,沒(méi)有重點(diǎn)。像這樣灰掉的處理,使選中的tab更加突出,也不會(huì)帶來(lái)干擾。二是按鈕由灰點(diǎn)變彩色的方式給人一種點(diǎn)亮圖標(biāo)的暗示,增強(qiáng)了用戶點(diǎn)擊按鈕的欲望。從圖標(biāo)的發(fā)展趨勢(shì)來(lái)看,無(wú)論顏色還是形態(tài)都朝著簡(jiǎn)潔方向走的,過(guò)去哪些花花綠綠的圖標(biāo),已經(jīng)失去了它原有的標(biāo)識(shí)感,純色的圖標(biāo)應(yīng)用起來(lái)會(huì)顯得更上流,更高端,更能吸引用戶的注意。
網(wǎng)頁(yè)上的大多數(shù)元素,在鼠標(biāo)滑過(guò)的時(shí)候,都應(yīng)該有其相應(yīng)的反饋。無(wú)論是僅僅發(fā)生鼠標(biāo)指針變化,還是出現(xiàn)下劃線,或是結(jié)合一些簡(jiǎn)單功能的操作和注釋來(lái)顯示。設(shè)計(jì)師在做靜態(tài)設(shè)計(jì)稿時(shí),很容易忽略這些設(shè)計(jì)細(xì)節(jié),但這正是一個(gè)產(chǎn)品體現(xiàn)良好交互性能的關(guān)鍵時(shí)刻。就好比和人交談,如果他對(duì)我的話語(yǔ)沒(méi)有任何反映,我也會(huì)減少對(duì)他訴說(shuō)的興趣,如果他時(shí)而點(diǎn)頭,時(shí)而微笑,時(shí)而贊許,那么我可能會(huì)有更多更有意思的事情告訴他。因此,哪怕僅僅是邊框的顏色變深了一些,也能表達(dá)這個(gè)頁(yè)面對(duì)用戶是友好的,而不是不理不睬的。Hover態(tài)是展示用戶在當(dāng)前頁(yè)想知道的相關(guān)內(nèi)容的最佳時(shí)機(jī)。例如鼠標(biāo)劃到頭像時(shí),會(huì)出現(xiàn)那個(gè)人的相關(guān)信息等。Hover態(tài)還可以對(duì)某一模塊有強(qiáng)引導(dǎo)的作用,例如Google會(huì)強(qiáng)調(diào)它的搜索功能。另外,還可以用于隱藏一些不常用的操作,例如刪除等。
這里最值得一提的是Google+加好友和分組的流程優(yōu)化。原本加好友和分組是兩個(gè)獨(dú)立的任務(wù),分組是在對(duì)方同意加好友時(shí)才能進(jìn)行,由于Google+推出的是單向關(guān)系鏈,因此將分組可以提前到添加好友這一步做。原本加好友是需要點(diǎn)擊按鈕,如今只用hover上去就會(huì)出現(xiàn)分組框,大大降低了加好友和分組的操作門檻。用戶最少只要點(diǎn)擊一下即可完成兩步步驟。如今Face book等一些雙向關(guān)系鏈的社交網(wǎng)也開(kāi)始學(xué)習(xí)這種快速加好友和分組的方式。
Feed就是我們的每天訂閱的新消息。相信大家對(duì)下面的小黃條都不陌生吧,國(guó)內(nèi)大部分網(wǎng)站都是采用點(diǎn)擊小黃條來(lái)查看新的消息,而Google+是自動(dòng)滾屏的方式展示最新消息,并在左側(cè)出現(xiàn)一條藍(lán)豎線,表示是最新更新。Google的設(shè)計(jì)之所以顯得靈動(dòng),還有一個(gè)重要的原因,在于它的這些狀態(tài)的改變都伴隨著優(yōu)雅的動(dòng)畫,而不是赤裸裸的出現(xiàn)、消失。包括feed的評(píng)論和贊,都是實(shí)時(shí)更新,配上簡(jiǎn)單華麗的動(dòng)畫,簡(jiǎn)直就像在看現(xiàn)場(chǎng)直播。
類似上圖中的提示條在整個(gè)網(wǎng)站都是統(tǒng)一一致的,它們都是自動(dòng)出現(xiàn),自動(dòng)消失,有的還肩負(fù)著簡(jiǎn)單的操作,例如圖中的撤消等。有了這樣輕便的系統(tǒng)反饋,就不會(huì)再出現(xiàn)彈窗等很重的反饋方式,頁(yè)面的交互就顯得輕便流暢許多,無(wú)時(shí)無(wú)刻不在安撫著用戶焦躁的情緒。
Google+的體驗(yàn),web更輕便靈敏的設(shè)計(jì)方法讓我們從中學(xué)習(xí)到了不少,Google永遠(yuǎn)跟使用者在一起,團(tuán)隊(duì)的設(shè)計(jì)人員跟開(kāi)發(fā)人員注重的是怎么把事情做好,不是急著做出來(lái)。