小小搜索框澄惊,大大大學(xué)問

今天正好在體驗網(wǎng)易云閱讀唆途,看到別人家的搜索框,真是要哭了掸驱,覺得真是典范啊肛搬。看看你的搜索框需不需要優(yōu)化毕贼。

不知道顯示是不是有問題温赔,可以瀏覽小小搜索框,大大大學(xué)問?

1鬼癣、搜素位置與樣式

網(wǎng)易云閱讀-發(fā)現(xiàn)
書架
訂閱

從網(wǎng)易云閱讀的三個一級入口進入的頁面可以看到三種樣式的搜索陶贼,第一種是上圖1發(fā)現(xiàn)頁面直接長條搜索框,寬度霸占整個頁面寬度待秃,霸氣拜秧,加強了搜索可視性,以便用戶更便捷找到搜索入口章郁;上圖2書架左上角的搜索中文字樣枉氮,上圖3訂閱左上角的訂閱圖標(biāo)。這兩個搜索的位置相同暖庄,功能是一樣的聊替,一個是搜索書,一個是搜索訂閱培廓,形式不一樣惹悄,應(yīng)該是為了UI設(shè)計,頁面的美觀性肩钠。


2俘侠、搜索分類


網(wǎng)易云閱讀-搜索分類
微信-搜索分類

搜索是個很廣泛的概念,到底我們該搜索什么呢蔬将。很多搜索不僅僅是簡單的搜索,一個搜索入口很有可能可以搜素很多類型央星。對搜索分類是很好地幫助用戶理清邏輯——到底該搜索什么霞怀,更精準(zhǔn)地搜索到想要的內(nèi)容,同時莉给,也可以減輕服務(wù)器負(fù)擔(dān)毙石,使得搜索更快速廉沮。例如網(wǎng)易云閱讀搜索可以是找書、找訂閱源徐矩、找文章滞时,而微信的搜索可分為的則更多,圖中展示了朋友圈滤灯、文章坪稽、收藏、餐廳鳞骤,實際搜索顯示的分類更多窒百,還有聊天記錄、功能等豫尽,大家可以去嘗試一下篙梢。PS:支付寶的搜索和微信的一樣呢。

3美旧、搜索提示與搜索結(jié)果分類


網(wǎng)易云閱讀-搜索提示
微信-搜索提示

搜索提示是指在你輸入搜索內(nèi)容之后渤滞,自動跳出搜索你可能需要的內(nèi)容,跟百度搜素類似哈榴嗅。好的搜索體驗是對搜索結(jié)果也分類妄呕,微信的搜索分類更加清晰,我輸入“你的”录肯,搜索結(jié)果分成聊天記錄趴腋、收藏、搜一搜三大類论咏,很好的顯示效果优炬,也易于理解。而網(wǎng)易云閱讀則是在分為目標(biāo)搜索內(nèi)容和二級搜素入口厅贪。我輸入“看見”蠢护,搜索結(jié)果最前面的是看見這本書,后面的是其他二級搜索入口养涮。

4葵硕、自動提示

我們看微信,輸入搜索內(nèi)容之后贯吓,并沒有相應(yīng)的搜索按鈕給你點擊懈凹,而是自動顯示搜索結(jié)果。而網(wǎng)易云閱讀悄谐,也有自動搜素功能介评,截圖參照前面的,但是你可以看到搜索框右邊仍有一個搜索字樣提供你手動搜索。這是搜索結(jié)果顯示模式不一樣们陆,微信搜索結(jié)果是將包含該字樣的信息全部輸出到自動提示寒瓦,包含了所有可能的結(jié)果,所以微信的自動提示就是全部搜索結(jié)果坪仇。不需要你手動點擊搜索杂腰。而網(wǎng)易云閱讀的搜索提示是根據(jù)你的搜索內(nèi)容做的最精準(zhǔn)的提示,但是不是完全搜索椅文,如若需要完全搜索還需要點擊右邊的搜索字樣按鈕喂很。

5、最熱最新搜索

看到網(wǎng)易云閱讀還有最熱最新搜索雾袱,還可以刷新恤筛,顯示別的內(nèi)容。

6芹橡、語音搜索

看到我們大微信是有的毒坛,大概也就社交產(chǎn)品才有語音搜索功能吧。PS谷歌新出的Cortana林说,語音搜索很棒啊煎殷,說一句“你好,小娜”就能啟動Cortana腿箩,win10豪直,安卓,蘋果都有哦珠移。

7弓乙、高級搜索

看到學(xué)校圖書館系統(tǒng)就有高級搜索,當(dāng)搜索指標(biāo)比較多钧惧,比如光是搜索書名暇韧,可能有很多同名書籍,這時就需要再搜索作者浓瞪,出版社等搜索項了懈玻。但是高級搜索是畢竟比較高級,相比乾颁,我覺得過濾導(dǎo)航也是值得推崇的涂乌。通過過濾導(dǎo)航,可按照產(chǎn)品的屬性英岭,例如顏色湾盒、價格范圍、品牌诅妹、適合性別历涝、大小、分類與子分類、風(fēng)格荧库、折扣等等,將客戶引導(dǎo)至具體的產(chǎn)品頁面赵刑。這種方式?jīng)]有限制分衫,我們可以更具實際情況,自由設(shè)置過濾導(dǎo)航項般此。

好吧蚪战,再扯下去救扯遠(yuǎn)了,over

歡迎關(guān)注微信公眾號:i-product铐懊。都是原創(chuàng)的邀桑,用戶量多才能堅持寫啊,謝謝各位科乎。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末壁畸,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子茅茂,更是在濱河造成了極大的恐慌捏萍,老刑警劉巖,帶你破解...
    沈念sama閱讀 212,816評論 6 492
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件空闲,死亡現(xiàn)場離奇詭異令杈,居然都是意外死亡,警方通過查閱死者的電腦和手機碴倾,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,729評論 3 385
  • 文/潘曉璐 我一進店門逗噩,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人跌榔,你說我怎么就攤上這事异雁。” “怎么了矫户?”我有些...
    開封第一講書人閱讀 158,300評論 0 348
  • 文/不壞的土叔 我叫張陵片迅,是天一觀的道長。 經(jīng)常有香客問我皆辽,道長柑蛇,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 56,780評論 1 285
  • 正文 為了忘掉前任驱闷,我火速辦了婚禮耻台,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘空另。我一直安慰自己盆耽,他們只是感情好,可當(dāng)我...
    茶點故事閱讀 65,890評論 6 385
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著摄杂,像睡著了一般坝咐。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上析恢,一...
    開封第一講書人閱讀 50,084評論 1 291
  • 那天墨坚,我揣著相機與錄音,去河邊找鬼映挂。 笑死泽篮,一個胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的柑船。 我是一名探鬼主播帽撑,決...
    沈念sama閱讀 39,151評論 3 410
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼鞍时!你這毒婦竟也來了亏拉?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 37,912評論 0 268
  • 序言:老撾萬榮一對情侶失蹤寸癌,失蹤者是張志新(化名)和其女友劉穎专筷,沒想到半個月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體蒸苇,經(jīng)...
    沈念sama閱讀 44,355評論 1 303
  • 正文 獨居荒郊野嶺守林人離奇死亡磷蛹,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,666評論 2 327
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了溪烤。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片味咳。...
    茶點故事閱讀 38,809評論 1 341
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖檬嘀,靈堂內(nèi)的尸體忽然破棺而出槽驶,到底是詐尸還是另有隱情,我是刑警寧澤鸳兽,帶...
    沈念sama閱讀 34,504評論 4 334
  • 正文 年R本政府宣布掂铐,位于F島的核電站,受9級特大地震影響揍异,放射性物質(zhì)發(fā)生泄漏全陨。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 40,150評論 3 317
  • 文/蒙蒙 一衷掷、第九天 我趴在偏房一處隱蔽的房頂上張望辱姨。 院中可真熱鬧,春花似錦戚嗅、人聲如沸雨涛。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,882評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽替久。三九已至凉泄,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間侣肄,已是汗流浹背旧困。 一陣腳步聲響...
    開封第一講書人閱讀 32,121評論 1 267
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留稼锅,地道東北人。 一個月前我還...
    沈念sama閱讀 46,628評論 2 362
  • 正文 我出身青樓僚纷,卻偏偏與公主長得像矩距,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子怖竭,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 43,724評論 2 351

推薦閱讀更多精彩內(nèi)容

  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 171,870評論 25 707
  • 最近由于工作需要锥债,調(diào)研學(xué)習(xí)各類產(chǎn)品的搜索功能,于是準(zhǔn)備做個筆記和大家分享痊臭,也督促自己總結(jié)抽象哮肚。 首先思考一個問題,...
    兔子的產(chǎn)品實驗田閱讀 7,443評論 11 70
  • 發(fā)現(xiàn) 關(guān)注 消息 iOS 第三方庫广匙、插件允趟、知名博客總結(jié) 作者大灰狼的小綿羊哥哥關(guān)注 2017.06.26 09:4...
    肇東周閱讀 12,066評論 4 62
  • 文/山雨 走在回家的路上 突然耳邊出來 打閃了 我隨即仰視天空 一片黑漆漆 不一會兒 騎著車的手 猛不丁 ...
    如影泡幻閱讀 111評論 1 2
  • 1.[ei] 發(fā)音技巧: 該音是個雙元音,是字母a在重讀開音節(jié)單詞中的讀音鸦致。先發(fā)/e/音潮剪,然后滑向/i/音。雙唇稍...
    Queenie徐倩閱讀 2,875評論 0 1