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

導(dǎo)航欄設(shè)計(jì)樣式的定義、作用及種類樣式

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

前言

一次優(yōu)秀的用戶體驗(yàn)必不可少的就是一個(gè)優(yōu)秀的導(dǎo)航設(shè)計(jì),但往往大家總是容易忽略這一點(diǎn)!試想如果用戶在使用產(chǎn)品的時(shí)候不知道自己在哪里、該到哪里去,這種情況下會(huì)給用戶造成極差的用戶體驗(yàn),導(dǎo)致用戶直接放棄當(dāng)前操作。所以今天和大家分享一下關(guān)于導(dǎo)航設(shè)計(jì)的匯總以及優(yōu)缺點(diǎn)的分析。

1.導(dǎo)航的定義

導(dǎo)航設(shè)計(jì)的定義是:元素的組合,允許用戶在信息架構(gòu)中穿行。

簡單點(diǎn)理解就是:我們從用戶的心智模型出發(fā),結(jié)合業(yè)務(wù)目標(biāo),對(duì)信息架構(gòu)的一個(gè)梳理,來幫助用戶完成目標(biāo)。

2.導(dǎo)航的作用

導(dǎo)航設(shè)計(jì)大的作用就是:告訴用戶當(dāng)前在哪里,從哪里來,能到哪里去。

當(dāng)然我們還需要為用戶跳轉(zhuǎn)提供方法,并且能明確讓用戶感受到導(dǎo)航欄元素與頁面的關(guān)系,最后是表達(dá)出內(nèi)容與用戶瀏覽界面的關(guān)系。

3.導(dǎo)航的種類&樣式

a.底部導(dǎo)航欄設(shè)計(jì)

底部導(dǎo)航欄設(shè)計(jì)是我們最常見的導(dǎo)航模式之一,位于頁面底部,用于一級(jí)頁面當(dāng)中負(fù)責(zé)各主業(yè)務(wù)模塊的切換,一般會(huì)保持3~ 5 個(gè)標(biāo)簽,適用于頻繁切換業(yè)務(wù)模塊的產(chǎn)品。例如優(yōu)酷、豆瓣、淘寶、網(wǎng)易云音樂:

優(yōu)點(diǎn):切換快速方便,用戶不會(huì)輕易迷失;ios 原生系統(tǒng),開發(fā)成本低;屬于拇指熱區(qū)范圍內(nèi),操作方便,用戶體驗(yàn)好。

缺點(diǎn):導(dǎo)航數(shù)量有限,最多3~ 5 個(gè),可擴(kuò)展性不高;占用一定的空間,沉浸式體驗(yàn)不足,且在小機(jī)型上極其容易影響顯示區(qū)域的視覺大小。

b.頂部導(dǎo)航

頂部導(dǎo)航欄位于頁面頂部,一般位于導(dǎo)航欄或者狀態(tài)欄下方,用作于二級(jí)導(dǎo)航,基本都以純文字的形式出現(xiàn)(避免干擾用戶瀏覽頁面核心內(nèi)容),常見的頂部導(dǎo)航欄有:固定頂部標(biāo)簽導(dǎo)航&可滑動(dòng)標(biāo)簽導(dǎo)航。例如uc頭條、lofter、網(wǎng)易有錢、京東金融:

優(yōu)點(diǎn):滑動(dòng)式頂部標(biāo)簽可無限添加標(biāo)簽,可擴(kuò)展性強(qiáng);技術(shù)上,適配簡單,減少開發(fā)成本;占據(jù)空間比底部導(dǎo)航欄小,節(jié)省空間;劃屏切換,簡單便捷。

缺點(diǎn):標(biāo)簽數(shù)量多,容易導(dǎo)致產(chǎn)品頁面過多,用戶需要耗費(fèi)大量精力不斷滑動(dòng);越是后面的標(biāo)簽容易被遺忘,導(dǎo)致流量遺失。

c.舵式導(dǎo)航

舵式導(dǎo)航一般位于底部標(biāo)簽欄中間,以“+”號(hào) 的形式出現(xiàn),是產(chǎn)品中需要重點(diǎn)突出的功能,一般用于ugc內(nèi)容生產(chǎn)發(fā)布。例如閑魚、微博、lofter、轉(zhuǎn)轉(zhuǎn):


優(yōu)點(diǎn):以顏色或大小的區(qū)別來展示核心,視覺沖擊力強(qiáng),讓人更加有有點(diǎn)擊的欲望;展示效果上靈活多變,增添了交互趣味。

缺點(diǎn):層級(jí)較深,需要用戶二次點(diǎn)擊才能到達(dá)目標(biāo),增加了用戶的交互路徑,不適合頻繁切換;其次隱藏的功能不能太多,如果過多會(huì)給用戶造成選擇壓力,引起用戶的反感情緒。

d.側(cè)邊欄導(dǎo)航

側(cè)邊欄導(dǎo)航是除了核心功能意外的主要功能全部隱藏在側(cè)邊欄里,一般通過點(diǎn)擊左上角的 icon 彈出,左側(cè)區(qū)域現(xiàn)實(shí)導(dǎo)航中的內(nèi)容。例如小紅書、優(yōu)酷、滴墨書摘、滴滴:

優(yōu)點(diǎn):隱藏次要功能,聚焦核心內(nèi)容;隱藏減少非核心功能,沉浸式體驗(yàn)優(yōu)秀;節(jié)省頁面空間;標(biāo)齊選項(xiàng)可擴(kuò)展性強(qiáng)。

缺點(diǎn):其他功能使用率低;切換功能操作麻煩,交互路勁長。

名稱欄目:導(dǎo)航欄設(shè)計(jì)樣式的定義、作用及種類樣式
URL分享:http://www.rwnh.cn/news13/106563.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供品牌網(wǎng)站建設(shè)、網(wǎng)站收錄、ChatGPT、面包屑導(dǎo)航微信公眾號(hào)、企業(yè)網(wǎng)站制作

廣告

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

綿陽服務(wù)器托管
咸丰县| 调兵山市| 长武县| 富阳市| 吉安市| 大连市| 鸡东县| 鹰潭市| 治多县| 广昌县| 河南省| 滕州市| 峨眉山市| 开阳县| 丰台区| 沧源| 田林县| 池州市| 九寨沟县| 建昌县| 松潘县| 恩平市| 长汀县| 民和| 仁寿县| 邵阳市| 天水市| 夏邑县| 元氏县| 金山区| 儋州市| 南投县| 寿宁县| 广西| 涡阳县| 泗洪县| 东乡县| 北海市| 平顶山市| 巴中市| 白河县|