搜索是移動(dòng)端的一項(xiàng)基本行為?；叵胍幌隆苿?dòng)端除了拍照和寫(xiě)作很少創(chuàng)造什么，相反，移動(dòng)端主要的服務(wù)是尋找什么。一個(gè)杰出的搜索方式可以幫助用戶(hù)快速簡(jiǎn)便地找到他們想要的東西。

我們可以一起從以下這些非常棒的移動(dòng)端搜索實(shí)例中獲益。同時(shí)，我也希望這篇文章可以幫助大家為App創(chuàng)造一個(gè)真正對(duì)用戶(hù)友好的搜索方式。

搜索欄

這里我們的目標(biāo)是——設(shè)計(jì)一個(gè)清晰可見(jiàn)的，很容易被找到的搜索欄。

搜索欄的展示很重要

如果你有足夠的地方放置搜索欄，那就顯示它所有的部件。因?yàn)橹伙@示搜索圖標(biāo)會(huì)增加交流的成本，還會(huì)帶來(lái)一些負(fù)面效果——用戶(hù)不得不等待搜索框出現(xiàn)，去探索從哪里鍵入文字，而且有時(shí)候還得花費(fèi)好幾次點(diǎn)擊以聚焦到輸入框。

不好的例子：只顯示圖標(biāo)，隱藏上下文。從用戶(hù)體驗(yàn)的角度來(lái)說(shuō)，不應(yīng)該讓用戶(hù)在行動(dòng)之后才能知道他們可以做什么。

好的例子：不需要用戶(hù)做額外的動(dòng)作。

如果在你的App中，搜索是核心功能，那就讓它顯眼起來(lái)，讓用戶(hù)一眼就能發(fā)現(xiàn)它。電子商務(wù)類(lèi)的App有一個(gè)顯著的特點(diǎn)——搜索欄總在它們的首頁(yè)最上方。

小貼士：屏幕的最上方應(yīng)該放置一個(gè)可以一眼便認(rèn)出的顯示所有部件的搜索框。

使用“放大鏡”圖標(biāo)

圖標(biāo)是表現(xiàn)客體、行為以及目的意義的可視化描述。有一些圖標(biāo)在用戶(hù)的心里有既定的意義，“放大鏡”圖標(biāo)就是其中之一。

放大鏡總是和搜索框同時(shí)出現(xiàn)，所以用戶(hù)不用文本標(biāo)簽就知道“放大鏡”圖標(biāo)意味著“搜索”。用粗線條描繪的這個(gè)圖標(biāo)，是目前“放大鏡”圖標(biāo)最簡(jiǎn)單的表示方法。它有最少的圖形細(xì)節(jié)和最快的認(rèn)知速度。

搜索輸入

搜索強(qiáng)迫用戶(hù)做更多事，因?yàn)橛脩?hù)不是僅僅想出問(wèn)題就大功告成了，還得輸入它。輸入有很高的交互成本：它很容易出錯(cuò)，還很費(fèi)時(shí)，即使你用鍵盤(pán)輸入也是一樣，更不用說(shuō)觸摸屏了。

所以這里我們的目標(biāo)是——讓搜索易用。

使用良好的默認(rèn)值

良好的默認(rèn)值可以降低用戶(hù)出錯(cuò)的幾率。尤其是當(dāng)用戶(hù)需要反復(fù)搜索，或者是需要得到精確結(jié)果的時(shí)候，先提供些可能會(huì)符合他們實(shí)際期望的合理的默認(rèn)值。

（餐館、旅店）預(yù)定表中的自動(dòng)預(yù)填充建議數(shù)據(jù)在很多時(shí)候?qū)τ脩?hù)來(lái)說(shuō)是準(zhǔn)確的，也讓程序更加方便。

小貼士：良好的默認(rèn)值和建議數(shù)據(jù)可以幫助用戶(hù)降低犯錯(cuò)率，提高生產(chǎn)率。

自動(dòng)建議

大概最有用的搜索模式就是從Web 2.0興起的“自動(dòng)建議”了。它被用來(lái)減少數(shù)據(jù)的輸入，提供最相近的結(jié)果。

使用自動(dòng)建議模式時(shí)，應(yīng)該盡量快速，比如當(dāng)?shù)谌齻€(gè)字符輸入后，就提供最接近的值，以減少用戶(hù)為了輸入而作出的努力。

歷史紀(jì)錄

即使用戶(hù)很熟悉搜索空間，在搜索前也仍然需要從腦海里回憶信息。為了得到一個(gè)有意義的查詢(xún)指令，用戶(hù)需要回想查詢(xún)目標(biāo)的屬性、標(biāo)志，然后合并它們。

成功的移動(dòng)端用戶(hù)界面遵循一個(gè)基本的可用性格言：尊重用戶(hù)的努力。在用戶(hù)下一次搜索時(shí)提供數(shù)據(jù)給他們——這就是應(yīng)用應(yīng)當(dāng)存儲(chǔ)所有搜索記錄的原因。這可以幫助用戶(hù)節(jié)約時(shí)間，節(jié)省在搜索相同信息時(shí)花費(fèi)的精力。

這個(gè)選擇在用戶(hù)重復(fù)搜索時(shí)非常有用。這種小設(shè)計(jì)可以提升用戶(hù)體驗(yàn)。

小貼士：

· 近年來(lái)，App為用戶(hù)提供最新的搜索記錄以提升用戶(hù)體驗(yàn)。

· 過(guò)去在儲(chǔ)存要保留的搜索記錄時(shí)需要額外命名，而最近的則是默認(rèn)儲(chǔ)存／展示所有記錄?？紤]一下哪種方法更能滿(mǎn)足你的用戶(hù)需要。

語(yǔ)音搜索

在手機(jī)上打字很困難也很容易出錯(cuò)。語(yǔ)音搜索背后的想法很簡(jiǎn)單：在輸入框中用板載麥克風(fēng)錄入代替鍵盤(pán)關(guān)鍵字鍵入。

幾乎所有有搜索框的App都可以使用語(yǔ)音搜索模式。這種模式對(duì)那些經(jīng)常處于“在路上”的應(yīng)用程序特別好。另一個(gè)使用語(yǔ)音搜索模式的重要場(chǎng)景是“（用戶(hù)）多任務(wù)活動(dòng)”，比如開(kāi)車(chē)。

但是語(yǔ)音搜索也有一個(gè)缺點(diǎn)：語(yǔ)音為基礎(chǔ)的搜索方式是否好用大部分取決于語(yǔ)音識(shí)別程序的質(zhì)量。我們都聽(tīng)說(shuō)過(guò)很多關(guān)于Siri誤會(huì)用戶(hù)問(wèn)題之后發(fā)生的滑稽故事。

小貼士：部分移動(dòng)端搜索已經(jīng)成型并在使用中，而語(yǔ)音輸入很可惜并沒(méi)有完全代替?zhèn)鹘y(tǒng)的以文字為基礎(chǔ)的搜索方式，只成為了一個(gè)好的補(bǔ)充手段。

搜索進(jìn)度

理想化的情景是搜索后馬上出結(jié)果，如果這不可能，就應(yīng)該有一個(gè)進(jìn)度指示器作為系統(tǒng)給用戶(hù)的反饋。

如果搜索需要很長(zhǎng)時(shí)間，你可以用一個(gè)不錯(cuò)的小動(dòng)畫(huà)。小動(dòng)畫(huà)可以轉(zhuǎn)移用戶(hù)的注意力，讓他們忽略長(zhǎng)時(shí)間的等待。

小貼士：不確定的等待格外漫長(zhǎng)，你應(yīng)該明確的告訴你的用戶(hù)他們需要等多久。

搜索結(jié)果

我們的目標(biāo)是——致力于讓用戶(hù)做最少的努力。用戶(hù)普遍更青睞省時(shí)省力的系統(tǒng)。

列表還是網(wǎng)格

一旦搜索結(jié)果需要用同屏或新頁(yè)面展示，往往就是使用列表或網(wǎng)格模式或者在地圖或衛(wèi)星圖上顯示，或者用縮略圖模式。

這里有一點(diǎn)很重要你應(yīng)該記住——移動(dòng)端的屏幕大小是固定的，所以一屏能顯示的搜索結(jié)果數(shù)量是有限的，你應(yīng)該確保前幾個(gè)（3或5個(gè)）搜索結(jié)果和問(wèn)題是高度相關(guān)的。

下面的例子展示了列表和網(wǎng)格在展示搜索結(jié)果上的不同。在Sports Authority這個(gè)網(wǎng)站，冗長(zhǎng)的網(wǎng)格的布局意味著用戶(hù)必須付出8次滾動(dòng)手勢(shì)（向上和向下）才能找到想要的產(chǎn)品類(lèi)型。

小貼士：前幾個(gè)搜索結(jié)果應(yīng)該高度相關(guān)

讓用戶(hù)盡可能快的找到他們想要的。根據(jù)你提供的產(chǎn)品或服務(wù)選擇最恰當(dāng)?shù)乃阉鹘Y(jié)果展現(xiàn)方式。

延遲加載

延遲加載是一種常用的方法，當(dāng)有剩余的結(jié)果加載時(shí)，仍有一些結(jié)果可以被看到。

小貼士：使用延遲加載代替翻頁(yè)。避免翻頁(yè)打斷用戶(hù)在移動(dòng)設(shè)備上自然瀏覽信息的交互模型。

空白的無(wú)結(jié)果頁(yè)面

當(dāng)沒(méi)有找到匹配用戶(hù)搜索的產(chǎn)品時(shí)，不要讓他們有進(jìn)了死胡同的體驗(yàn)，而是提供更多的選擇，比如電商可以給用戶(hù)推薦一些類(lèi)似產(chǎn)品。如果想進(jìn)一步幫助用戶(hù)，你可以提供智能搜索糾正用戶(hù)的錯(cuò)別字。

小貼士：避免死胡同，當(dāng)沒(méi)有匹配的結(jié)果時(shí)，給用戶(hù)提供有價(jià)值的備選方案。

排序和過(guò)濾搜索結(jié)果

移動(dòng)電子商務(wù)可用性研究所Baymard觀察到：超過(guò)50％的用戶(hù)試圖在目前導(dǎo)航類(lèi)目下“進(jìn)一步搜索”，以達(dá)到“用搜索問(wèn)題過(guò)濾我的屏幕上的產(chǎn)品清單”的目的。但是，94％移動(dòng)電子商務(wù)的網(wǎng)站和應(yīng)用不支持這種行為。

給用戶(hù)提供與他們的搜索結(jié)果相關(guān)的過(guò)濾選項(xiàng)，并且讓他們每次都可以多選來(lái)過(guò)濾搜索結(jié)果。不要隱藏過(guò)濾功能中的排序功能，它們是不同的任務(wù)。

小貼士：在很多情況下，用戶(hù)應(yīng)該有排序或者過(guò)濾搜索結(jié)果的選擇權(quán)。

搜索的微交互

搜索是一個(gè)微交互和動(dòng)效的理想場(chǎng)所。

微交互是給用戶(hù)提供愉快反饋?zhàn)詈玫姆椒ㄖ弧?/p>

搜索的微交互：

· 傳達(dá)行為的結(jié)果和反饋。

·加強(qiáng)（用戶(hù)的）直接操控感。

·幫助用戶(hù)可視化他們的行為結(jié)果，防止出錯(cuò)。

本文來(lái)自成都品牌網(wǎng)站建設(shè)網(wǎng)站設(shè)計(jì)制作公司-創(chuàng)新互聯(lián)

標(biāo)簽：創(chuàng)新互聯(lián),移動(dòng)網(wǎng)站建設(shè),高端網(wǎng)站建設(shè)

新聞標(biāo)題：為移動(dòng)端用戶(hù)設(shè)計(jì)友好的搜索方式
文章地址：http://www.rwnh.cn/news16/160666.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站內(nèi)鏈、做網(wǎng)站、網(wǎng)站導(dǎo)航、微信小程序、手機(jī)網(wǎng)站建設(shè)、云服務(wù)器

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶(hù)投稿、用戶(hù)轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)