創(chuàng)新互聯(lián)設(shè)計(jì)師談:從網(wǎng)頁(yè)導(dǎo)航看設(shè)計(jì)體驗(yàn)

2023-03-26    分類(lèi): 網(wǎng)站建設(shè)

近幾年,產(chǎn)品體驗(yàn)這個(gè)詞在經(jīng)常出現(xiàn)在大家的討論內(nèi)容里,大家都知道,好的產(chǎn)品體驗(yàn)可以帶來(lái)更多的用戶瀏覽人數(shù),差的產(chǎn)品體驗(yàn)在操作上的懵逼度上,大概就是瀏覽個(gè)幾秒鐘就可以關(guān)閉了。從事網(wǎng)頁(yè)幾年,多多少少接觸了很多個(gè)案例,從中也總結(jié)下幾點(diǎn)個(gè)人想法。今天來(lái)分享下對(duì)導(dǎo)航設(shè)計(jì)的見(jiàn)解及利弊端的體驗(yàn)。
一、傳統(tǒng)展示導(dǎo)航
傳統(tǒng)的導(dǎo)航是把所有的欄目都展示出來(lái),這樣方便用戶可以直接點(diǎn)擊到想要的欄目,基本符合的瀏覽群眾是屬于傳統(tǒng)派,或者快效的應(yīng)用在平臺(tái)上網(wǎng)頁(yè)的設(shè)計(jì)。弊端就是在響應(yīng)式設(shè)計(jì)上就受限了,可能在平板上和手機(jī)上就顯得擁擠了,視覺(jué)觀感差。

二、隱藏式按鈕導(dǎo)航設(shè)計(jì)

為了解決上述的問(wèn)題,我們也采取了按鈕把欄目的內(nèi)容隱藏上來(lái),這樣解決了頁(yè)面擁擠,也為頁(yè)面留下簡(jiǎn)潔的視覺(jué)感。也比較適合現(xiàn)在普遍大眾在手機(jī)應(yīng)用上的操作習(xí)慣。
三、
頂部固定滑動(dòng)導(dǎo)航

側(cè)的導(dǎo)航第一屏給人的感覺(jué)很新穎,適合設(shè)計(jì)創(chuàng)意為主的網(wǎng)站。
弊端就是不能超過(guò)太多欄目,盡量保持在一屏內(nèi),不然重新下拉第二屏其實(shí)是蠻費(fèi)力的一個(gè)體驗(yàn)感觀,當(dāng)然如果比較上了年紀(jì)的估計(jì)一開(kāi)始也不知道從哪點(diǎn),所以這個(gè)應(yīng)用的年齡群眾好偏年輕些的瀏覽群體
四、
圖標(biāo)化導(dǎo)航
圖標(biāo)導(dǎo)航設(shè)計(jì)
活潑貼切的圖標(biāo)化設(shè)計(jì)導(dǎo)航給人第一眼的感覺(jué)很形象,不過(guò)這個(gè)得考察圖標(biāo)的形象化是否符合導(dǎo)航欄目的內(nèi)容了,不然給人牛頭蛇尾的不貼切感也是很不好的。此類(lèi)網(wǎng)站多應(yīng)用于兒童樂(lè)趣活潑跳躍性多些的網(wǎng)站風(fēng)格。
五、

圖片化導(dǎo)航
這類(lèi)導(dǎo)航設(shè)計(jì)是直接把導(dǎo)航應(yīng)用在首頁(yè)設(shè)計(jì)上了,這樣突出了網(wǎng)站里的架構(gòu),信息表達(dá)能力強(qiáng)些,讓用戶的點(diǎn)擊欲望會(huì)強(qiáng)烈些,至少在選擇上提供了明確的點(diǎn)擊信息。弊端就是不能更多的展示其他信息,不過(guò)這些信息在內(nèi)頁(yè)里面去體現(xiàn)也無(wú)妨。
六、
融入式導(dǎo)航
融入式導(dǎo)航
融入導(dǎo)航設(shè)計(jì)的方法比較對(duì)圖片的選擇要求高點(diǎn),不過(guò)這樣也是一個(gè)不錯(cuò)的創(chuàng)意方式。大部分這樣的導(dǎo)航設(shè)計(jì)比較應(yīng)用在品牌化的高端網(wǎng)站,對(duì)設(shè)計(jì)的把控需要高點(diǎn)才能設(shè)計(jì)出好的首屏效果,弊端就是比較受限起圖片的選擇。

小結(jié):
導(dǎo)航往往在第一屏第一眼就有所體驗(yàn)了,目前導(dǎo)航的設(shè)計(jì)也是千層百出,不過(guò)也是萬(wàn)變不離其宗,什么樣的網(wǎng)站定位也決定了導(dǎo)航的設(shè)計(jì)方向,例如商城網(wǎng)站以推廣為主好是全部欄目都展示出來(lái)。企業(yè)品牌官網(wǎng)以簡(jiǎn)潔設(shè)計(jì)為主。導(dǎo)航雖然看起來(lái)占據(jù)的版面比較小,當(dāng)設(shè)計(jì)往往考驗(yàn)的就是對(duì)細(xì)節(jié)的把控。作為設(shè)計(jì)師這也是需要對(duì)導(dǎo)航的設(shè)計(jì)趨勢(shì)時(shí)刻注意到的。

網(wǎng)站題目:創(chuàng)新互聯(lián)設(shè)計(jì)師談:從網(wǎng)頁(yè)導(dǎo)航看設(shè)計(jì)體驗(yàn)
網(wǎng)頁(yè)網(wǎng)址:http://www.muchs.cn/news39/247789.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供建站公司、自適應(yīng)網(wǎng)站、網(wǎng)站設(shè)計(jì)、微信小程序、網(wǎng)站建設(shè)、網(wǎng)站設(shè)計(jì)公司

廣告

聲明:本網(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)

h5響應(yīng)式網(wǎng)站建設(shè)