搜索引擎界面是一個特別的設計,對于搜索引擎來說,他的海量的資料庫,恰恰不能象門戶網(wǎng)站那樣羅列幾百個鏈接到首頁。國內的搜索引擎不少,那我們設計師或者界面設計師在碰到這個問題的時候怎么辦?好,我們就試著分析世界最大的搜索引擎 google 的界面發(fā)展變化,給我們一些借鑒,少走彎路。
上圖是1998年google剛剛上線測試時的首頁,我們可以清楚的看到,logo右下腳,清楚的寫著“BETA”。先看主題部分,當時還只是具備簡單搜索web的功能,I'm feeling lucky 功能,當時就已經(jīng)有了,在中文界面上,名字是“手氣不錯”。由于是剛推出所以google在努力的使大家了解它使用它,緊跟搜索框下方有三個鏈接都是關于google公司的,左邊是一些有針對性的主題搜索(一看就知道他們一開始是把技術放第一位的),右邊郵件列表(在98年時,這是最時髦和有效的和瀏覽者溝通的手段)。界面結構用色簡單,我想應該當時還沒有美工的參于,界面功能感很強。
上圖是1999年比較有代表性的一個首頁,“More Google"相對與98年的那個綠色漸深的介紹主題是不是精練了不少,學會放棄是我們設計師要注意的哦。這個界面搜索主題更突出,更簡潔,但是似乎顯的有點小氣,缺少一定的份量!
上圖是2000年較有代表性的一個首頁,它將搜索主題框下放的位置留給了google最新的功能和服務(增加了搜索條下載、增加了免費提供的搜索服務,市場推廣已經(jīng)介入),醒目,合理,討人喜歡,google相關的介紹、技巧,反饋等功能則退局頁面底部水平呈現(xiàn)。整個頁面主題更鮮明,更有層次感。個人覺得文字在疏密上做一點變化會更好。注意仔細看他文字已經(jīng)做了粗細大小的對比變化。兩年多了,還在BETA,其認真態(tài)度,讓人驚嘆。
上圖是2001年較有代表性的一個首頁,相對與2000年來說頁面變化很大,有一個細節(jié)是在搜索框的上方增添了收錄頁面數(shù)的統(tǒng)計!這是在用數(shù)字來顯示它的海量!對用戶來說無實際用途,但海量感覺卻增強了不少,給競爭對手壓力更大(這估計是市場部提出的意見),在搜索框的右手旁邊放置了兩個小巧高效的輔助設置(高級搜索,使用偏好),放置的恰到好處!很符合我們的一般習慣,個人認為這點太棒了!。另一個突出重點是綠色的GOOGLE WEB 目錄。值得一提的是,他有一個針對第一次使用的用戶的快速教程鏈接,放在醒目的位置。這是一個人性化的鏈接。而且這也是一個國內和國外的界面設計的重大區(qū)別,國內,把瀏覽者當成最聰明的人,什么都要他自己去體會和尋找。而國外把所有人都當成第一次上他站,毫無上網(wǎng)和使用經(jīng)驗的人。在國外和臺灣有很多門戶,首頁往往只有一個對這個站點的簡短介紹,他的海量內容需要進入導航后,才能看到。我想也許是因為中國人太聰明了吧。
上圖是2002年,2003年具有代表性的首頁,在搜索框上方增加了分類標題,讓我們一目了然(我想地球人一看到這樣的布置都應該知道它的用途)而且將收錄統(tǒng)計移到頁面最底部,友好了很多!前文提到的文字疏密變化也有所體現(xiàn)。還注意到他已經(jīng)有關鍵詞廣告服務了。另外,語言工具的鏈接,顯示出他完成了從英文單一語種,向多語種收錄的過程。支持多國語言,成為世界性的搜索引擎。這里特別要加以說明的是:自從2000年,加入了新的元素,含義更豐富,形象更生動(個人超喜歡)的logo已經(jīng)大量出現(xiàn),一成不變的GOOGLE標志,終于成為插圖設計師的創(chuàng)意、調皮的表現(xiàn)舞臺,給呆板的引擎界面帶來每天的驚喜與快樂,到目前為止已經(jīng)形成一種獨特的文化!
上兩圖是2004年,2005年的首頁,除了功能的補充外,分類欄目再次瘦身,頁面整體更簡潔,實用!對于中文還有三個搜索單選框(全部網(wǎng)頁、中文、簡體中文),這是本地化的結果,針對不同的語言和市場進行微小的調整。
另外,還有他的WAP的界面,我們也收集了,作為參考界面。受手機的限制,頁面不是很完美,并且需要翻頁才能看全。
順便提一下:Google的logo根據(jù)時間結合歷史文化和國際環(huán)境時刻回應變化著,做的太棒了, 從小小的logo中我們可以獲取很多信息!
Google's logos 欣賞
希望大家能從google搜索首頁的演變中得到或多或少的啟發(fā)!
在設計引擎界面的時候,既要考慮簡單易用,又要下載速度快,在有限的字節(jié)限制下,體現(xiàn)自己的強大的技術實力,還要考慮不同的瀏覽器,不同的分辨率,不同的操作系統(tǒng),最大限度的兼容。這是所有搜索引擎界面都會碰到的問題,GOOGLE自然也不例外。我們?yōu)g覽他的界面變化過程,結合自身的實際情況,不斷的修改和完善,總能找到適合自己的一款有特色的界面設計。
出處:藍色理想
責任編輯:moby
上一頁 下一頁 搜索引擎界面截圖參考
|