一. 前言搜索就像是用戶與app或者網(wǎng)站之間的對話:用戶通過提問表達(dá)信息需求,app或者網(wǎng)站通過展示結(jié)果來作為回應(yīng)。用戶期待流暢的搜索體驗(yàn),并且基于搜索結(jié)果的質(zhì)量用戶通常會對一個app的價(jià)值形成一個快速的判斷。當(dāng)我們設(shè)計(jì)搜索界面的時候有很多點(diǎn)是需要考慮的,不過為了方便閱讀,我將這篇文章分為兩部分來講:搜索欄的設(shè)計(jì)和結(jié)果展示頁的設(shè)計(jì)。盡管文中的某些具體建議對于你的設(shè)計(jì)需求和目標(biāo)來說會顯得比較主觀,但還是有一些通用的設(shè)計(jì)要點(diǎn)是行之有效的,它可以適用于不同的app和網(wǎng)站。在開始整篇文章之前,我們先思考一個問題——什么時候需要用到搜索?
二. 什么場景下該用/不該用搜索小的站點(diǎn)最好不要有搜索功能。當(dāng)一個網(wǎng)站的內(nèi)容有限時,其實(shí)沒必要有搜索功能。只有當(dāng)網(wǎng)站的規(guī)模和復(fù)雜度都達(dá)到一定程度的時候搜索功能才會顯得尤其重要。由于用戶通常需要找到某一個具體的商品,因此電商網(wǎng)站或許是使用搜索功能最常見的案例了。在一些大型的電商網(wǎng)站,搜索欄甚至?xí)?dú)立于頭部并且會在UI界面中占據(jù)視覺焦點(diǎn)的位置。高達(dá)30%的用戶會使用網(wǎng)站內(nèi)的搜索工具,而這一行為會極大地幫助商家搞清楚用戶到底需要什么。搜索功能對那些像訂機(jī)票或者提供信息服務(wù)的網(wǎng)站來說也尤其重要。
三.如何設(shè)計(jì)好搜索框搜索框是輸入?yún)^(qū)域和提交按鈕的組合。也許有人會認(rèn)為搜索框根本不需要設(shè)計(jì),畢竟它就只有兩個元素。但是由于搜索框在海量信息內(nèi)容的網(wǎng)站是最常被使用的設(shè)計(jì)元素,因此其易用性不言而喻。下文將分為 8 各部分來說明如何設(shè)計(jì)好搜索框:在視覺上突出搜索框搜索框與放大鏡icon配合使用將搜索框置于用戶預(yù)期的位置提供搜索按鈕告訴用戶他們可以搜索哪些內(nèi)容每個頁面都要有搜索框合適的尺寸使用智能推薦/匹配機(jī)制.