一個(gè)搜索框的設(shè)計(jì)

2021-04-18    分類: 網(wǎng)站建設(shè)

搜索框乃是我們網(wǎng)站建設(shè)的一個(gè)基礎(chǔ)組成部分,更是我們網(wǎng)站設(shè)計(jì)最常用的UI控件之一,它幾乎都存在與所有的網(wǎng)站和APP之中,尤其是以內(nèi)容為主的網(wǎng)站,搜索框的重要性更是明顯,但往往有許多人認(rèn)為搜索框不需要設(shè)計(jì),甚有者直接不需要搜索框,雖然它僅僅由兩個(gè)最簡(jiǎn)單的元素構(gòu)成,但它可以讓用戶在最短的時(shí)間內(nèi)找到想要的內(nèi)容,可極大程度提升用戶體驗(yàn)度。
但至于搜索框的重要性或者是否需要搜索框,那就只能是仁者見仁智者見智,小編也就不多加議論,畢竟每一個(gè)網(wǎng)站的設(shè)計(jì)都有自己獨(dú)立的風(fēng)格,但小編只在這里介紹一下搜索框的設(shè)計(jì)和應(yīng)用,如需要使用到搜索框的朋友,倒可以作為參考借鑒只用。
一、搜索框圖標(biāo)

時(shí)至今日,搜索的概念和放大鏡的關(guān)系,早已經(jīng)深入人心、根深蒂固,相信你在網(wǎng)頁(yè)上看到放大鏡就意識(shí)到這是一個(gè)搜索功能吧!


二、搜索框的設(shè)計(jì)

搜索框的本意是能夠讓用戶快速的找到自己的內(nèi)容,所以它的位置是否足夠顯眼,能否讓用戶最快的發(fā)現(xiàn)它的存在,這都是在設(shè)計(jì)考慮范圍之內(nèi),尤其是需要點(diǎn)擊方可使用的設(shè)計(jì)非常不提倡。


三、搜索框的使用

搜索框本身是一個(gè)簡(jiǎn)單、方便、快捷的內(nèi)容篩選步驟,但卻有很多朋友常常喜歡賦予它非常多的屬性,反而引起用戶的反感。


四、搜索框的尺寸

搜索框過小基本上是最為常見的設(shè)計(jì)錯(cuò)素,因?yàn)樗阉骺蜻^小,促使了用戶使用更短、更不精確的查詢結(jié)果,影響用戶的使用體驗(yàn),引發(fā)用戶對(duì)搜索結(jié)果的不滿意聰哥放棄使用。根據(jù)成都創(chuàng)新互聯(lián)經(jīng)驗(yàn)總結(jié),搜索框承載好字符為27個(gè),百分之90的搜索內(nèi)容都在這個(gè)長(zhǎng)度以內(nèi)。


所以,不要小看一個(gè)一個(gè)搜索框的設(shè)計(jì),它雖然只是一個(gè)最普通、最常見的組件,但看似簡(jiǎn)單的搜索框背后包含了大量的知識(shí)以及設(shè)計(jì)的要素。即使是微小的更改也會(huì)對(duì)整個(gè)用戶體驗(yàn)帶來巨大的改變,謹(jǐn)慎。


當(dāng)前標(biāo)題:一個(gè)搜索框的設(shè)計(jì)
當(dāng)前URL:http://www.bm7419.com/news32/108632.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供ChatGPT、微信小程序、網(wǎng)站營(yíng)銷、企業(yè)建站、搜索引擎優(yōu)化自適應(yīng)網(wǎng)站

廣告

聲明:本網(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í)需注明來源: 創(chuàng)新互聯(lián)

商城網(wǎng)站建設(shè)