中文字幕日韩精品一区二区免费_精品一区二区三区国产精品无卡在_国精品无码专区一区二区三区_国产αv三级中文在线

怎么才能做好外貿(mào)網(wǎng)站搜索框的設(shè)計(jì)

2016-02-01    分類(lèi): 網(wǎng)站建設(shè)

搜索的主要目的是為了幫助用戶快速的找到他們想要的呢日用,在很多的產(chǎn)品中有著舉足輕重的作用,如:用戶通過(guò)淘寶搜索篩選想要的商品;通過(guò)知乎搜索尋找問(wèn)題答案;通過(guò)app搜索尋找自己想要的內(nèi)容......乍一看,或許很多的人會(huì)覺(jué)得搜索很簡(jiǎn)單,然而實(shí)際上,搜索涉及的邏輯很多的,那么怎么才能做好外貿(mào)網(wǎng)站搜索框的設(shè)計(jì)?
怎么才能做好外貿(mào)網(wǎng)站搜索框的設(shè)計(jì)
一、什么是搜索框?
所謂的搜索框,是一張常見(jiàn)的交互控件,主要用于精準(zhǔn)提取海量信息中準(zhǔn)確的內(nèi)容。搜索框幾乎存在的互聯(lián)網(wǎng)中每個(gè)產(chǎn)品中,幾乎所有的網(wǎng)站和APP中都有它的存在,尤其是存在于海量?jī)?nèi)容為導(dǎo)向的產(chǎn)品之中,如:音樂(lè)庫(kù)、電商類(lèi)網(wǎng)站、門(mén)戶類(lèi)網(wǎng)站.....所以做好搜索(框)尤其重要。
二、為什么要做搜索功能
主要的是為了方便用戶,讓用戶更加快捷高效的從大量信息內(nèi)容中通過(guò)一些關(guān)鍵的搜索,快速的找到自己的感興趣的內(nèi)容;其實(shí),可以通過(guò)適當(dāng)?shù)囊龑?dǎo)設(shè)計(jì)來(lái)完成產(chǎn)品的商業(yè)需求。
三、搜索應(yīng)用于哪些場(chǎng)景?
目前互聯(lián)網(wǎng)中所存在的搜索框設(shè)計(jì)有很多的,不過(guò)若細(xì)分的話,一般可以分為如下的幾大應(yīng)用場(chǎng)景:
1)作為搜索引擎入口
提到搜索,人們最先想象到的就是搜索引擎,如:谷歌,360,然而在搜索引擎中,首頁(yè)十年始終如一的搜索框是最深入人心。反過(guò)來(lái)說(shuō),正是因?yàn)樗阉饕婢揞^的成功,搜索才越發(fā)備受重視,搜索框幾乎也成為網(wǎng)站或app的標(biāo)配。
2)用于活動(dòng)推薦
有些電商網(wǎng)站,巧妙地利用搜索框中預(yù)置的詞,能夠達(dá)到活動(dòng)推薦的效果,如:上圖中搜索框內(nèi)置洗衣機(jī);一詞,用戶只需通過(guò)點(diǎn)擊搜索即可直達(dá)結(jié)果頁(yè)或者活動(dòng)頁(yè)面。
3)用于查找內(nèi)容
典型的應(yīng)用場(chǎng)景,通常是放在網(wǎng)站頂部之類(lèi)的最顯眼的位置,方便用戶看到,從而查找網(wǎng)站中的內(nèi)容,一觸即達(dá)。
4)用于快速定位
查找內(nèi)容的變種,如:在手機(jī)設(shè)置;中,當(dāng)設(shè)置的選項(xiàng)較多時(shí),通過(guò)搜索框進(jìn)行搜索,能夠快速定位到想要的設(shè)置項(xiàng)。
四、如何設(shè)計(jì)一個(gè)好用的搜索框?
1、搜索框要足夠簡(jiǎn)單
若你設(shè)計(jì)了一個(gè)搜索框,一定要確保它看起來(lái)確實(shí)像一個(gè)搜索框,并且使用起來(lái)一定要足夠簡(jiǎn)單??捎眯匝芯勘砻鳎J(rèn)情況下,不顯示高級(jí)搜索選項(xiàng)對(duì)用戶會(huì)更加友好。原因在于,高級(jí)搜索選項(xiàng)很可能會(huì)混淆要嘗試使用它的用戶。
2、尺寸大小要合適
大部分設(shè)計(jì)人員都是會(huì)犯同樣的錯(cuò)誤,那就是輸入框太短,當(dāng)用戶輸入長(zhǎng)內(nèi)容時(shí),只能看到其中的一部分,嚴(yán)重影響到用戶體驗(yàn),因?yàn)橛脩魺o(wú)法輕松地回看和編輯其剛剛才輸入的查詢(xún)條件。但是,若輸入框的長(zhǎng)度是根據(jù)用戶的預(yù)期輸入來(lái)確定大小的,這樣的話對(duì)用戶而言就會(huì)友好很多。
3、放在用戶預(yù)期找到的位置
若因?yàn)樗阉骺虿粔蛲怀?,不容易被察覺(jué),用戶還得花費(fèi)精力去找它,那這個(gè)設(shè)計(jì)無(wú)疑是不夠友好的。下面的圖表來(lái)自 A. Dawn Shaikh 和 Keisi Lenz 的一項(xiàng)研究:它顯示了參與調(diào)查的142名參與者針對(duì)網(wǎng)站中的搜索表單的位置的預(yù)期情況。研究發(fā)現(xiàn),對(duì)于用戶來(lái)說(shuō),搜索框好的位置是網(wǎng)站上每個(gè)頁(yè)面的左上方或右上方——用戶可以使用常見(jiàn)的F形瀏覽模式輕松地找到它。
上圖說(shuō)明了參與者對(duì)搜索框所處位置的預(yù)期情況,右上方仍然是用戶希望找到搜索的⑴個(gè)地方。因此,較好將搜索框放在頁(yè)面的右上方或中上方,以確保用戶能在預(yù)期的位置找到它。
小提示:
1)理想情況下,雖然搜索框在用戶需要的地方應(yīng)該能輕易出現(xiàn),但是搜索框的設(shè)計(jì)也應(yīng)該好地契合網(wǎng)站的整體設(shè)計(jì)效果。
2)內(nèi)容越重的站點(diǎn),你越希望搜索框顯著。如果搜索對(duì)你的網(wǎng)站至關(guān)重要,請(qǐng)使用大的對(duì)比度,以便搜索框和圖標(biāo)能從頁(yè)面背景和周?chē)刂忻摲f而出。

網(wǎng)頁(yè)題目:怎么才能做好外貿(mào)網(wǎng)站搜索框的設(shè)計(jì)
轉(zhuǎn)載源于:http://www.rwnh.cn/news/35168.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供Google、App設(shè)計(jì)、網(wǎng)站排名虛擬主機(jī)、軟件開(kāi)發(fā)網(wǎng)站維護(hù)

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)

搜索引擎優(yōu)化
南汇区| 壶关县| 会理县| 太仆寺旗| 威海市| 攀枝花市| 嘉峪关市| 象州县| 昌乐县| 方城县| 武清区| 岱山县| 晋中市| 石渠县| 利川市| 临沭县| 桃园市| 三穗县| 城步| 沧州市| 金昌市| 凤阳县| 永川市| 盈江县| 太原市| 靖西县| 伽师县| 海安县| 永登县| 桃园市| 阳东县| 六安市| 高要市| 石渠县| 澳门| 安义县| 彰化市| 达日县| 黔西县| 莲花县| 古交市|