大色欧美,色老头网站久久网,最近最新手机中文字幕在线看,最新毛片网,a视频在线播放,中文字幕一区二区三区有限公司,国产成人精品视频免费

交互設(shè)計基本功!聊聊搜索框設(shè)計的七個技巧

作者:cyRotel
2017-06-28
3742

在內(nèi)容繁雜的網(wǎng)站中,搜索框通常是最常用的設(shè)計元素。當用戶遇到相對復雜的網(wǎng)站時,他們會立即尋找搜索框,已達到最終目的。搜索框的設(shè)計及其可用性就顯得尤為重要。

許多人可能認為搜索框不需要設(shè)計,畢竟這只是兩個簡單的元素。然而,在內(nèi)容繁雜的網(wǎng)站中,搜索框通常是最常用的設(shè)計元素。當用戶遇到相對復雜的網(wǎng)站時,他們會立即尋找搜索框,已達到最終目的。搜索框的設(shè)計及其可用性就顯得尤為重要。

兩種類型

1. 即時搜索:

結(jié)果立即顯示在用戶界面上,不需要按鈕,放大鏡僅顯示為一個圖標,輸入時立即搜索。

2. 常規(guī)搜索:

通過用戶點擊搜索按鈕后才開始執(zhí)行搜索。

何時使用

1. 目標對象很難找到時

對象很多時;

可能的目標對象不在同一個位置時;如在磁盤中查找某類型文件時。

數(shù)據(jù)很難找到時;如在一篇長文本中搜索某個字符串時。

2. 需要查找特定的內(nèi)容時;比如我們在淘寶中搜索匹配某種特征的商品時。

3. 需要的結(jié)果不能在5秒找到時。

設(shè)計理念

1. 它是界面的一部分,所以要放在一個顯眼的位置,要容易找到;

2. 在同一應(yīng)用中,它們應(yīng)該有統(tǒng)一的外觀;

3. 它的功能應(yīng)該是有效的,它的結(jié)果應(yīng)該是準確的,它的速度應(yīng)該是盡可能快速的。

外觀特征

1. 不需要使用標簽,使用一個可選的提示;

2. 提示可以是一個指令(如搜索類型),或者一個范圍;

3. 提示語要簡短;

4. 即時搜索時,提示首字母大寫;常規(guī)搜索時,首字母小寫。

搜索框設(shè)計的7個技巧

1. 使用放大鏡圖標

根據(jù)定義,圖標是對象,動作或想法的可視化表示,并且有幾個圖標是用戶記憶最深刻的,也是通用的。放大鏡圖標就是其中之一。即使沒有文字標簽,用戶也可以識別放大鏡圖標的作用。

識別放大鏡圖標.png


2. 將搜索框放在用戶希望找到的地方

如果搜索對于你的應(yīng)用或網(wǎng)站來說是重要的功能,那么搜索框必須放在顯眼的位置,讓用戶一眼就能找到。

研究發(fā)現(xiàn),搜索框放置的最佳位置是你網(wǎng)站上每個頁面的左上角或右上角,用戶可以使用常見的F形掃描模式輕松找到它。理想情況下,搜索框應(yīng)該完美匹配網(wǎng)站的整體設(shè)計,并在用戶需要時輕松展現(xiàn)。

3. 為搜索框提供搜索按鈕

搜索按鈕可以幫助人們了解還有額外的觸發(fā)操作 – 即使他們通常使用Enter鍵。

4. 將搜索框放在每一頁上

始終提供對每個頁面的搜索框的訪問權(quán)限,因為如果你的用戶找不到他們正在查找的內(nèi)容,他們將會使用搜索功能,無論他們處于你網(wǎng)站的哪個位置。

搜索功能.png


5. 使搜索框簡單

如果你設(shè)計一個搜索框,請確保它看起來像一個搜索框,并盡可能簡單的使用。根據(jù)可用性研究,默認情況下沒有顯示高級搜索選項,這樣更加顯示用戶友好。高級搜索選項可能會混淆將嘗試使用它的用戶。

6. 自適應(yīng)字段大小

輸入字段太短是設(shè)計人員常見的錯誤。當然用戶可以鍵入長查詢,但只有一部分文本可見,部分文字被隱藏,這意味著可用性差。因為用戶無法輕松查看和編輯其查詢。實際上,當搜索框能夠輸入的文本有限時,用戶被迫使用短的文本進行查詢,這樣就不能精確的查詢。如果輸入字段根據(jù)其預(yù)期輸入進行大小調(diào)整,那么它們更容易閱讀并給用戶提供良好的用戶體驗。

經(jīng)驗法則是具有27個字符的文本輸入(它可以容納90%的查詢)。

字段太短.png


7. 使用自動建議機制

自動建議機制可以幫助用戶通過輸入的字符進行預(yù)測來找到正確的查詢。自動建議機制不是加快搜索過程,而是關(guān)于指導用戶并幫助他們構(gòu)建搜索查詢。用戶在查詢配置方面非常差:如果在第一次嘗試時沒有獲得良好的結(jié)果,他們可能就放棄了。自動建議機制可以幫助用戶更好地表達他們需要的搜索查詢。

Google早在2008就掌握此項技術(shù)。由于用戶傾向于多次搜索相同的內(nèi)容,通過記住搜索記錄,Google可以節(jié)省時間并創(chuàng)建更加便捷的體驗。


0
0
分享到:

0

喜歡他,就推薦他上首頁吧^_^

推薦閱讀

×

賽事服務(wù)聯(lián)系方式

0371-86068866

4008887269

cndesign@163.com

好的,我知道了

官方微信

聯(lián)系我們

  • QQ:33143335 QQ:1904200230
  • 電話:18569912460
  • 投稿:cndesign@163.com
  • 地址:鄭州市國家大學科技園東區(qū)9號樓2層

版權(quán)信息

  移動 Android 版 豫 ICP 備16038122號-2 豫公網(wǎng)安備 41019702002261號