亚洲综合欧美_美女被c网站_精品视频在线观看日韩_久久国产精品久久国产精品

億萬(wàn)聯(lián)合 — 專業(yè)網(wǎng)站建設(shè)服務(wù)商 17786980340
您的位置:首頁(yè) > 資訊 > 網(wǎng)絡(luò)學(xué)堂

解析:移動(dòng)端電商的搜索框設(shè)計(jì)

發(fā)布時(shí)間:2017年01月13日 瀏覽:10783

       任何一家商家無(wú)法去賣一個(gè)用戶找不到的產(chǎn)品,搜索是用戶最基本的行為,也是構(gòu)建一個(gè)可盈利的APP或網(wǎng)站的重要元素。用戶在發(fā)現(xiàn)和學(xué)習(xí)產(chǎn)品時(shí)期,希望在APP中有流暢的體驗(yàn),而他們會(huì)根據(jù)搜索結(jié)果迅速判斷一個(gè)APP的價(jià)值。一個(gè)好的搜索控件應(yīng)當(dāng)幫助用戶迅速簡(jiǎn)便的幫助用戶搜索到用戶想要的內(nèi)容。下面,我們就和大家一起來(lái)探討如何將其實(shí)現(xiàn)?

        一、搜素如何放置

        用戶在尋找搜索的入口時(shí)通常是迅速的粗暴的。他們會(huì)通常瀏覽一個(gè)頁(yè)面,然后尋找能輸入文字的框。

        目標(biāo):搜索框設(shè)計(jì)得明顯可見(jiàn)且很容易識(shí)別

        1、搜索區(qū)域放在明顯的位置

        搜索是電商類APP或網(wǎng)站的基礎(chǔ)功能,需要放在顯眼的位置,讓用戶很容易發(fā)現(xiàn)。搜索框如果不放在顯眼的位置,會(huì)給用戶瀏覽網(wǎng)站或產(chǎn)品時(shí)造成困惑,降低用戶的效率。

        如圖1:

        

        電商類APP應(yīng)該將搜索框設(shè)置在首頁(yè)的頂部位置(如果首頁(yè)很長(zhǎng),應(yīng)當(dāng)將搜索框固定在頂部位置),如果APP的詳細(xì)目錄有很多,搜索區(qū)域應(yīng)當(dāng)放置在默認(rèn)位置,確保用戶很容易找到且快速使用。

        如圖2:

        

        2、搜索框里帶有放大鏡icon

        能夠讓用戶有廣泛共識(shí)的icon確實(shí)不多,放大鏡就是其中的一個(gè)。用戶甚至不需要有預(yù)置文字的提醒,就可以知道放大鏡是搜素的意思。使用最簡(jiǎn)單的放大鏡icon圖標(biāo)就可以,因?yàn)?span style="line-height:25.4545px;">icon圖片的細(xì)節(jié)并不能加快用戶的識(shí)別:

        如圖3:

        

        二、解析搜素需求

        搜素使得用戶做的更多,因?yàn)橛脩舨粌H要提出搜素需求,還要講問(wèn)題輸入相應(yīng)位置,打字是容易出錯(cuò)并且是非常耗時(shí)間的行為(尤其是在手機(jī)屏幕上)。

        目標(biāo):盡量降低用戶輸入成本并能迅速提供結(jié)果

        1、自動(dòng)推薦

        普通用戶是不了解查詢公式的:如果他們?cè)谇皫讉€(gè)列表中沒(méi)有找到合適的結(jié)果,后來(lái)嘗試的成功率就很低。自動(dòng)推薦機(jī)制是基于用戶現(xiàn)有的特征嘗試預(yù)測(cè)結(jié)果,從而幫助用戶尋找到合適的結(jié)果。當(dāng)完全自動(dòng)的推薦結(jié)果湊效時(shí),有助于用戶準(zhǔn)確表達(dá)搜索詞條。自動(dòng)推薦機(jī)制不在于提升搜索的速度,而在于引導(dǎo)用戶,幫助他們構(gòu)建他們的搜索詞條。

        如圖4:

        

        但是請(qǐng)確保自動(dòng)推薦是對(duì)用戶是有所幫助的,如果設(shè)計(jì)得不好,有可能會(huì)使用戶產(chǎn)生疑惑。因此可以通過(guò)使用拼寫(xiě)自動(dòng)矯正,識(shí)別詞根和預(yù)測(cè)內(nèi)容等方式來(lái)提高工具的可用性。

        如圖5:

        

        2、最近搜索

        APP應(yīng)該儲(chǔ)存用戶的交互數(shù)據(jù),包括最近查找和最近購(gòu)買(mǎi)記錄,為用戶執(zhí)行下一次搜索操作時(shí)提供數(shù)據(jù)支撐。這將有利于節(jié)約用戶查找同一件商品的時(shí)間和精力,同時(shí)提升用戶體驗(yàn)。

        如圖6:

        

        三、搜索進(jìn)展

        理想狀態(tài)下,搜索結(jié)果應(yīng)該實(shí)時(shí)顯示,如果不能做到的話應(yīng)該有一個(gè)適當(dāng)?shù)囊曈X(jué)反饋。但是搜索占用的時(shí)間更長(zhǎng),至少應(yīng)該盡量將用戶的等待做得更令用戶滿意,那么,加在容器就顯得很重要了。

        如圖7:

        

       1、懶加載

       懶加載是一種常見(jiàn)的技術(shù),當(dāng)一些結(jié)果展示出來(lái)的同時(shí),另一些內(nèi)容正在加載。這種方式加載很快,因?yàn)椴糠之a(chǎn)品是原先加載好的。

       如圖8:

       

       對(duì)于懶加載的產(chǎn)品,最好是優(yōu)先展示出產(chǎn)品的文字信息,這樣缺乏賴心的用戶可以通過(guò)文字先篩選出目標(biāo)產(chǎn)品,無(wú)需等到所有圖片都加在完成。

       如圖9:

       

      四、搜索結(jié)果展示

       目標(biāo):確保搜索的結(jié)果是有用的。提高搜索進(jìn)度,讓用戶始終感覺(jué)出在人物之中。

       1、優(yōu)先展示關(guān)聯(lián)度最高的結(jié)果

       在手機(jī)首屏展示的結(jié)果條數(shù)是有限的,所以要確保用戶看到的是最相關(guān)的3-5個(gè)結(jié)果,然后再滑動(dòng)查看其它的結(jié)果。

       2、帥選和分類

       在移動(dòng)端電商可用性的研究中Baymard,超過(guò)50%的用戶都是在他們最近搜索過(guò)的分類路徑中搜索,力圖用搜索詞條來(lái)帥選出所需要的產(chǎn)品。然而,94%的移動(dòng)端電商網(wǎng)站或APP都不支持這種模式。當(dāng)搜索出來(lái)的結(jié)果是不相關(guān)的,或數(shù)量非常多的時(shí)候,用戶會(huì)覺(jué)得不知所措,篩選和分類可以幫助用戶縮小結(jié)果的范圍,否則用戶需要大量的滑動(dòng)屏幕,或者在很小的屏幕上做分頁(yè)處理。

        如圖10:

        

        3、一定范圍內(nèi)的搜索

        這種做法的好處是鼓勵(lì)用戶在一定的范圍內(nèi)搜索,而不是運(yùn)用傳統(tǒng)的篩選,這將會(huì)為用戶帶來(lái)前所未有的優(yōu)質(zhì)搜索結(jié)果。

        如圖11:

        

        4、有用的“無(wú)查詢結(jié)果”頁(yè)面

        當(dāng)用戶在搜索過(guò)程中不可避免的會(huì)出現(xiàn)“無(wú)查詢結(jié)果”頁(yè)面。如果設(shè)計(jì)得不好,對(duì)用戶來(lái)說(shuō),可能就是一個(gè)死胡同。

        如圖12:

        

        當(dāng)用戶的搜索沒(méi)有相應(yīng)的結(jié)果時(shí),避免給用戶造成走進(jìn)死胡同的體驗(yàn),為用戶提供有價(jià)值的備選方案,比如相似的分來(lái)產(chǎn)品。為了更好的幫助用戶,你可以使用“智能搜索“,矯正單復(fù)數(shù)或拼寫(xiě)錯(cuò)誤。

        如圖13:

        

      五、引導(dǎo)導(dǎo)航(產(chǎn)品分類)

        1、友好的分類菜單

        如果菜單和用戶預(yù)期的不匹配,用戶需要費(fèi)很大的力氣去解析和辨別。分類菜單需要清晰且不重復(fù)。因?yàn)楫?dāng)用戶經(jīng)歷了之前的困惑后,會(huì)將菜單作為最后的解決方案。

        如圖14:

        

       總結(jié)

       考慮到現(xiàn)在30%的線上購(gòu)物都是通過(guò)移動(dòng)端手機(jī),關(guān)于電商APP和網(wǎng)站的賭注是前所未有的,你的APP或網(wǎng)站應(yīng)當(dāng)適配所有類型的搜索,針對(duì)分類、產(chǎn)品和產(chǎn)品特性返回相關(guān)搜素結(jié)果。當(dāng)移動(dòng)端零售體驗(yàn)變得順暢了,消費(fèi)者將會(huì)在手機(jī)上不僅僅是搜素,有可能是購(gòu)買(mǎi)產(chǎn)品。




870
分類:

您還沒(méi)有登錄,請(qǐng)先登錄

4008-4008-80

027-87827780

請(qǐng)點(diǎn)擊QQ圖標(biāo)咨詢客服;為避免丟失消息,請(qǐng)?zhí)砑観Q好友
提交需求