<em id="09ttv"></em>
    <sup id="09ttv"><pre id="09ttv"></pre></sup>
    <dd id="09ttv"></dd>

        • 以精致詮釋搜索之美——百度三端搜索首頁

          2017-1-13    用心設計

          如果您想訂閱本博客內容,每天自動發到您的郵箱中, 請點這里

           來源:莫貝網



          在正式開始之前,我們首先來思考幾個問題:

          1、  在眾多的產品中,我們設計的產品在體驗層面是怎么樣脫引而出的,作為設計師應該想什么,做什么,怎么做?

          2、  一個產品在多端的體驗中,又是怎么樣保持統一的體驗效果。

          3、  如何較多層面的洞見用戶訴求,提煉和總結成一個具體的、可衡量的標準,創造更的用戶體驗。

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

           

          一、“”— 帶來多端統一的設計。

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

          055714eT8.png

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

          055716iCY.png

          統一的布局可以使品牌的一致性發揮的淋漓盡致。我們需要為用戶營造良好的搜索體驗,去掉其他的干擾因素。比如在端的設計中為保證搜索框的簡潔,搜索框周圍的留白,給用戶更好的搜索體驗。在產品形態上,從用戶的使用場景出發,提供多種搜索方式,語音搜索和圖片搜索,可以讓更多的人平等的得到所求。

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

          0557174im.png

           

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

          唐.諾曼曾經說過,如果用戶界面設計中有任何神圣的原則,那必然是“了解你的用戶”。遵循這一點,我們在設計初期,對用戶畫像進行“庖丁解?!彼频姆治觯坏梢詭椭O計師更好的理解用戶和產品,更指導和定位了產品的設計格局。

          在百度wise首頁改版設計的前期,我們使用問卷調查和用戶訪談的方法去做全方位的用戶畫像分析。

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


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


          信息導向-feed提供個性化、多維度閱讀體驗。wise首頁從一開始的卡片聚合形式經過兩個全量版本,和無數個小版本的實驗,一步步走向feed瀑布的信息聚合形式。注重更精準的個性化信息推薦,為用戶提供更加契合的信息。

          信息流由右圖模式改為左圖模式,看似一點的改變,其實卻有效的優化了用戶體驗,從眼動實驗中的到結論,人的瀏覽路線為“之”字型,圖片在左側更可以在第一時間吸引用戶的關注度,圖片的閱讀速度大于文字很多倍,可以在同樣的時間,訴求更快的得到滿足。

          06

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

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

          精細的細節可以可以讓產品散發氣質、加強用戶對產品印象和關注度。在首頁的產品設計中我們不斷為視覺細節體驗進一步打磨。在細節中我們對圖標、文字、顏色都進行了細節的嚴格把控

          圖標在界面設計中被廣泛的應用,圖標會延續對真實世界的認知,用圖說話,用圖溝通。百度三端首頁在圖標的設計上遵循了一直一來堅持的線型設計風格,在原型的基礎上進行精雕細琢。

          讓搜索干干凈凈,清晰的視覺風格,去掉搜索框的效果修飾, 背景顏色更加清爽。 這是我們百度首頁UE團隊的工作理念和設計觀,這是我們團隊元思考和組織建設的基礎。經過不斷的磨煉與反思,我們充分認識到了工作理念和設計觀對于一個團隊的重要性,我們時刻在提醒自己,要不斷對已有的經驗和結論進行反思,要從更多的視角對它進行觀察和思考。只有與時俱進,才能生生不息。

          最后,借用一句名言送給所有還在設計之路上的人:持之以恒的學習是設計的來源,責任感是設計的原則,而靈感是設計的升華。與大家共勉!

          藍藍設計www.sdgs6788.com )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務

          日歷

          鏈接

          個人資料

          藍藍設計的小編 http://www.sdgs6788.com

          存檔

          久久久久亚洲AV无码专区网站| 久久久久久A亚洲欧洲AV冫| 亚洲欧洲精品成人久久曰影片| 久久综合九色欧美综合狠狠| 色妞色综合久久夜夜| 丰满少妇高潮惨叫久久久| 国产日产久久高清欧美一区| 久久综合狠狠综合久久激情 | 欧美午夜精品久久久久久浪潮| 久久综合给合久久国产免费| 亚洲成色999久久网站| 精品久久久无码人妻中文字幕| 国产精品久久免费| 久久天天躁狠狠躁夜夜avapp | 国产成人精品久久一区二区三区av| 国产亚洲美女精品久久久| 久久精品无码一区二区WWW| 久久97精品久久久久久久不卡| 亚洲精品午夜国产va久久| 久久精品一区二区三区不卡| 亚洲精品无码专区久久久| 伊人久久免费视频| 国内精品久久久久久99蜜桃| 久久天天婷婷五月俺也去| 国产福利电影一区二区三区,免费久久久久久久精 | 国产精品久久久久天天影视| 久久WWW免费人成一看片| 精品久久久久久无码中文字幕| 国产V亚洲V天堂无码久久久| 无遮挡粉嫩小泬久久久久久久| 欧美亚洲国产精品久久久久| 久久人妻少妇嫩草AV无码蜜桃| 一级做a爰片久久毛片16| 18岁日韩内射颜射午夜久久成人| 狠狠色丁香婷婷综合久久来 | 久久精品青青草原伊人| 久久婷婷是五月综合色狠狠| 伊人久久五月天| 久久九九久精品国产免费直播| 久久久久久久久波多野高潮| 狠狠色丁香久久婷婷综合_中 |