百度搜索手機(jī)客戶端-設(shè)計項目分享

0 評論 2792 瀏覽 7 收藏 15 分鐘

2011年10月8日,百度搜索手機(jī)客戶端正式登陸Apple Store。

2011年12月12日,百度搜索手機(jī)客戶端榮獲APP Store 2011年度工具類最受歡迎第一名。

這個輕量化的搜索應(yīng)用傾注了產(chǎn)品設(shè)計團(tuán)隊很多心血。全新的視覺和交互體驗、更優(yōu)的搜索體驗、全新的Ding功能……它的發(fā)布是我們在搜索客戶端領(lǐng)域邁出的一小步,MUX的設(shè)計師全程參加了這款應(yīng)用設(shè)計與決策,這背后有好多同學(xué)在辛苦的努力著。今天讓我們揭開它面紗,看看它的小故事。

要驚艷地呈現(xiàn)

一年多來,我們在手機(jī)端推出過掌上百度和百度快搜兩款與搜索相關(guān)的應(yīng)用,將搜索業(yè)務(wù)以客戶端的形態(tài)延伸到手機(jī)端,在這期間,積累了大量搜索客戶端化的設(shè)計研發(fā)經(jīng)驗。隨著移動互聯(lián)網(wǎng)這些年的發(fā)展,我們的團(tuán)隊日漸成熟,借助iPhone平臺做百度搜索框的機(jī)會,決定把資源重新整合起來,全面定義手機(jī)搜索客戶端,帶給用戶一個最好用、最愛用的搜索客戶端產(chǎn)品。

首先,我們定義了新的百度搜索客戶端的產(chǎn)品體驗?zāi)繕?biāo)——最好用的搜索客戶端工具。什么樣的搜索客戶端才好用呢?通過設(shè)計師與產(chǎn)品經(jīng)理的大量交流,我們確定了產(chǎn)品的體驗?zāi)繕?biāo):

1.?可控感:操作簡單、容易理解、意料之中、誤操作少、無距離感……目標(biāo)降低認(rèn)知成本

2.?速度感:界面切換、響應(yīng)、操作反饋、信息加載、誤操作回饋、等待感……效率是工具類應(yīng)用的核心基因

3.?好感化:形象、氛圍、文案、私人化、疏密程度、動效……差異化粘性化的關(guān)鍵

其次,結(jié)合產(chǎn)品的各個模塊貫徹體驗?zāi)繕?biāo),獲得統(tǒng)一的體驗設(shè)計方案。在這個過程中我們找到了多個突破維度,并將這些維度納入到該搜索客戶端的發(fā)展升級規(guī)劃中。已經(jīng)發(fā)布的產(chǎn)品設(shè)計中包括了:按鍵輸入體驗、語音搜索體驗、常用信息搜索體驗、結(jié)果瀏覽體驗、情感化體驗、界面品質(zhì)感等等解決方案。

在產(chǎn)品設(shè)計過程中,逐步明細(xì)體驗設(shè)計的目標(biāo),并將目標(biāo)貫穿到產(chǎn)品的每個模塊中,才能獲得統(tǒng)一的體驗設(shè)計方案。

更快的輸入搜索體驗

百度搜索交互體驗設(shè)計的首要環(huán)節(jié)是輸入。從輸入的方式來說,目前有按鍵輸入、語音輸入、拍照輸入。大多數(shù)用戶還在使用按鍵輸入,我們著重進(jìn)行體驗分析。

現(xiàn)狀:在iPhone手機(jī)中,內(nèi)置的輸入法在輸入中文多個字的關(guān)鍵詞時效率不高,輸入法聯(lián)想詞無法滿足用戶輸入精準(zhǔn)聯(lián)想的需求。字母鍵盤中國人還是不大習(xí)慣。iOS5之前的自帶輸入法,聯(lián)想詞跟隨光標(biāo)。用戶在點擊聯(lián)想詞的時候容易觸碰到附近的控件。

通過分析研究現(xiàn)狀,我們在三個方面給出了解綜合解決方案

更快的輸入搜索體驗百度搜索交互體驗設(shè)計的首要環(huán)節(jié)是輸入。從輸入的方式來說,目前有按鍵輸入、語音輸入、拍照輸入。大多數(shù)用戶還在使用按鍵輸入,我們著重進(jìn)行體驗分析?,F(xiàn)狀:在iPhone手機(jī)中,內(nèi)置的輸入法在輸入中文多個字的關(guān)鍵詞時效率不高,輸入法聯(lián)想詞無法滿足用戶輸入精準(zhǔn)聯(lián)想的需求。字母鍵盤中國人還是不大習(xí)慣。iOS5之前的自帶輸入法,聯(lián)想詞跟隨光標(biāo)。

用戶在點擊聯(lián)想詞的時候容易觸碰到附近的控件。通過分析研究現(xiàn)狀,我們在三個方面給出了解綜合解決方案。

百度搜索客戶端 百度搜索APP

每個方面都需要開展具體而詳細(xì)的設(shè)計工作,目前公布的版本中已經(jīng)大大提升了輸入搜索的效率。也請大家多多提供反饋。

百度搜索客戶端 百度搜索APP
百度搜索客戶端 百度搜索APP

1. 即時顯示搜索建議

2. 增加搜索歷史呈現(xiàn),當(dāng)然配套的搜索歷史可以清空,因為很多用戶搜索**

3. 搜索建議詞可以上框,方便你搜索“跨年演唱會2012****”。搜索建議詞比輸入法聯(lián)想還智能,知道你想搜什么,知道大多數(shù)人在搜什么。

4. 一步清除輸入。

5. 加強(qiáng)語音輸入識別能力。(后面會詳細(xì)介紹)

6. 內(nèi)置百度手機(jī)輸入法。內(nèi)置百度手機(jī)輸入法可以說是人心所向,我們通過與輸入法團(tuán)隊溝通,引入了百度手機(jī)輸入法。請允許我再次細(xì)數(shù)內(nèi)置百度手機(jī)輸入法的優(yōu)勢:符合中國人的輸入習(xí)慣,更權(quán)威的聯(lián)想詞,……

百度搜索客戶端 百度搜索APP

語音搜索-讓技術(shù)更懂用戶

手機(jī)硬件有這得天獨厚的機(jī)會。比如麥克風(fēng)、攝像頭、陀螺儀、光線感應(yīng)、距離感應(yīng)、重力感應(yīng)……使用這些硬件條件,加強(qiáng)搜索體驗是我們嘗試的方向之一。其中語音搜索是我們相對成熟的技術(shù)。

早在去年,我們發(fā)布的掌上百度就整合了語音搜索技術(shù)。而今百度的語音搜索技術(shù)識別準(zhǔn)確達(dá)到了前所未有的高度,讓整個搜索體驗獲得巨大的提升。設(shè)計團(tuán)隊的任務(wù)就是讓這個先進(jìn)的技術(shù),通過交互和視覺的設(shè)計,變得更加容易理解和操作,讓人文和技術(shù)完美結(jié)合:

百度搜索客戶端 百度搜索APP

百度搜索客戶端 百度搜索APP

(我們嘗試了許多在語音層面的反饋設(shè)計方案)

1. 及時地給用戶反饋——及時地給用戶反饋,是產(chǎn)品體驗設(shè)計最重要的設(shè)計法則之一。老版本的設(shè)計方案無法讓用戶感知機(jī)器在進(jìn)行運(yùn)行,例如:如果正在錄音的界面,如果沒有動畫效果,用戶會以為死機(jī)。我們引入了麥克風(fēng)向外發(fā)出聲波的簡單動效,告訴用戶機(jī)器正在運(yùn)行。我們后續(xù)還會根據(jù)用戶發(fā)音的大小和有無來進(jìn)行更加真實的動畫設(shè)計。

2. 給用戶選擇權(quán)——增加錄入完畢和取消按鈕。即便我們在云端技術(shù)層面上努力識別用戶是否說話完畢,但是由于目前手機(jī)硬件還未能很好的去除環(huán)境音,所以依賴機(jī)器來判斷用戶是否錄音完畢還是存在失誤的情況。所以此時將選擇權(quán)交給用戶是一個最佳選擇。此外在正在識別界面也考慮到網(wǎng)絡(luò)環(huán)境的情況,給用戶一個取消進(jìn)程的設(shè)計。

隨著技術(shù)的提高和硬件水平的提高,我們還將繼續(xù)探索各種傳感器與搜索體驗的結(jié)合,調(diào)動手機(jī)的全身力量來加強(qiáng)我們的搜索體驗!

向用戶靠近,Ding在首頁吧

百度數(shù)據(jù)開放平臺具有專業(yè)而值得信賴的眾多數(shù)據(jù),其中有很多與網(wǎng)民的生活息息相關(guān)。比如搜索天氣、搜索北京時間、搜索股票……。它們將結(jié)果更加快捷生動的展現(xiàn)在搜索結(jié)果頁面,讓網(wǎng)民獲得信息的效率更高。這在網(wǎng)民心目中形成了巨大的影響力——百度的數(shù)據(jù)已經(jīng)等同于權(quán)威發(fā)布。我們期待這種信任能夠在移動端延續(xù)。

百度搜索客戶端 百度搜索APP

為了找到適應(yīng)在移動端的阿拉丁形態(tài)。我們對常用阿拉丁進(jìn)行了篩選,將最常用的阿拉丁信息進(jìn)行拆解研究。

百度搜索客戶端 百度搜索APP
百度搜索客戶端 百度搜索APP

我們發(fā)現(xiàn)這類信息最多不會超過四個主要維度來完成信息傳達(dá),事實上最核心的信息維度不超過3層。所以我們大膽的將信息進(jìn)行了提煉,在呈現(xiàn)上通過字號大小、位置關(guān)系來協(xié)調(diào)一級信息、信息標(biāo)簽、詳細(xì)信息、輔助信息的傳達(dá)效果。

百度搜索客戶端 百度搜索APP

對一個信息的闡述除了文字還有圖片,我們也為此進(jìn)行了設(shè)計上的規(guī)劃。還有更多Ding的產(chǎn)品形態(tài)將出現(xiàn)在后續(xù)的產(chǎn)品中。

Ding展開后,詳細(xì)的信息立刻呈現(xiàn)。在UI方面我們嘗試更加擬物化的設(shè)計,以便能夠讓用戶在使用中體驗到極致的品質(zhì)感。

百度搜索客戶端 百度搜索APP

Ding將會出現(xiàn)在許多地方,將用戶常搜的信息動態(tài)的展現(xiàn)在主屏或者應(yīng)用首頁上。經(jīng)過極簡的設(shè)計后,信息不僅具備了快速傳達(dá)的能力,同時還具備了適應(yīng)各種環(huán)境的能力。敬請關(guān)注我們后續(xù)推出的版本吧~精彩的Ding~精彩的百度搜索客戶端!

你的搜索、我的搜索

搜索引擎是二十世紀(jì)最偉大的發(fā)明之一。2011年9月2日,百度CEO李彥宏正式向外界發(fā)布了全新百度首頁,提出“百度新首頁 一人一世界”口號。智能化、私人化、個性化的百度新首頁,讓人們開始重新認(rèn)識百度搜索。百度搜索手機(jī)客戶端,作為百度搜索業(yè)務(wù)在手機(jī)上的延伸,我們希望它借助手機(jī),成為人們生活中必不可少的一員,讓每位用戶享受屬于自己的搜索引擎。

針對此方向設(shè)計研發(fā)團(tuán)隊做了豐富的探討,找到了若干可行的方向:

1. 搜索歷史的私人化

2. 搜索熱榜與熱詞推薦

3. 客戶端換膚

4. 自定義Ding服務(wù)

5. ……

其中整個客戶端的壁紙換膚是產(chǎn)品發(fā)版中用戶反響最多的。

為搜索客戶端定制了一套壁紙解決方案,用以配合客戶端的整體品牌氣氛,符合私人化、個性化的產(chǎn)品方向。雖然這是一個很簡單的決策,但是在設(shè)計的時候并沒有那么容易。通過對系統(tǒng)級別的近品進(jìn)行調(diào)研,我們初步掌握了主流產(chǎn)品在默認(rèn)壁紙層面的策略——大草原法則會被在這里用到極致,崇尚自然與生命,熱愛宇宙與探索……。

我們默認(rèn)提供的9張壁紙,主基調(diào)是自然、生活、星辰。當(dāng)你看到這些景象的時候,心情是否變得舒暢呢?

百度搜索客戶端 百度搜索APP

這些壁紙的原生攝影作品大都來自設(shè)計師的旅游和生活中的作品,青島海邊沙灘腳??;九寨溝原始森林松針;成都錦里酒吧區(qū);郁金香……

百度搜索客戶端 百度搜索APP

壁紙效應(yīng)在產(chǎn)品中的成功也為我們帶來了更多的設(shè)計動力。在新版本中壁紙策略將有所更新,隨著圣誕節(jié)和元旦到來,我們提供了精美的節(jié)日壁紙,一定要看看哦~~

百度搜索客戶端 百度搜索APP

驚艷呈現(xiàn)的百度搜索客戶端,剛剛邁出了一小步,我們的設(shè)計和研發(fā)團(tuán)隊還將帶給各位更優(yōu)質(zhì)的移動搜索服務(wù),還將帶給用戶更多驚喜,讓搜索真正成為您快速平等獲取信息的好幫手。你對此有什么好的建議和想法呢?歡迎留言交流,讓我們做得更好!

本文來自:http://mux.baidu.com/?p=2682

 

更多精彩內(nèi)容,請關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. 目前還沒評論,等你發(fā)揮!