5個方面解析手機網(wǎng)站移動端電商的搜索框設(shè)計

2015-07-23 分類：手機網(wǎng)站建設(shè)

一個好的搜索功能設(shè)計能夠很好的幫助客戶直達(dá)想要的地方，實現(xiàn)好的用戶體驗，今天分享幾個搜素框的設(shè)計技巧，希望可以給大家?guī)韱l(fā)。你無法去賣一個用戶找不到的產(chǎn)品。搜索是用戶最基本的行為，也是構(gòu)建一個可盈利的app或網(wǎng)站的重要元素。用戶在發(fā)現(xiàn)和學(xué)習(xí)產(chǎn)品時期望在app中有流暢的體驗，他們會根據(jù)搜索結(jié)果迅速判斷出一個app的價值。

一個好的搜索控件應(yīng)當(dāng)幫助用戶迅速簡便地找到用戶想要的內(nèi)容。在本文中我們將探討如何將其實現(xiàn)。

1.搜索如何放置

用戶在尋找搜索的入口時通常是迅速且粗暴的。他們通常會瀏覽一個頁面然后尋找能輸入文字的框。目標(biāo)：搜索框設(shè)計得明顯可見且很容易識別。搜索區(qū)域放在明顯的位置搜索是電商類app或網(wǎng)站的基礎(chǔ)功能，需要放在顯眼的位置，讓用戶很容易發(fā)現(xiàn)。搜索如果不放在顯眼的位置，會給用戶造成困惑,降低用戶的效率。

搜索功能隱藏在菜單選項后面電商類app應(yīng)該將搜索放在主頁的頂部（如果首頁很長，搜索應(yīng)當(dāng)固定在頂部）。如果app的詳細(xì)目錄有很多，搜索區(qū)域應(yīng)當(dāng)放在默認(rèn)位置，確保用戶很容易找到且快速可以用。搜索框里帶有放大鏡icon能夠讓用戶有廣泛共識的icon確實不多，放大鏡就是其中的一個。用戶甚至不需要有預(yù)置文字的提醒就可以知道放大鏡是搜索的意思。使用最簡單的放大鏡icon圖標(biāo)就可以了，因為icon圖片的細(xì)節(jié)并不能加快用戶的識別：范圍選擇欄（只適用于iOS版本）在iOS中，搜索有相應(yīng)的范圍選擇欄，用戶可以迅速選擇搜索的范圍，比如明確的標(biāo)準(zhǔn)或分類。然而，最好是提高搜索結(jié)果的準(zhǔn)確性，否則用戶不需要設(shè)置搜索的范圍。

2. 解析搜索需求

搜索使得用戶做得更多，因為用戶不僅要提出搜索需求，還要將問題輸入相應(yīng)位置。打字是容易出錯并且耗費時間的行為（尤其是在手機屏幕上）。

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

自動推薦

普通用戶是不了解查詢公式的：如果他們在前幾個列表中沒有找到合適的結(jié)果，后來嘗試的成功率就很低。事實上，他們常常就放棄了。自動推薦機制是基于用戶的現(xiàn)有特征嘗試去預(yù)測結(jié)果，從而幫助用戶尋找到合適的結(jié)果。當(dāng)完全自動的推薦結(jié)果奏效時，有助于用戶準(zhǔn)確表達(dá)搜索詞條。

自動推薦機制不在于提升搜索的速度，而在于引導(dǎo)用戶，幫助他們構(gòu)建他們的搜索詞條。

但是請確保自動推薦是對用戶有所幫助的。如果設(shè)計得不好，有可能會使用戶產(chǎn)生疑惑。因此可以通過使用拼寫自動矯正，識別詞根和預(yù)測內(nèi)容等方式來提高工具的可用性。