大型菜單的用戶體驗(yàn)解決方案（一）

2012-11-11 網(wǎng)站建設(shè)觀點(diǎn)

第一個(gè)解決方案，也是最常見的解決方案之一，是引入懸停進(jìn)入/退出延遲。我們需要確保菜單不會(huì)打開，也不會(huì)過早關(guān)閉。為此，我們引入了延遲，通常為 0.5 秒左右。這意味著我們?yōu)榭蛻籼峁┐蠹s 0.5 秒的緩沖時(shí)間：

如果需要，穿過軌跡到達(dá)遠(yuǎn)程目標(biāo)，或表明他們打算通過留在大型下拉類別鏈接上來探索導(dǎo)航，或者如果他們不小心離開了大型下拉菜單的邊界，請(qǐng)糾正錯(cuò)誤。

換句話說，只要客戶停留在大型下拉覆蓋范圍內(nèi)，我們就會(huì)繼續(xù)顯示它。一旦客戶將鼠標(biāo)光標(biāo)移出子導(dǎo)航覆蓋層至少 0.5 秒，我們就會(huì)隱藏覆蓋層。

雖然它解決了頁面意外閃爍的問題，但它會(huì)在用戶離開超級(jí)下拉菜單超過 0.5 秒的情況下引入延遲。結(jié)果，它減慢了與整個(gè)站點(diǎn)上的大型下拉列表的每次交互。不幸的是，它很快就會(huì)變得非常引人注目，尤其是在導(dǎo)航使用很多的情況下。

一些實(shí)現(xiàn)添加了淡入/淡出過渡以使巨型下拉菜單的出現(xiàn)不那么突然，但實(shí)際上它導(dǎo)致進(jìn)入/退出延遲增加到 0.8-0.9 秒，這也引入了更明顯的落后。ADAC.de就是一個(gè)例子，它具有 100 毫秒的淡入延遲和 300 毫秒的淡出過渡。（不過，在大型下拉菜單的不同類別之間切換時(shí)，這種轉(zhuǎn)換并不適用。）顯然，覆蓋層保持可見的時(shí)間越長(zhǎng)，我們對(duì)有意逃離覆蓋層的人的懲罰就越嚴(yán)厲。實(shí)際上，這會(huì)成為一個(gè)問題，因?yàn)槲覀冊(cè)谟脩舨僮骱?UI 響應(yīng)之間引入了一個(gè)表面上的超時(shí)。

上一篇：大型下拉懸停菜單對(duì)用戶訪問的體驗(yàn)好不好？返回觀點(diǎn)列表下一篇：大型菜單的用戶體驗(yàn)解決方案（二）

本文標(biāo)簽：

本文地址： http://www.bmwdream.cn/a/3374.html

相關(guān)專題

品牌官網(wǎng)設(shè)計(jì)
杭州派迪科技為高端客戶提供品牌官網(wǎng)咨詢策劃，品牌官網(wǎng)設(shè)計(jì)，品牌官網(wǎng)建設(shè)開發(fā)服務(wù)，以國(guó)際化視野和標(biāo)準(zhǔn)為基礎(chǔ)，為各行業(yè)領(lǐng)軍品牌提供高端企業(yè)網(wǎng)站定制、策劃、設(shè)計(jì)、互動(dòng)與制作
查看詳情
大策略營(yíng)銷門戶網(wǎng)站
杭州派迪科技有自己的營(yíng)銷型網(wǎng)站CMS系統(tǒng)，適合白帽SEO網(wǎng)站。特別對(duì)大策略的營(yíng)銷型門戶網(wǎng)站制作有一定的經(jīng)驗(yàn)，曾經(jīng)為上海天擎外貿(mào)行業(yè)網(wǎng)站、浙江兆龍營(yíng)銷型門戶、先臨三維門戶營(yíng)銷網(wǎng)站提供全程的技術(shù)支持及SEO優(yōu)化指導(dǎo)
查看詳情
集團(tuán)/上市公司網(wǎng)站
杭州派迪科技為杭州本地集團(tuán)公司提供網(wǎng)頁設(shè)計(jì)、制作、開發(fā)服務(wù)，為集團(tuán)公司網(wǎng)站建設(shè)提供了響應(yīng)式、營(yíng)銷型、品牌型、門戶型網(wǎng)站建設(shè)需求，歡迎廣大集團(tuán)公司客戶咨詢
查看詳情
外貿(mào)網(wǎng)站建設(shè)
杭州派迪科技為高端客戶提供外貿(mào)網(wǎng)站咨詢策劃，外貿(mào)官網(wǎng)設(shè)計(jì)，外貿(mào)官網(wǎng)建設(shè)開發(fā)服務(wù)，以谷歌搜索引起算法為基礎(chǔ)，為各行業(yè)外貿(mào)公司提供高端企業(yè)外貿(mào)網(wǎng)站定制、策劃、設(shè)計(jì)、互動(dòng)與制作
查看詳情
企業(yè)網(wǎng)站建設(shè)
高端專業(yè)、令人印象深刻的用戶界面、易于訪問——企業(yè)網(wǎng)站必須反映一切，因?yàn)榕傻峡萍荚谶@里提供幫助，憑借精湛的技術(shù)、豐富的經(jīng)驗(yàn)、與客戶的持續(xù)溝通以及對(duì)每一個(gè)細(xì)節(jié)的關(guān)注，我們確保在快速的周期時(shí)間內(nèi)提供優(yōu)質(zhì)的服務(wù)。
查看詳情
半定制網(wǎng)站
杭州派迪科技模板網(wǎng)站建設(shè)專題_各行業(yè)方案專題欄目提供各行業(yè)產(chǎn)品適合的網(wǎng)站建設(shè)方案,幫助企業(yè)了解派迪科技建站效果等信息,您可以通過本站了解各行業(yè)網(wǎng)站建設(shè)方案,如需要獲取本行業(yè)定制網(wǎng)站建設(shè)方案,可以聯(lián)系在線客服或撥打電話咨詢
查看詳情