超碰av在线|无码精品一区二区三区在线|伊人色色日韩一级片内射视频群批_欧美丰满少妇人妻HD高清在线_亚洲一区二区中文_亚洲无码动漫专区

移動(dòng)端搜索功能研究

2016-11-3    資深UI設(shè)計(jì)者

如果您想訂閱本博客內(nèi)容,每天自動(dòng)發(fā)到您的郵箱中, 請(qǐng)點(diǎn)這里

搜索功能無(wú)論在web端還是移動(dòng)端,都是產(chǎn)品中十分重要的功能。文章主要從用戶體驗(yàn)和產(chǎn)品功能、策略角度來(lái)分析,提出一些對(duì)應(yīng)的設(shè)計(jì)方法。

搜索能夠幫助用戶快速找到想要的結(jié)果,其中兩個(gè)重要目標(biāo)是提高搜索結(jié)果的相關(guān)性,降低結(jié)果觸達(dá)的延遲性。用戶使用搜索功能來(lái)滿足其信息獲取的需求,其搜索目的是在搜索結(jié)果中進(jìn)行內(nèi)容消費(fèi)。搜索功能一般來(lái)說(shuō)都是全局性質(zhì)的“模糊搜索”(用戶可以搜索到產(chǎn)品的主要內(nèi)容),有時(shí)也會(huì)出現(xiàn)在局部結(jié)構(gòu)中(如某個(gè)功能模塊下的“定向搜索”)。

產(chǎn)品的用戶體驗(yàn)一般包括感官體驗(yàn)、交互體驗(yàn)、情感體驗(yàn)、瀏覽體驗(yàn)和信任體驗(yàn)幾種,對(duì)應(yīng)的產(chǎn)品屬性特征為舒適性、易用性和可用性、友好性、吸引力及可靠性。其中用戶在移動(dòng)端的搜索過(guò)程中對(duì)于感官體驗(yàn)影響較弱以外,其他幾種體驗(yàn)都會(huì)在整個(gè)搜索過(guò)程中涉及到。

移動(dòng)端搜索功能研究-IAMUE

搜索功能用戶體驗(yàn)描述

從用戶角度來(lái)看,搜索是給用戶提供其需要的東西,功能目標(biāo)的指向性更強(qiáng);搜索過(guò)程出現(xiàn)的所有相關(guān)功能入口或功能訴求點(diǎn),推薦內(nèi)容作為錦上添花,而不是作為主要的功能載體;對(duì)于功能完整度高的搜索功能,體驗(yàn)的重點(diǎn)更多落腳到搜索結(jié)果的內(nèi)容和呈現(xiàn)上,而結(jié)果的呈現(xiàn),與用戶的選擇行為和認(rèn)知息息相關(guān)。

從產(chǎn)品角度來(lái)看,搜索結(jié)果滿足更多用戶的直接和潛在需求,如運(yùn)營(yíng)和廣告需求;露出更多功能和內(nèi)容點(diǎn),提高UV和VV,并向其他入口導(dǎo)流。

本文源于設(shè)計(jì)師在實(shí)際設(shè)計(jì)過(guò)程中的經(jīng)驗(yàn)積累與感觸,寫作邏輯更加傾向于交互設(shè)計(jì)師的實(shí)際設(shè)計(jì)過(guò)程與思考,結(jié)合產(chǎn)品和前端開發(fā)的模塊劃分,一般將整個(gè)搜索流程分為搜索入口,搜索中間頁(yè),搜索過(guò)程和搜索結(jié)果頁(yè)四部分。這也與用戶搜索操作流程相一致,但是并不是每個(gè)功能會(huì)有都會(huì)遇到,這也與實(shí)際的產(chǎn)品訴求相關(guān)。從“峰終理論”角度來(lái)看,用戶體驗(yàn)的關(guān)鍵點(diǎn)出現(xiàn)在過(guò)程的峰值和終點(diǎn)部分,這是影響用戶對(duì)整個(gè)過(guò)程體驗(yàn)的兩個(gè)關(guān)鍵點(diǎn)。搜索過(guò)程中的峰值,一般出現(xiàn)在搜索中間頁(yè),讓用戶實(shí)現(xiàn)便捷搜索同時(shí)獲得更多的相關(guān)信息;終點(diǎn)毋庸置疑是搜索結(jié)果頁(yè)。

移動(dòng)端搜索功能研究-IAMUE

搜索中的產(chǎn)品、設(shè)計(jì)與用戶體驗(yàn)

一.搜索入口-用戶需求的起點(diǎn),產(chǎn)品功能權(quán)重的體現(xiàn)

搜索入口是用戶開始搜索功能的起點(diǎn),入口的可見性、易用性是影響產(chǎn)品初次搜索體驗(yàn)的要素。搜索入口沒(méi)有差異化,但是用戶存在差異化特征:

1.目標(biāo)明確型用戶:知道自己想要搜索什么,以及對(duì)搜索結(jié)果有一定的心理預(yù)期;

2.目標(biāo)模糊型用戶:操作無(wú)目的或目的不明確,對(duì)更多目標(biāo)內(nèi)容沒(méi)有預(yù)期,或者不了解搜索功能索涵蓋的范圍。

從產(chǎn)品策略層分析,尤其對(duì)于內(nèi)容消費(fèi)的產(chǎn)品而言,搜索功能所占據(jù)的功能權(quán)重更加重要,其功能架構(gòu)也更加厚重,搜索入口的設(shè)計(jì)方式,是產(chǎn)品屬性、功能策略的一種直觀反映。

因此從入口開始,便能看出搜索功能在產(chǎn)品中的權(quán)重如何。搜索入口從類型上可分為四種,包括獨(dú)立的導(dǎo)航標(biāo)簽、常駐的通欄導(dǎo)航條、功能布點(diǎn)的icon入口以及特殊樣式,其中前三種樣式較為常見,權(quán)重依次降低。

移動(dòng)端搜索功能研究-IAMUE

三種主要搜索入口樣式

1.獨(dú)立的導(dǎo)航標(biāo)簽

直接出現(xiàn)在底部或頂部導(dǎo)航欄中,這樣用戶在切換幾個(gè)導(dǎo)航頁(yè)面時(shí),搜索的入口是實(shí)時(shí)存在的,全局性的設(shè)計(jì)讓用戶可以隨時(shí)點(diǎn)擊進(jìn)入到搜索頁(yè)面,一般而言,此類操作觸發(fā)后對(duì)應(yīng)的搜索頁(yè)面功能和層級(jí)也更加豐富,承載與搜索、發(fā)現(xiàn)相關(guān)的延伸功能。例如微博的搜索頁(yè)面,切換至搜索導(dǎo)航標(biāo)簽時(shí),進(jìn)入的是一個(gè)獨(dú)立的頁(yè)面,其內(nèi)容的豐富程度不亞于首頁(yè),而且承載了話題、明星等更深層級(jí)的入口,功能屬性層次感十分飽滿。

移動(dòng)端搜索功能研究-IAMUE

微博

2.頂部通欄樣式

這種設(shè)計(jì)方式占據(jù)了足夠的屏幕寬度,同時(shí)在高度上壓縮了其他內(nèi)容的展示區(qū)域;在頁(yè)面頂部位置出現(xiàn),用戶對(duì)此一目了然,可以快速點(diǎn)擊搜索;這種搜索入口設(shè)計(jì)一般在首頁(yè)或者二級(jí)頁(yè)出現(xiàn),讓用戶能夠更容易接觸到搜索功能;更深層級(jí)或者落地頁(yè)上貿(mào)然加上搜索入口,可能會(huì)帶來(lái)以下幾方面問(wèn)題:(1)頁(yè)面跳轉(zhuǎn)邏輯的混亂:混淆用戶的使用預(yù)期,也給開發(fā)帶來(lái)不便;(2)壓縮頁(yè)面高度:在較深層級(jí)頁(yè)面中,內(nèi)容往往比功能更重要,露出更多內(nèi)容有益于產(chǎn)品目標(biāo)的實(shí)現(xiàn);(3)用戶缺乏訴求:最重要的一點(diǎn),用戶在更深層的內(nèi)容詳情頁(yè),對(duì)于搜索功能沒(méi)有那么強(qiáng)的場(chǎng)景訴求,此時(shí)更多內(nèi)容的露出是用戶當(dāng)前的主要關(guān)注點(diǎn),無(wú)限制的增加入口很容易將操作帶入一個(gè)死循環(huán)中。如貓眼電影的首頁(yè)的搜索入口為頂部通欄樣式。

移動(dòng)端搜索功能研究-IAMUE

貓眼

3.icon入口樣式

以用戶最好理解的放大鏡icon作為搜索的入口,由于占據(jù)空間較小,出現(xiàn)的位置沒(méi)有嚴(yán)格限制;盡管icon樣式的入口能夠有效地觸發(fā)搜索功能,但是形式上的顯著程度不高,因此放置位置較為靈活,可以出現(xiàn)在頁(yè)面角落或者收起在更多入口當(dāng)中,避免與其他同等權(quán)重或高權(quán)重需求爭(zhēng)奪顯著性。

移動(dòng)端搜索功能研究-IAMUE

Bilibili                                      澎湃新聞

4.特殊樣式

一般特殊樣式的搜索入口與App本身的設(shè)計(jì)風(fēng)格緊密相關(guān),如Android原生應(yīng)用中的懸浮按鈕功能等;另外,部分搜索入口中還會(huì)露出輔助功能,付拍照掃碼、切換分類內(nèi)容等。

移動(dòng)端搜索功能研究-IAMUE

空格

二.搜索中間頁(yè)-滿足用戶潛在需求,產(chǎn)品運(yùn)營(yíng)關(guān)鍵頁(yè)面

一般而言,用戶點(diǎn)擊搜索入口后會(huì)跳轉(zhuǎn)至獨(dú)立的搜索頁(yè)面,此時(shí)出現(xiàn)的頁(yè)面筆者習(xí)慣稱之為搜索(過(guò)程的)中間頁(yè),實(shí)際上是獨(dú)立的搜索頁(yè)面。

從用戶層面來(lái)看,用戶點(diǎn)擊搜索入口后,第一直覺是直接進(jìn)入搜索功能,調(diào)起輸入法進(jìn)行關(guān)鍵詞輸入,這是用戶最直觀的需求,也是大部分App所做的。但是用戶的潛在需求卻包含更多信息,用戶需要知道在這里可以搜索什么、怎么去搜索的指導(dǎo),搜索中間頁(yè),實(shí)際上除了滿足產(chǎn)品運(yùn)營(yíng)需求以外,也是對(duì)用戶潛在需求的挖掘和滿足,也是產(chǎn)品可靠性的一種體現(xiàn)。

從產(chǎn)品策略層來(lái)看,對(duì)于輕量化的搜索功能,可以不使用搜索中間頁(yè),從而降低信息體量和頁(yè)面冗余度,因?yàn)檫@種頁(yè)面往往是產(chǎn)品策略和運(yùn)營(yíng)需求的“重災(zāi)區(qū)”,動(dòng)態(tài)推廣內(nèi)容或者需要提升點(diǎn)擊量、導(dǎo)流的入口,都可以讓在這個(gè)頁(yè)面承載。

綜上來(lái)看,在整個(gè)搜索過(guò)程中,搜索中間頁(yè)可以認(rèn)為是僅次于搜索結(jié)果頁(yè)而存在的,這也是用戶在整個(gè)搜索過(guò)程中產(chǎn)生“峰值體驗(yàn)”的關(guān)鍵點(diǎn),也是給用戶帶來(lái)驚喜,滿足潛在需求的方式。搜索中間頁(yè),主要的設(shè)計(jì)要素包括:提示信息、分類搜索功能、搜索歷史、熱門搜索詞、其他用戶推薦信息與廣告運(yùn)營(yíng)位幾種。

1.提示信息

提示信息時(shí)與該場(chǎng)景下能夠?qū)崿F(xiàn)的搜索功能相關(guān)的文案內(nèi)容,常見樣式為出現(xiàn)在搜索框中的純文案,當(dāng)然也可以在整個(gè)頁(yè)面中展示。文案提示信息在用戶體驗(yàn)中相當(dāng)于一種前置反饋,這種設(shè)計(jì)體現(xiàn)產(chǎn)品友好性的一個(gè)小細(xì)節(jié),對(duì)用戶也是一種良性的引導(dǎo),給用戶提供了一個(gè)心理預(yù)期,同時(shí)也對(duì)用戶隨意輸入關(guān)鍵詞造成無(wú)結(jié)果的傷害體驗(yàn)的可能進(jìn)行了限制。例如視頻App的搜索,不僅可以搜索自己站內(nèi)視頻,也可以搜索其他平臺(tái)的視頻,不僅可以搜索視頻,還可以搜索明星、娛樂(lè)事件等。另一方面,露出必要的提示,有時(shí)也是一種宣傳手段。當(dāng)然,對(duì)于通欄的搜索入口,提示信息一般會(huì)直接顯示在入口中,進(jìn)入搜索中間頁(yè)后會(huì)直接帶入當(dāng)前文案信息。

移動(dòng)端搜索功能研究-IAMUE

橘子娛樂(lè)                   bilibili                  天天快報(bào)

2.分類搜索功能

是指在搜索前就能夠選擇搜索范圍的功能,在一些平臺(tái)內(nèi)容較多需要細(xì)分的App中較為常見。搜索功能是全局性的,僅在搜索框中出現(xiàn)提示詞也不足以滿足用戶對(duì)于信息分類搜索的需求,因此需要獨(dú)立設(shè)置分類搜索按鈕進(jìn)行設(shè)置,在搜索開始前就縮小搜索范圍,提升操作的便捷性和智能化效果;但是不足之處是如果用戶對(duì)此感知不足的話,對(duì)與搜索結(jié)果只呈現(xiàn)小范圍內(nèi)的信息會(huì)產(chǎn)生疑惑,因此需要注意對(duì)范圍限制的提醒以及各個(gè)搜索范圍入口的打通。

移動(dòng)端搜索功能研究-IAMUE

虎撲                                    淘寶

3.搜索歷史

搜索歷史前端可以作為一種快速搜索的功能入口,呈現(xiàn)用戶的搜索歷史,一來(lái)可以方便用戶下次點(diǎn)擊的時(shí)候?qū)τ谥貜?fù)性的內(nèi)容實(shí)現(xiàn)快速搜索,二來(lái)也便于收集用戶習(xí)慣。

在設(shè)計(jì)搜索歷史是需要注意以下幾點(diǎn),包括用戶行為特征和產(chǎn)品策略的內(nèi)容:

(1)位置:根據(jù)認(rèn)知心理學(xué)中的相似律,搜索內(nèi)容位置會(huì)處于頁(yè)面頂部,緊貼搜索框展示,此時(shí)用戶的視覺焦點(diǎn)在這里,更容易注意到,也不會(huì)產(chǎn)生認(rèn)知偏差,因此該位置要避免被其他信息模塊占據(jù)從而割裂二者的聯(lián)系;

(2)顯示樣式:一般搜索詞會(huì)作為一個(gè)完整的搜索內(nèi)容呈現(xiàn),而且會(huì)涉及到點(diǎn)擊操作,因此不適合折行或者截?cái)囡@示,以便讓用戶一目了然自己搜索了哪些詞,一般的處理方式固定行數(shù)顯示,或者以btn樣式顯示,強(qiáng)化可點(diǎn)擊的操作意象;

(3)編輯操作:并不是所有用戶對(duì)于占據(jù)頁(yè)面大部分高度的內(nèi)容都是認(rèn)同或需要的,編輯刪除操作必不可少;

(4)數(shù)量限制:最后還要限制一下露出數(shù)量,前面由于限制了顯示策略,因此要根據(jù)用戶潛在的搜索內(nèi)容文案數(shù)量確認(rèn)當(dāng)前的露出數(shù)量;露出內(nèi)容少則對(duì)用戶的了意義不大,因?yàn)榕f的內(nèi)容很容易被新的搜索詞替換掉,露出較多則會(huì)占據(jù)頁(yè)面太多高度,考慮到此時(shí)頁(yè)面會(huì)調(diào)起輸入法,因此也不適合露出太多內(nèi)容。

4.熱門搜索詞

當(dāng)前平臺(tái)主推的內(nèi)容,或者高頻的搜索詞都可以放置于此。搜索熱詞一般是產(chǎn)品需求驅(qū)動(dòng)出現(xiàn)的,可以讓頁(yè)面內(nèi)容更加豐滿,同時(shí)也露出當(dāng)前的主推內(nèi)容,提升內(nèi)容的曝光率和點(diǎn)擊量。熱門搜索詞和搜索歷史的誰(shuí)家要點(diǎn)相似性很多,因此需要注意在樣式上與搜索歷史內(nèi)容進(jìn)行區(qū)分;另一方面,不同于搜索歷史的時(shí),這是產(chǎn)品后臺(tái)配置的內(nèi)容,不是用戶主動(dòng)有意識(shí)或無(wú)意識(shí)觸發(fā)的,因此就存在用戶接受度的問(wèn)題。在數(shù)量上需要更加斟酌。根據(jù)產(chǎn)品內(nèi)容屬性的不同,純文案的搜索詞在10(或7±2)個(gè)左右能夠讓用戶一目了然,較為復(fù)雜樣式的搜索詞則更要簡(jiǎn)化數(shù)量,讓用戶能夠抓住信息的重點(diǎn)。放置過(guò)多搜索詞,不僅會(huì)稀釋用戶的注意力,更多的情況是被調(diào)起的輸入法遮擋,反而降低曝光率。

移動(dòng)端搜索功能研究-IAMUE

愛奇藝                               網(wǎng)易新聞

5.其他用戶推薦信息與廣告運(yùn)營(yíng)位

依據(jù)平臺(tái)產(chǎn)品不同,可擴(kuò)展呈現(xiàn)更多的推薦內(nèi)容或者相關(guān)內(nèi)容,更有甚者可以把平臺(tái)內(nèi)容分模塊展現(xiàn)出來(lái)。廣告運(yùn)營(yíng)位與其他推薦信息的屬性是一致的,只是把內(nèi)容替換成廣告推廣信息。

移動(dòng)端搜索功能研究-IAMUE

微博

三.搜索過(guò)程-用戶操作便捷化與簡(jiǎn)潔化,產(chǎn)品功能人性化與智能化

從用戶操作場(chǎng)景來(lái)看:在實(shí)際的點(diǎn)擊過(guò)程中,用戶點(diǎn)擊搜索框,調(diào)起輸入法開始進(jìn)行輸入行為進(jìn)行搜索,核心目標(biāo)就是快速輸入關(guān)鍵詞,同時(shí)對(duì)于一些較長(zhǎng)的關(guān)鍵詞,能夠快速輸入進(jìn)去;或者說(shuō),輸入過(guò)程的簡(jiǎn)潔、便捷、快速是影響用戶體驗(yàn)的關(guān)鍵痛點(diǎn),這種快速很難在系統(tǒng)輸入法上做文章,但是可以在其他方面實(shí)現(xiàn)給用戶帶來(lái)“便捷”“快速”的體驗(yàn),包括輸入框結(jié)構(gòu)相應(yīng)的變化以及即時(shí)呈現(xiàn)的搜索推薦詞,這也是搜索功能好用性和易用性的一種體現(xiàn)。

從產(chǎn)品策略來(lái)看:此時(shí)用戶主要的注意力焦點(diǎn)在輸入過(guò)程中,因此目前的過(guò)程是操作功能為主,策略也需要以更好地滿足用戶的操作功能為導(dǎo)向。

輸入搜索詞的過(guò)程中,光標(biāo)已經(jīng)定位于此,搜索框處于激活狀態(tài),此時(shí)的頁(yè)面元素一般包括:(1)搜索框(一般帶著提示詞);(2)清除按鈕(一般以X的形式出現(xiàn),點(diǎn)擊可清空當(dāng)前全部搜索詞,同時(shí)點(diǎn)擊后可返回搜索中間頁(yè)或跳出搜索功能);(3)搜索btn(iOS端鍵盤有搜索按鍵,但Android的輸入法可能不是原生的,無(wú)法判斷當(dāng)前的狀態(tài),因此從通用性角度考慮,適宜放置一個(gè)顯著的搜索btn)。

移動(dòng)端搜索功能研究-IAMUE

QQ音樂(lè)                               橘子娛樂(lè)

除了搜索框的變化,用戶在輸入搜索詞的過(guò)程中也伴隨著對(duì)應(yīng)的反饋,此時(shí)出現(xiàn)的即時(shí)反饋主要包括兩種樣式,搜索聯(lián)想詞和分類匹配,提高產(chǎn)品的友好性體驗(yàn)。

1.搜索聯(lián)想詞

搜索聯(lián)想詞,也稱為搜索suggestion,是根據(jù)用戶逐漸輸入內(nèi)容而不斷呈現(xiàn)的包含輸入關(guān)鍵詞的列表。對(duì)于功能完整的搜索過(guò)程,搜索聯(lián)想詞能夠幫助用戶的輸入信息起到糾正、提醒、引導(dǎo)的作用,對(duì)于有固定搜索結(jié)果頁(yè)的產(chǎn)品而言,搜索聯(lián)想詞是起到便捷搜索的作用,例如愛奇藝App的搜索功能;但是對(duì)于一些輕量化的搜索功能而言,即搜索目標(biāo)單一、搜索維度單一或者無(wú)專門的搜索結(jié)果聚合頁(yè)面來(lái)說(shuō),則可以不設(shè)置搜索中間頁(yè),直接通過(guò)suggestion列表的樣式呈現(xiàn)搜索結(jié)果,點(diǎn)擊后直接跳轉(zhuǎn)至搜索結(jié)果頁(yè)或者對(duì)應(yīng)的目標(biāo)落地頁(yè),從而幫助用戶實(shí)現(xiàn)快速搜索功能,例如產(chǎn)品中的地區(qū)設(shè)置搜索(維度單一)或者百度地圖App中的搜索(目標(biāo)單一)等。

移動(dòng)端搜索功能研究-IAMUE

愛奇藝                                 百度地圖

2.分類匹配

對(duì)于多某塊或者多內(nèi)容的產(chǎn)品來(lái)說(shuō),不僅在結(jié)構(gòu)中需要對(duì)不同范疇或?qū)傩韵碌膬?nèi)容進(jìn)行分類,在搜索過(guò)程中也要明確告知用戶該分類下的內(nèi)容,提高信息內(nèi)容的清晰度。用戶在搜索的過(guò)程中可以實(shí)時(shí)切換分類范圍,同時(shí)顯示固定范圍下的搜索數(shù)量,不斷自己的搜索范圍能夠讓最終的搜索結(jié)果更加準(zhǔn)確。此類設(shè)計(jì)方式在電商應(yīng)用中更常見。

根據(jù)分類結(jié)果或產(chǎn)品策略的不同,可以使用標(biāo)簽或者列表上的入口引導(dǎo)樣式來(lái)設(shè)計(jì),如下圖所示。

移動(dòng)端搜索功能研究-IAMUE

京東                         淘寶                         nice

四.搜索結(jié)果頁(yè)-用戶的終極目標(biāo),產(chǎn)品策略的爆發(fā)地

搜索結(jié)果頁(yè)是指用戶點(diǎn)擊搜索后看到的搜索內(nèi)容的聚合頁(yè)面,是用戶搜索的目標(biāo)所在。

從用戶操作場(chǎng)景來(lái)看,搜索結(jié)果頁(yè)就是想找到我想找的信息,因此目標(biāo)的準(zhǔn)確性呈現(xiàn)是重點(diǎn),用戶需要一眼就看到目標(biāo)信息;另一方面,本著所見即所得的觀念,有了目標(biāo)信息,全端通用的交互操作和功能,在這里也都需要能夠?qū)崿F(xiàn);這樣全端的操作體驗(yàn)才具有一致性和連續(xù)性。

從產(chǎn)品策略來(lái)看,搜索結(jié)果頁(yè)也是一個(gè)信息內(nèi)容聚合的關(guān)鍵頁(yè)面,除了呈現(xiàn)必要的目標(biāo)信息,往往還可以在其中放置更多偏向于產(chǎn)品策略的相關(guān)信息。當(dāng)然,其中還存在一類輕量化的搜索結(jié)果頁(yè)樣式,與搜索suggestion樣式相似。

1.多維度展示

當(dāng)內(nèi)容品類過(guò)多時(shí),可以分tab標(biāo)簽或者分card顯示對(duì)應(yīng)的內(nèi)容;盡管搜索結(jié)果頁(yè)不是固定常駐的頁(yè)面,每次搜索都會(huì)重新請(qǐng)求服務(wù)器加載新的內(nèi)容,但是頁(yè)面聚合的信息內(nèi)容的種類是固定的,同樣需要按模塊進(jìn)行管理,提升信息的清晰度和可讀性,幫助用戶快速找到目標(biāo)信息。

2.功能操作

與搜索結(jié)果的屬性相關(guān),主要用戶大部分中間用戶快速完成相關(guān)功能操作,縮短操作路徑。如果視頻類內(nèi)容,則會(huì)露出播放或下載緩存btn,如電商類產(chǎn)品則可出現(xiàn)購(gòu)買或者加入購(gòu)物車btn,用戶可直接點(diǎn)擊加入購(gòu)物車,縮短整個(gè)流程的操作次數(shù)等。

移動(dòng)端搜索功能研究-IAMUE

淘寶                       愛奇藝                        美團(tuán)

3.輕量化搜索結(jié)果頁(yè)

一些輕量化的搜索設(shè)計(jì),會(huì)在用戶輸入的過(guò)程中實(shí)時(shí)顯示搜索結(jié)果,樣式與suggestion列表相似,但是實(shí)際呈現(xiàn)的是具體的搜索結(jié)果,而非搜索關(guān)鍵詞,用戶點(diǎn)擊后直接跳轉(zhuǎn)到對(duì)應(yīng)的詳情頁(yè)或者觸發(fā)相應(yīng)的交互操作。這種搜索結(jié)果頁(yè)樣式使用戶單維度的搜索,例如電話簿或者地區(qū)選擇等,搜索的結(jié)果和用戶的搜索目標(biāo)都是單一維度且高度一致的。這種設(shè)計(jì)方式主要源自于以下幾種原因:(1)用戶端:用戶在這種搜索場(chǎng)景下的目標(biāo)比較單一和固定,同時(shí)對(duì)于結(jié)果有一定的預(yù)期,因此可直接顯示搜索結(jié)果;(2)產(chǎn)品端:搜索范圍固定,內(nèi)容固定,目標(biāo)內(nèi)容在很長(zhǎng)一段時(shí)間內(nèi)不會(huì)變化,同時(shí)搜索功能在該場(chǎng)景下較弱,因此可以實(shí)現(xiàn)快速搜索,避免了請(qǐng)求服務(wù)器的加載loading過(guò)程中耗費(fèi)的時(shí)間;(3)其他:一般需要有搜索結(jié)果的頁(yè)面,除了搜索結(jié)果的內(nèi)容,還會(huì)放置很多結(jié)構(gòu)化、模塊化或者推薦的內(nèi)容;反觀地區(qū)或者電話聯(lián)系人搜索功能,用戶不需要再搜索結(jié)果頁(yè)中推薦多余的無(wú)關(guān)信息,不需要雜亂的信息干擾自己的操作目標(biāo),而且在這兩種場(chǎng)景下,用戶的搜索結(jié)果是單一的,內(nèi)容局限性較強(qiáng),使用獨(dú)立的搜索結(jié)果頁(yè),可能大部分的頁(yè)面空間是空白的,也會(huì)影響頁(yè)面的視覺美觀效果。

移動(dòng)端搜索功能研究-IAMUE

貓眼

文章內(nèi)容對(duì)于搜索功能,從用戶體驗(yàn)和產(chǎn)品策略兩個(gè)方面進(jìn)行了分析,并結(jié)合自身的設(shè)計(jì)經(jīng)驗(yàn)提出了一些設(shè)計(jì)策略,基本涵蓋了較為完整的搜索功能設(shè)計(jì)樣式,但是也并不全面,只是對(duì)較為常見的搜索樣式設(shè)計(jì)并不是固定化的,是根據(jù)產(chǎn)品需求、目標(biāo)人群、技術(shù)實(shí)現(xiàn)、后臺(tái)數(shù)據(jù)等因素共同作用的結(jié)果,因此并不需要拘泥于一定的樣式。在設(shè)計(jì)過(guò)程中還是需要根據(jù)實(shí)際情況進(jìn)行調(diào)整,滿足用戶在目標(biāo)場(chǎng)景下的需求,同時(shí)達(dá)到產(chǎn)品的KPI目標(biāo)。

作者:蝦米&胖喵

原文鏈接:http://fatcatdesign.lofter.com/post/28e14e_ca5b455

藍(lán)藍(lán)設(shè)計(jì)m.miumiuwan.com )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù) 

分享本文至:

日歷

鏈接

個(gè)人資料

存檔