色婷婷成人综合激情免费视频,2024中文日产幕无线,亚洲午夜福利精品久久,精品精品国产欧美在线,国产又色又爽又免费的刺激软件

logo 返回列表
iOS和Android的規(guī)范搜索功能
2017-06-15 2544

    搜索這個(gè)功能,在絕大多數(shù)應(yīng)用里都會(huì)用到。它的場景也相對單一:用戶通過搜索功能,快速找到自己需要的信息/物品等。

照例我們先說Android的規(guī)范。

Google Material Design Guideline

MDMaterial Design的簡稱,下同)在關(guān)于Search這一章,開篇是一句加粗加字號的句子:“搜索使用戶可以迅速得定位應(yīng)用里的內(nèi)容”(Search allows users to locate app content quickly)。這句話也是很淺顯,不明白谷歌這么強(qiáng)調(diào)的原因。However ,這跟上面的介紹也是如出一轍。

MD建議,一般的搜索操作應(yīng)該至少包含以下三個(gè)要素:

打開搜索輸入框;輸入和提交搜索詞的;展示搜索結(jié)果。

下面的元素可以幫助提高搜索的體驗(yàn):

語音搜索;搜索歷史;搜索詞自動(dòng)補(bǔ)充,且補(bǔ)充的結(jié)果是你的應(yīng)用的數(shù)據(jù)庫中的已有詞匯(這樣可以更好地確保結(jié)果是有效的,筆者注)。

MD提供了兩種搜索的樣式:固定式搜索入口和可展開式搜索入口。

可展開式搜索

關(guān)于可展開式,還有一點(diǎn)要補(bǔ)充一下(雖然MD沒有提),就是由于一般這種形式的入口,都是放大鏡這種類型的圖標(biāo),筆者建議點(diǎn)擊后最好有個(gè)動(dòng)效,展示從放大鏡展開成為輸入框的過程。這樣會(huì)使你的應(yīng)用設(shè)計(jì)感更高,用起來更流暢。這是我的一點(diǎn)經(jīng)驗(yàn),供大家參考。

固定式搜索入口

固定式搜索入口一般用于搜索是你應(yīng)用的重要功能的情況。當(dāng)開始輸入關(guān)鍵詞,最好有關(guān)鍵詞自動(dòng)補(bǔ)充,以及清空按鈕。

可展開式入口,其實(shí)和固定式入口差不多,區(qū)別僅僅是入口形式上的不同:

iOS Human Interface Guideline

在蘋果的規(guī)范中,搜索的部分是以控件“搜索欄”(Search Bar)的形式介紹的,這與MD在邏輯上不同。MD是把搜索當(dāng)成一個(gè)模式(Pattern)來介紹的,所以從入口到輸入都有介紹。而iOS中,關(guān)于搜索的介紹只有入口:搜索欄。所以在介紹的邏輯上會(huì)有不同。

搜索欄也有兩種:視覺顯著型和視覺隱蔽型。下面展示了兩種搜索欄:

左:視覺顯著型;右:視覺隱蔽型

其實(shí)兩者的差別很小,僅限于它們的背景色:左邊的用的是純色(灰色);右邊的用的是毛玻璃效果。其實(shí)兩種的差別,也就是在視覺上是否引起人的注意,所以當(dāng)搜索的優(yōu)先級不同時(shí),可以分情況使用。

另外,蘋果還給出了一些搜索欄在設(shè)計(jì)上的建議:

1. 如果有必要,可在搜索欄中提供一些提示和上下文(來幫助用戶)。

比如輸入框中的默認(rèn)提示詞,文案可以為:“搜索衣服 鞋 首飾”或者單純的“搜索”兩個(gè)字。在輸入框的上面,也可以提供簡明的一句話提示。

2. 在搜索欄的下面,可加入“分段選擇控件”,以幫助用戶縮小搜索的范圍。

3. 考慮在搜索欄下方提供快速入口和其他內(nèi)容,以幫助用戶更快找到結(jié)果。例如iOS自帶應(yīng)用Safari,當(dāng)你點(diǎn)擊搜索欄的輸入框時(shí),應(yīng)用就會(huì)展示你的書簽,這樣通過點(diǎn)擊書簽的內(nèi)容,有時(shí)候能免去輸入的麻煩。

另一個(gè)例子是iOS自帶的股票應(yīng)用,搜索欄下面的列表會(huì)根據(jù)用戶輸入的內(nèi)容不斷刷新,方便用戶的選擇。

 分段選擇控件

分段選擇控件里,每一段所定義的范圍是否清晰且有用很重要。這里蘋果提示我們,最佳的手段,不是使用分段選擇控件,而是優(yōu)化搜索結(jié)果的列表,這樣用戶也不需要為了選擇分段而再多點(diǎn)擊一下。

相關(guān)推薦
微信掃一掃
微信掃一掃
關(guān)注公眾號,了解更多資訊
聯(lián)系客服

微信掃碼聯(lián)系客服