大型下拉懸停菜單對(duì)用戶訪問(wèn)的體驗(yàn)好不好？

2023 年我們是否需要大型下拉懸停菜單？可能不是。讓我們探討在設(shè)計(jì)和構(gòu)建大型下拉菜單時(shí)要記住的事項(xiàng)、懸停菜單的替代方案以及設(shè)計(jì)更好用戶體驗(yàn)的細(xì)節(jié)。

復(fù)雜的網(wǎng)站通常依賴(lài)于復(fù)雜的導(dǎo)航。當(dāng)一個(gè)網(wǎng)站包含數(shù)千個(gè)頁(yè)面時(shí)，通常結(jié)合微型網(wǎng)站和數(shù)百個(gè)子部分，最終導(dǎo)航將變得更深入和廣泛。而如此復(fù)雜的多級(jí)導(dǎo)航，顯示選項(xiàng)的廣度需要相當(dāng)多的空間。想想大型電子商務(wù)零售商和大型企業(yè)網(wǎng)站，它們迎合了許多受眾并擁有大量切入點(diǎn)。

難怪處理這種復(fù)雜性的常用方法是讓客戶快速接觸大量導(dǎo)航。這正是大型下拉菜單在某種程度上成為網(wǎng)絡(luò)機(jī)構(gòu)的原因——盡管主要用于復(fù)雜和大型項(xiàng)目。大型下拉菜單本質(zhì)上是出現(xiàn)在用戶操作上的大型疊加層。通常它包括混合的鏈接、按鈕、縮略圖，有時(shí)還包括嵌套的下拉菜單和疊加層。

幾十年來(lái)，這種導(dǎo)航的常見(jiàn)行為是在鼠標(biāo)懸停時(shí)打開(kāi)菜單。幾十年來(lái)，一個(gè)普通用戶對(duì)這種模式的抱怨是絕對(duì)缺乏對(duì)子導(dǎo)航如何以及何時(shí)打開(kāi)和關(guān)閉的確定性和控制。

有時(shí)子菜單會(huì)意外出現(xiàn)，有時(shí)會(huì)突然消失，有時(shí)會(huì)在屏幕上停留一段時(shí)間，盡管鼠標(biāo)指針已經(jīng)在頁(yè)面的另一個(gè)非常不同的部分，或者完全在另一個(gè)頁(yè)面上。

為什么巨型下拉懸停菜單令人討厭？

大型下拉菜單使用起來(lái)很麻煩的主要原因是意圖和期望不匹配。使用懸停菜單，我們嘗試通過(guò)跟蹤鼠標(biāo)行為來(lái)推斷特定意圖并采取行動(dòng)，但我們的客戶在訪問(wèn)頁(yè)面時(shí)可能有非常不同的目標(biāo)和非常不同的限制。

客戶的行為通常是不可預(yù)測(cè)的，盡管我們的分析可能會(huì)講述一個(gè)稍微不同的故事，數(shù)據(jù)點(diǎn)在較長(zhǎng)時(shí)間內(nèi)收集并標(biāo)準(zhǔn)化。我們很少能準(zhǔn)確地預(yù)測(cè)行為。

我們通常探索的常見(jiàn)場(chǎng)景有：

客戶瞄準(zhǔn)類(lèi)別鏈接并直接前往該類(lèi)別以探索該類(lèi)別中的子導(dǎo)航項(xiàng)。

客戶將鼠標(biāo)移向屏幕上的目標(biāo)，但鼠標(biāo)必須移動(dòng)的軌跡覆蓋了一個(gè)導(dǎo)航鏈接，該鏈接會(huì)打開(kāi)一個(gè)大型下拉菜單。

但是，還有很多其他情況需要考慮。僅舉幾個(gè)：

客戶希望在輸入搜索自動(dòng)完成時(shí)查找大型下拉選項(xiàng)。為此，他們必須不斷重新打開(kāi)大型下拉菜單，或使用并排放置的單獨(dú)瀏覽選項(xiàng)卡。?

客戶可能會(huì)使用觸控板（或鼠標(biāo)）來(lái)操作大型輔助顯示器，因此指針移動(dòng)會(huì)更慢、突然且不準(zhǔn)確。這將導(dǎo)致每次用戶在前往頁(yè)面頂部的 CTA 或購(gòu)物車(chē)時(shí)暫停時(shí)，大型下拉菜單會(huì)不由自主地打開(kāi)。?

客戶想要打開(kāi)類(lèi)別頁(yè)面，因此他們前往類(lèi)別鏈接，單擊它，但由于大型下拉菜單出現(xiàn)延遲而出現(xiàn)閃爍。?

使用大型下拉菜單中的嵌套子菜單，客戶希望在他們當(dāng)前所在的類(lèi)別中探索類(lèi)似的項(xiàng)目，但由于嵌套，他們必須一遍又一遍地重新打開(kāi)大型下拉菜單，并在同樣的懸停隧道一遍又一遍。?

想象一下，當(dāng)您想要調(diào)整窗口大小時(shí)，就在您將要捕捉到窗口的右邊緣時(shí)，一個(gè)懸停菜單不斷出現(xiàn)——只是因?yàn)槟鷮⑹髽?biāo)光標(biāo)移動(dòng)得太近了。 用戶開(kāi)始慢慢向下滾動(dòng)以評(píng)估頁(yè)面上的內(nèi)容，但菜單不斷彈出。并且每次用戶移動(dòng)光標(biāo)來(lái)閱讀大型下拉菜單的內(nèi)容時(shí)，菜單都會(huì)意外消失。

問(wèn)題是我們需要支持所有這些意圖和所有這些事故，但同時(shí)我們需要確保我們不會(huì)為任何這些情況創(chuàng)造令人討厭和令人沮喪的體驗(yàn)。當(dāng)然，作為設(shè)計(jì)師和開(kāi)發(fā)人員，我們已經(jīng)發(fā)明了許多技術(shù)來(lái)解決這個(gè)問(wèn)題。

未完待續(xù)。。