成人午夜视频全免费观看高清-秋霞福利视频一区二区三区-国产精品久久久久电影小说-亚洲不卡区三一区三区一区

『導(dǎo)航菜單』的用戶體驗(yàn)頁(yè)面設(shè)計(jì)

2022-06-21    分類: 用戶體驗(yàn)

對(duì)界面友好的導(dǎo)航秘訣是從導(dǎo)航菜單開(kāi)始,設(shè)計(jì)導(dǎo)航的菜單應(yīng)該由于設(shè)計(jì)過(guò)程。

可訪問(wèn)的導(dǎo)航會(huì)引導(dǎo)用戶通過(guò)界面中的信息流,幫助他們完成任務(wù),提升你的用戶體驗(yàn)和推動(dòng)你的網(wǎng)頁(yè)和移動(dòng)端的轉(zhuǎn)換。同樣,如果用戶無(wú)法找到所在頁(yè)面或應(yīng)用程序,該頁(yè)面或應(yīng)用程序就是無(wú)用的,糟糕的導(dǎo)航設(shè)計(jì)使用戶體驗(yàn)變得糟糕,導(dǎo)致用戶退出轉(zhuǎn)換渠道。因此,設(shè)計(jì)不當(dāng)或忽視用戶界面導(dǎo)航會(huì)對(duì)你的結(jié)果造成災(zāi)難性影響,這也并不奇怪。

對(duì)界面友好的導(dǎo)航秘訣是從導(dǎo)航菜單開(kāi)始。為了讓用戶在你的網(wǎng)站或應(yīng)用上從A點(diǎn)到B點(diǎn),他們需要一張地圖來(lái)指引他們。設(shè)計(jì)導(dǎo)航菜單應(yīng)優(yōu)先于設(shè)計(jì)過(guò)程。在開(kāi)發(fā)之前對(duì)導(dǎo)航菜單進(jìn)行原型化將為你提供從開(kāi)始實(shí)時(shí)可視化和交互設(shè)計(jì)所需的資源。

我們來(lái)看看5個(gè)常見(jiàn)的界面模式。

下拉菜單,用于平滑的網(wǎng)站導(dǎo)航設(shè)計(jì)


下拉菜單具有用戶可以選擇的幾個(gè)值,并從那里被帶到網(wǎng)站的另一個(gè)區(qū)域,是一個(gè)可擴(kuò)展的界面導(dǎo)航。下拉菜單是一種網(wǎng)站導(dǎo)航設(shè)計(jì),可將用戶傳輸?shù)骄W(wǎng)站中一個(gè)新的位置,并根據(jù)所選的最后一個(gè)選項(xiàng)執(zhí)行操作命令菜單。

什么時(shí)候設(shè)計(jì)下拉菜單

當(dāng)你有很多顯示選項(xiàng)并希望節(jié)省空間時(shí),下拉菜單是瀏覽網(wǎng)站的一個(gè)不錯(cuò)的方法。

熟悉易于掃描,一個(gè)好的下拉菜單可以提高點(diǎn)擊率。但它需要一個(gè)時(shí)間和地點(diǎn),所以想想你的用戶體驗(yàn)?zāi)J?。菜單需要包含足夠的?dǎo)航值,以便用戶知道怎樣與它進(jìn)行交互(例如,單擊所選值而不是使用單選按鈕進(jìn)行雙擊),而不是讓用戶難以掃描菜單列表。明智地使用它,將會(huì)為你的用戶體驗(yàn)和界面設(shè)計(jì)做出好的改變。

滑動(dòng)漢堡包移動(dòng)端菜單


滑動(dòng)漢堡包菜單或滑動(dòng)菜單是用于顯示多個(gè)鏈接,常見(jiàn)的Android和iOS移動(dòng)菜單。在“休息”位置,滑動(dòng)菜單在屏幕中隱藏。通過(guò)觸發(fā)漢堡包圖標(biāo),用戶可以訪問(wèn)未覆蓋的導(dǎo)航鏈接。

什么時(shí)候使用

滑動(dòng)漢堡包菜單適用于響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)。例如,Anroid的Gmail收件箱的導(dǎo)航抽屜,YouTube和Facebook的界面。

滑動(dòng)菜單是隱藏導(dǎo)航的理想選擇,例如,清除雜亂的具有大量導(dǎo)航鏈接的移動(dòng)屏幕。在這里閱讀更多關(guān)于滑動(dòng)菜單的好做法。

網(wǎng)頁(yè)界面模式的定位菜單


什么是定位菜單

定位菜單也可叫作粘性菜單是一種網(wǎng)頁(yè)界面模式,其中標(biāo)題區(qū)域(菜單,網(wǎng)站標(biāo)題和標(biāo)識(shí))在向下滾動(dòng)時(shí)保持可見(jiàn),頁(yè)面內(nèi)容在其下方流動(dòng)。粘性標(biāo)題已經(jīng)成為一種網(wǎng)頁(yè)界面模式的標(biāo)準(zhǔn)—— Google +和Dropbox都有粘性菜單。

什么時(shí)候使用

定位菜單應(yīng)用于要采取行動(dòng)的網(wǎng)頁(yè)頁(yè)面,如零售,電子商務(wù)網(wǎng)站。用戶可以在幾秒鐘內(nèi)到達(dá)導(dǎo)航選項(xiàng)——使定位菜單非常強(qiáng)大。速度是用戶在瀏覽網(wǎng)站時(shí)最重要的。事實(shí)上,根據(jù)Akamai and Gomez.com study,79%的網(wǎng)絡(luò)購(gòu)物者如果遇到問(wèn)題是不會(huì)再返回網(wǎng)站。

自定義多欄下拉菜單菜單,用于網(wǎng)頁(yè)導(dǎo)航


多欄下拉菜單是用于網(wǎng)站導(dǎo)航的可擴(kuò)展的多級(jí)菜單。它具有二維面板,分為導(dǎo)航選項(xiàng)(選項(xiàng)卡)組,每個(gè)選項(xiàng)卡中的所有鏈接都可以一次使用,因此無(wú)需滾動(dòng)。用戶單擊或懸停在選項(xiàng)卡上就可以查看其包含的鏈接。

像下拉菜單一樣,多欄下拉菜單會(huì)使用圖標(biāo)來(lái)提供結(jié)構(gòu)和子菜單的可見(jiàn)性。它們還可以包括導(dǎo)航鏈接旁邊的圖像或彩色字體,以將用戶的注意力引導(dǎo)到值得注意的內(nèi)容上。

何時(shí)使用

多欄下拉菜單是偉大的儲(chǔ)存空間,它隱藏內(nèi)容,直到用戶將鼠標(biāo)懸停在菜單欄上,才能顯示所有的導(dǎo)航鏈接。Nielsen Norman Group 研究表明在網(wǎng)頁(yè)上顯示的鏈接數(shù)量越多,更受歡迎的多欄下拉菜單就越多。

此菜單最適合可訪問(wèn)的網(wǎng)頁(yè)設(shè)計(jì),視覺(jué)障礙用戶或高級(jí)網(wǎng)絡(luò)用戶。它們也受到包含大量不同主題的雜志風(fēng)格博客的歡迎。

用于響應(yīng)導(dǎo)航的網(wǎng)格


網(wǎng)格是在網(wǎng)頁(yè)和移動(dòng)端導(dǎo)航中使用的一個(gè)導(dǎo)航模式。網(wǎng)格包含一組分割成可擴(kuò)展和可折疊的塊的圖像。它是另一種高度可視化的結(jié)構(gòu),允許你將可視化主題和用戶體驗(yàn)流相關(guān)元素組合在一起。

什么時(shí)候使用

網(wǎng)格內(nèi)的圖像提供了大量的點(diǎn)擊/點(diǎn)擊目標(biāo),使網(wǎng)格成為移動(dòng)界面導(dǎo)航的理想選擇。它們也用于許多的網(wǎng)頁(yè)設(shè)計(jì)和用于瀏覽視覺(jué)內(nèi)容的網(wǎng)站,如圖像共享網(wǎng)站Pinterest和音樂(lè)流媒體服務(wù)Spotify。

由于它們的邏輯和適應(yīng)性布局,網(wǎng)格是一個(gè)好的響應(yīng)式導(dǎo)航!

本文標(biāo)題:『導(dǎo)航菜單』的用戶體驗(yàn)頁(yè)面設(shè)計(jì)
瀏覽地址:http://jinyejixie.com/news/169970.html

網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián),是專注品牌與效果的網(wǎng)站制作,網(wǎng)絡(luò)營(yíng)銷seo公司;服務(wù)項(xiàng)目有用戶體驗(yàn)

廣告

聲明:本網(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)化
永州市| 中牟县| 柯坪县| 江陵县| 竹山县| 勃利县| 梧州市| 南江县| 德阳市| 塔河县| 高州市| 成都市| 西贡区| 中山市| 中江县| 田东县| 淳化县| 吴桥县| 滦南县| 吴桥县| 辽宁省| 临猗县| 霍林郭勒市| 沁阳市| 宁都县| 张家港市| 萝北县| 长治市| 淳化县| 唐河县| 双鸭山市| 华坪县| 成武县| 镇原县| 莒南县| 桐乡市| 紫金县| 昌吉市| 当涂县| 新丰县| 马尔康县|