為移動端用戶設計友好的搜索方式

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

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

搜索欄

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

搜索欄的展示很重要

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

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

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

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

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

使用“放大鏡”圖標

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

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

搜索輸入

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

所以這里我們的目標是——讓搜索易用。

使用良好的默認值

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

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

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

自動建議

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

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

歷史紀錄

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

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

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

小貼士：

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

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

語音搜索

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

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

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

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

搜索進度

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

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

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

搜索結(jié)果

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

列表還是網(wǎng)格

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

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

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

小貼士：前幾個搜索結(jié)果應該高度相關

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

延遲加載

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

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

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

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

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

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

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

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

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

搜索的微交互

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

微交互是給用戶提供愉快反饋最好的方法之一。

搜索的微交互：

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

·加強（用戶的）直接操控感。

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

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

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

新聞標題：為移動端用戶設計友好的搜索方式
文章地址：http://www.bm7419.com/news16/160666.html

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

廣告

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