以精致詮釋搜索之美：百度三端搜索首頁(yè)發(fā)布者：本站     時(shí)間：2019-01-28 11:01:05

編者按：作為國內訪(fǎng)問(wèn)量第一的百度首頁(yè)，每個(gè)細節的改變都會(huì )引起一片嘩然，在這么大的壓力下，設計師是如何思考，做到商業(yè)和用戶(hù)體驗的平衡呢？

在正式開(kāi)始之前，我們首先來(lái)思考幾個(gè)問(wèn)題：

1、  在眾多的產(chǎn)品中，我們設計的產(chǎn)品在體驗層面是怎么樣脫引而出的，作為設計師應該想什么，做什么，怎么做？

2、  一個(gè)產(chǎn)品在多端的體驗中，又是怎么樣保持統一的體驗效果。

3、  如何較多層面的洞見(jiàn)用戶(hù)訴求，提煉和總結成一個(gè)具體的、可衡量的標準，創(chuàng )造更極致的用戶(hù)體驗。

百度三端首頁(yè)每天數億人使用，作為設計團隊我們經(jīng)過(guò)不斷實(shí)踐和反思，提煉整合確立了自己的設計觀(guān)，通過(guò)以下一些案例分享其中一些經(jīng)驗，希望以此作為設計師工作思考的模板與參考。

一、“精確”— 帶來(lái)多端統一的設計

隨著(zhù)智能設備的普及，瀏覽方式的多樣化，百度首頁(yè)也面臨著(zhù)多終端的挑戰。如果缺少設計原則，就像走在鋼索上的人，步步都可能是陷阱。因此在多終端的快速改版和保證品牌一致性并存的路上，我們一直遵循以下幾項原則：統一設計來(lái)源、統一布局方式、統一視覺(jué)圖形。

統一的設計來(lái)源可以使多端擁有一致化的體驗。黃金分割是最普遍也是最能引起人美感的。我們所熟知的蒙娜麗莎的臉、雅典的帕臺農神廟等都應用了該比例設計。百度三端首頁(yè)的排版設計也不例外。黃金分割點(diǎn)約等于0．618：1，百度pc首頁(yè)的搜索區距頁(yè)面底部是474px，整體版面的高度是768px，兩者之間的比例是0.618，非常接近黃金分割。wise首頁(yè)及padweb同樣都是運用了黃金分割來(lái)規范搜索框的位置，讓有規則的美，嚴謹的融入其中。

統一的布局可以使品牌的一致性發(fā)揮的淋漓盡致。我們需要為用戶(hù)營(yíng)造良好的搜索體驗，去掉其他的干擾因素。比如在端的設計中為保證搜索框的簡(jiǎn)潔，搜索框周?chē)牧舭?，給用戶(hù)更好的搜索體驗。在產(chǎn)品形態(tài)上，從用戶(hù)的使用場(chǎng)景出發(fā)，提供多種搜索方式，語(yǔ)音搜索和圖片搜索，可以讓更多的人平等的得到所求。

統一的視覺(jué)感受是首因效應。百度三端首頁(yè)統一的品牌色“百度藍”的出現，利用色彩增強了對品牌的記憶，讓用戶(hù)記憶猶新。百度一下是近因效應，他引導用戶(hù)在每一次使用的時(shí)候都對百度的品牌發(fā)起重復記憶，在用戶(hù)的腦海中形成一種強勢的語(yǔ)言。

二、“精準”— 需求前期的用戶(hù)分析

唐.諾曼曾經(jīng)說(shuō)過(guò)，如果用戶(hù)界面設計中有任何神圣的原則，那必然是“了解你的用戶(hù)”。遵循這一點(diǎn)，我們在設計初期，對用戶(hù)畫(huà)像進(jìn)行“庖丁解?！彼频姆治?，不但可以幫助設計師更好的理解用戶(hù)和產(chǎn)品，更指導和定位了產(chǎn)品的設計格局。

在百度wise首頁(yè)改版設計的前期，我們使用問(wèn)卷調查和用戶(hù)訪(fǎng)談的方法去做全方位的用戶(hù)畫(huà)像分析。

百度wise首頁(yè)作為日均pv1億以上的綜合性平臺，細化用戶(hù)畫(huà)像，對其進(jìn)行屬性分割就顯得更為重要。用戶(hù)的基本需求，除了滿(mǎn)足搜索以外，年輕用戶(hù)對于新聞娛樂(lè )信息有較強的閱讀，而大齡用戶(hù)則對NS等信息入口依賴(lài)性強。

針對用戶(hù)的需求劃分，我們大致歸納為信息導向、搜索導向。同時(shí)結合問(wèn)卷調查中的各領(lǐng)域偏好，建立個(gè)性化推薦機制，增加用戶(hù)粘性，為產(chǎn)品創(chuàng )造更大的價(jià)值。 我們對頁(yè)面的整體風(fēng)格設計方向的定位是個(gè)性、簡(jiǎn)約。個(gè)性——讓用戶(hù)更有效的把注意力集中在內容上，在期間不斷的進(jìn)行對設計的探索和研究，簡(jiǎn)約——讓用戶(hù)在使用我們產(chǎn)品時(shí)能夠跟輕便和舒適的獲取所需。最終呈現出了全新的百度wise產(chǎn)品體驗。

信息導向-feed提供個(gè)性化、多維度閱讀體驗。wise首頁(yè)從一開(kāi)始的卡片聚合形式經(jīng)過(guò)兩個(gè)全量版本，和無(wú)數個(gè)小版本的實(shí)驗，一步步走向feed瀑布的信息聚合形式。注重更精準的個(gè)性化信息推薦，為用戶(hù)提供更加契合的信息。

信息流由右圖模式改為左圖模式，看似一點(diǎn)的改變，其實(shí)卻有效的優(yōu)化了用戶(hù)體驗，從眼動(dòng)實(shí)驗中的到結論，人的瀏覽路線(xiàn)為“之”字型，圖片在左側更可以在第一時(shí)間吸引用戶(hù)的關(guān)注度，圖片的閱讀速度大于文字很多倍，可以在同樣的時(shí)間，訴求更快的得到滿(mǎn)足。

搜索導向-搜索入口的更好展現。搜索框作為發(fā)起搜索最直接的途徑，對它一點(diǎn)點(diǎn)的改變都是非常慎重的，在用戶(hù)對信息量需求激增的前提下，調整搜索區域與信息區域的占比變得尤為重要。運用黃金比例，將搜索框定位在一個(gè)最優(yōu)的比例上，同時(shí)保證信息展現的最大化。搜索框區域提升，內容區域展現更多，滿(mǎn)足資訊需求。

三、“精細”— 設計中細節決定成敗

精細的細節可以可以讓產(chǎn)品散發(fā)氣質(zhì)、加強用戶(hù)對產(chǎn)品印象和關(guān)注度。在首頁(yè)的產(chǎn)品設計中我們不斷為視覺(jué)細節體驗進(jìn)一步打磨。在細節中我們對圖標、文字、顏色都進(jìn)行了細節的嚴格把控


圖標在界面設計中被廣泛的應用，圖標會(huì )延續對真實(shí)世界的認知，用圖說(shuō)話(huà)，用圖溝通。百度三端首頁(yè)在圖標的設計上遵循了一直一來(lái)堅持的線(xiàn)型設計風(fēng)格，在原型的基礎上進(jìn)行精雕細琢。

讓搜索干干凈凈，清晰的視覺(jué)風(fēng)格，去掉搜索框的效果修飾， 背景顏色更加清爽。

這是我們百度首頁(yè)UE團隊的工作理念和設計觀(guān)，這是我們團隊元思考和組織建設的基礎。經(jīng)過(guò)不斷的磨煉與反思，我們充分認識到了工作理念和設計觀(guān)對于一個(gè)團隊的重要性，我們時(shí)刻在提醒自己，要不斷對已有的經(jīng)驗和結論進(jìn)行反思，要從更多的視角對它進(jìn)行觀(guān)察和思考。只有與時(shí)俱進(jìn)，才能生生不息。

最后，借用一句名言送給所有還在設計之路上的人：持之以恒的學(xué)習是設計的來(lái)源，責任感是設計的原則，而靈感是設計的升華。與大家共勉！