亚洲国产精品久久精品成人_国产步兵社区视频在线观看_国产不卡免费视频_午夜私人影院免费体验区

400-611-9921

當(dāng)前位置:首頁 > 新聞資訊 > 建站知識
為移動端用戶設(shè)計友好的搜索方式

2016-08-10

2473


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

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

搜索欄

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

搜索欄的展示很重要

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

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

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

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

小貼士:屏幕的最上方應(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)知速度。

搜索輸入

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

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

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

良好的默認(rèn)值可以降低用戶出錯的幾率。尤其是當(dāng)用戶需要反復(fù)搜索,或者是需要得到精確結(jié)果的時候,先提供些可能會符合他們實際期望的合理的默認(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ù)搜索時非常有用。這種小設(shè)計可以提升用戶體驗。

小貼士:

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

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

語音搜索

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

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

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

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

搜索進度

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

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

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

搜索結(jié)果

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

列表還是網(wǎng)格

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

這里有一點很重要你應(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)品時,不要讓他們有進了死胡同的體驗,而是提供更多的選擇,比如電商可以給用戶推薦一些類似產(chǎn)品。如果想進一步幫助用戶,你可以提供智能搜索糾正用戶的錯別字。

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

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

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

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

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

搜索的微交互

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

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

搜索的微交互:

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

· 加強(用戶的)直接操控感。

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

本文來自廣州品牌網(wǎng)站建設(shè)網(wǎng)站設(shè)計制作公司-縱天科技 

標(biāo)簽:縱天,移動網(wǎng)站建設(shè),高端網(wǎng)站建設(shè)

關(guān)注我們:在查找公眾號中搜索:zomsky1688,或者掃描下方二維碼快速關(guān)注。
廣州市縱天信息科技有限公司公眾號

免費咨詢熱線

400-611-9921

020-29860991

聯(lián)系方式

地址1:廣州市天河區(qū)珠江新城邦華環(huán)球廣場16F

業(yè)務(wù) QQ:  3561401262

E-mail:  sales@zomsky.com

微信咨詢
官方微信
微信咨詢
在線咨詢
TOP

立即與縱天項目顧問通話

400-611-9921

您也可以咨詢我們的在線客服或預(yù)約資深顧問

信息保護中,請放心填寫
關(guān)閉
免費獲取方案