為移動端用戶設(shè)計友好的搜索方式

搜索是移動端的一項基本行為?；叵胍幌隆苿佣顺伺恼蘸蛯懽骱苌賱?chuàng)造什么，相反，移動端主要的服務(wù)是尋找什么。一個杰出的搜索方式可以幫助用戶快速簡便地找到他們想要的東西。

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

搜索欄

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

搜索欄的展示很重要

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

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

好的例子：不需要用戶做額外的動作。

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

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

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

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

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

搜索輸入

搜索強(qiáng)迫用戶做更多事，因為用戶不是僅僅想出問題就大功告成了，還得輸入它。輸入有很高的交互成本：它很容易出錯，還很費(fèi)時，即使你用鍵盤輸入也是一樣，更不用說觸摸屏了。

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

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

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

（餐館、旅店）預(yù)定表中的自動預(yù)填充建議數(shù)據(jù)在很多時候?qū)τ脩魜碚f是準(zhǔn)確的，也讓程序更加方便。

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

自動建議

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

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

歷史紀(jì)錄

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

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

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

小貼士：

· 近年來，App為用戶提供最新的搜索記錄以提升用戶體驗。

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

語音搜索

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

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

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

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

搜索進(jìn)度

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

如果搜索需要很長時間，你可以用一個不錯的小動畫。小動畫可以轉(zhuǎn)移用戶的注意力，讓他們忽略長時間的等待。

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

搜索結(jié)果

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

列表還是網(wǎng)格

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

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

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

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

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

延遲加載

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

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

空白的無結(jié)果頁面

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

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

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

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

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

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

搜索的微交互

搜索是一個微交互和動效的理想場所。

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

搜索的微交互：

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

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

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

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

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

新聞標(biāo)題：為移動端用戶設(shè)計友好的搜索方式
文章地址：http://muchs.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)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)