搜索引擎這(zhè)個(gè)産品在中國(guó)互聯網的(de)浪潮中起到了不可替代的(de)作(zuò)用,無論是google,百度,yahoo,還(hái)是後來(lái)的(de)soso,搜狗等等。随着搜索對(duì)信 息索取的(de)渠道(dào)越來(lái)越重要,搜索的(de)頁面設計(jì)也越來(lái)越值得關注。畢竟用戶的(de)上(shàng)網的(de)操作(zuò)能力與互聯網素質在不斷的(de)提高(gāo),各方面的(de)普及也增加産品設計(jì)人(rén)員(yuán)壓力,不 斷的(de)瘦身(shēn),增加專業(yè)服務強度。
前幾天在知乎上(shàng)了問(wèn)了關于百度,google頁面設計(jì)簡潔是基于什麽角度考慮的(de)問(wèn)題。基本上(shàng)答(dá)案關于曆史因素和(hé)哲學因素的(de)之外(wài),大家(jiā)的(de)回答(dá)基本上(shàng)和(hé)我預先的(de)想法一樣。
我當時(shí)所想到就是搜索引擎頁面設計(jì)的(de)主要因素在,習(xí)慣,體(tǐ)驗,任務,邏輯與內(nèi)容匹配,和(hé)服務器(qì)負載能力。我就從(cóng)知乎上(shàng)大家(jiā)的(de)答(dá)案和(hé)我自(zì)己的(de)想法,寫下(xià)百度,google,yahoo中國(guó),soso,搜狗這(zhè)機(jī)個(gè)網站寫下(xià)我的(de)想法。
幾大網站頂部文(wén)字的(de)都(dōu)是默認居左或者居右的(de),鮮有(yǒu)css樣式控制,google有(yǒu)寫兼容,百度寫了padding,text-align,yahoo中國(guó)頂部沒有(yǒu)文(wén)字鏈接,搜狗和(hé)soso添加了css鏈接顔色控制。
以上(shàng)網站都(dōu)是在一屏內(nèi)(一屏也足夠了),中部logo,搜狗将logo置于背景中,google,yahoo中國(guó)等都(dōu)是SRC。百度Logo的(de)鏈接指向了百度空間(jiān)。Soso的(de)logo也是鏈接到了soso的(de)QQ空間(jiān)。google個(gè)yahoo中國(guó)logo沒有(yǒu)添加鏈接。
Google的(de)搜索框有(yǒu)交互提示,當光(guāng)标在搜索框內(nèi)的(de)時(shí)候,搜索框邊框變成藍(lán)色。其它搜索引擎沒有(yǒu)這(zhè)個(gè)交互提示。Soso 的(de)搜索框使用了藍(lán)色背景,對(duì)視(shì)覺聚焦有(yǒu)更好(hǎo)的(de)幫助。搜索結果各個(gè)網站可以直接回車進入到搜索頁,所以搜索框的(de)長(cháng)度設置受影響不大。
整個(gè)頁面的(de)搜索框都(dōu)是在頁面的(de)上(shàng)半部分,受F和(hé)Z路(lù)線設計(jì)影響較小(xiǎo),用戶容易聚焦到搜索框內(nèi)。由于頂部鏈接都(dōu)是頁面最上(shàng)方,不會幹擾到用戶。各個(gè)搜 索框上(shàng)方的(de)搜索媒體(tǐ)或元素各個(gè)搜索引擎主要是網頁。明(míng)顯是因為(wèi)用戶對(duì)頁面搜索的(de)需求大于其它媒體(tǐ)的(de)需求,搜索界面簡單,沒有(yǒu)明(míng)顯的(de)關聯其平台其它其它産 品。用戶打開(kāi)搜索首頁,第一時(shí)間(jiān)時(shí)間(jiān)聚焦到搜素框,進行搜索任務。搜索的(de)結果是否滿足的(de)用戶任務需求,這(zhè)個(gè)有(yǒu)搜索算(suàn)法不同而不同了,搜索所需要的(de)時(shí)間(jiān)基于 服務器(qì)的(de)響應速度和(hé)帶寬,搜索輸入到搜索結果出現(xiàn),任務過程簡單,基本無幹擾,體(tǐ)驗良好(hǎo),但(dàn)是對(duì)于搜索結果的(de)體(tǐ)驗,就依賴各個(gè)搜索引擎的(de)算(suàn)法技(jì)術了。大多 數互聯網從(cóng)業(yè)人(rén)員(yuán)一般使用google較多,個(gè)人(rén)認為(wèi)google對(duì)關鍵字的(de)搜索出的(de)內(nèi)容更符合用戶對(duì)內(nèi)容的(de)需求,還(hái)有(yǒu)就是推廣鏈接少。
搜素界面的(de)簡介還(hái)出于google作(zuò)為(wèi)搜索的(de)中堅力量,培養了用戶的(de)習(xí)慣,以至于用戶的(de)搜索習(xí)慣建立在google的(de)搜索習(xí)慣之上(shàng),如要改變,那(nà)麽 你(nǐ)的(de)産品功能和(hé)體(tǐ)驗需要克服用戶搜索搜索習(xí)慣的(de)成本。看(kàn)了各個(gè)搜索因為(wèi)的(de)首頁代碼和(hé)css都(dōu)是很(hěn)簡潔的(de),百度各個(gè)添加鏈接的(de)顔色都(dōu)是默認的(de)藍(lán)色,soso 和(hé)yahoo的(de)鏈接加上(shàng)css顔色,yahoo還(hái)有(yǒu)圖片。看(kàn)了《一百度》中的(de)一個(gè)案例,說(shuō)在一個(gè)産品人(rén)員(yuán)在頁面添加一些圖片後,是搜索頁面更加美(měi)觀,但(dàn)是 上(shàng)線後,給服務器(qì)帶來(lái)了很(hěn)大壓力,被迫下(xià)線,這(zhè)就說(shuō)明(míng)在美(měi)的(de)東西(xī),影響了使用,就是障礙。
當搜索出結果的(de)時(shí)候,搜索列表出現(xiàn)左側,就是所謂的(de)F線圖。百度的(de)搜索左側全部是內(nèi)容,無細分。內(nèi)容無視(shì)頻(pín)縮略圖。但(dàn)是第一個(gè)搜索結果鏈接到百度視(shì) 頻(pín)。其它第一個(gè)結果都(dōu)是視(shì)頻(pín)縮略圖。除百度外(wài),各個(gè)搜索引擎左側均有(yǒu)關聯的(de)元素,如媒體(tǐ),時(shí)間(jiān)屬性等等,yahoo中國(guó)是搜索關鍵字匹配。
基于以上(shàng),搜索引擎頁面的(de)設計(jì)主要以用戶的(de)搜索習(xí)慣,用戶對(duì)信息需求的(de)強弱和(hé)任務完成的(de)整個(gè)過程,搜索任務的(de)幹擾,曆史原因,服務器(qì)的(de)負載能力等等。
用戶使用搜索引擎的(de)主要是找到自(zì)己像要的(de)信息後迅速離開(kāi)搜索引擎,這(zhè)時(shí)候我們說(shuō)搜索引擎的(de)粘性大還(hái)是不大?我覺的(de)是粘性大是來(lái)自(zì)與對(duì)搜索引擎功能的(de)依賴,不是搜索的(de)內(nèi)容,因為(wèi)內(nèi)容找到之後,本次搜索就結束了。下(xià)次搜索源自(zì)對(duì)搜索平台功能的(de)依賴。
附:google頁面的(de)由來(lái)。
Google為(wèi)什麽這(zhè)麽做?剛開(kāi)始時(shí),為(wèi)了能夠剛好(hǎo)塞到一個(gè)數據包裏…。為(wèi)了簡潔…。為(wèi)了減少幹擾…。 等等,很(hěn)多理(lǐ)由。但(dàn)是這(zhè)些是不是決定性的(de)因素呢(ne)?很(hěn)難說(shuō)在Google下(xià)面加一點 Hao123 的(de)元素就一定不可取。然而有(yǒu)各種偶然因素導緻Google的(de)設計(jì)最終那(nà)樣做了。再往後就逐漸形成了事(shì)實的(de)标準。直到某天,人(rén)們會孜孜不倦的(de)探索/追溯 Google這(zhè)樣做的(de)原因,特别是這(zhè)麽做的(de)好(hǎo)處。
日(rì)期:2024年(nián)04月(yuè)13日(rì)
标簽: 簡談搜索引擎頁面設計(jì)