網頁設計中漢堡式菜單的利與弊

作者:佚名 來源:應酷 時間:2016-07-08 標簽: 漢堡式菜單

現在很多時候,你可能都會在移動界面的右上角看到“漢堡式菜單”,它們通常是三行堆積在一起,形狀類似于一個漢堡,因為占用空間少,所以常被作為一個網站設計功能納入網站菜單。

雖然漢堡式菜單在提供簡練的信息和簡約設計上有著巨大的優勢,而且能使網站本身看起來十分簡潔,但是也存在著巨大的缺點。

無論你怎么稱呼它,側邊欄,抽屜式導航還是漢堡式菜單,隨著時間的推移,總會有一個新的事物來代替它來提高用戶參與度。許多人在網頁設計中的漢堡式菜單上抱有爭議,以“眼不見,心不煩”這種思路來設計會降低用戶的參與度和網站的功能性。并且會降低轉化率。

使用目標菜單來保護寶貴的界面空間的設計思維像野火一樣蔓延了整個網頁設計界,漢堡式菜單這種設計方法幾乎在全線每一個網站都迅速被采用。現在改變這種方式可能為時已晚,但是討論漢堡式菜單的利與弊仍然具有價值,因為用戶的需求發生了改變。

漢堡式菜單缺乏效率

一個漢堡式菜單最基本的缺陷就是位于移動應用上突出的位置 – 左上角。對于習慣用右手操作的用戶而言,這個位置顯然并不完美,并且不適合訂閱。

在用戶能看到他們選擇的內容之前,他們必須輕點菜單,當確定這是要找的正確信息時,還得再點擊一次。如果想要回到菜單導航,他們還必須在多屏幕中進行多次點擊,選擇“是”或者“返回”等多次操作才能退回。單次看起來這可能不會有什么,但這使一個用戶找到正確界面的時間成本大大的增加了,用戶對這種操作越熟悉越覺得不妥,于是越來越多的用戶會抱怨這個模式。

在當今這個競爭異常激烈的市場,是什么讓你的網站脫穎而?是用戶,所以你所有的出發點和圍繞中心都必須是用戶。當你用漢堡式菜單簡練的概括了你網站的所有功能或者內容的時候,你就必須了解,可能存在這樣的風險,你的用戶將不會看到你的品牌到底哪里與眾不同。這傷害了整體品牌的知名度和轉換率,對于推廣你的產品也毫無益處。

用戶可能偏向“熱狗式”菜單

雖然設計師們很快完成了漢堡式菜單設計的革命,這種設計清新,美觀并且十分簡約大方,但是他們忽視了一個重要的因素——用戶需求。很多用戶并不知道這種菜單提供了什么,或者不愿意去點擊它。他們依然面無目的的在你的網站中搜索著他們需要的信息,當時這是徒勞的。

與此同時,還有這樣一批網站,它們將用戶尋求的信息設置在用戶一眼就能看到的地方,用戶不必一個個的翻找隱藏的選項,而且不用擔心自己會漏掉信息。許多網站都選擇了概括式途徑和恢復上一級菜單的設計方式(比如將其水平排列在頂部菜單),并且看起來效果很不錯。

漢堡式菜單的簡練使文本信息不易被發覺,而現在的情況是,一個普通用戶如果查看頁面十秒鐘不能發現或者理解他想要的信息,他會馬上離開,漢堡式菜單要求用戶有快速的發現能力,但這點很難實現。雖然漢堡式菜單相當吸引人,但卻忽視了用戶的實際水平。

用戶通常很難理解一個漢堡包的菜單,而傳統的菜單不能不立即被理解 。于是很多人會產生抱怨,網站試圖通過改變菜單包括后退按鈕或其他選項,如在漢堡式菜單圖標的旁邊添加文字,使之更加人性化,以減輕用戶的不滿。

但是許多改變只會使用戶對于菜單欄更加困惑,現在許多漢堡式菜單樣式和用戶在使用菜單之前,都必須先搞清楚那些選項可以使用才能使用正確的導航功能。你應該多想想其他選擇,而不僅僅只是假設漢堡式菜單包含和作用于所有網址導航。

如何打破禁錮

在許多情況下,你可以優化漢堡式菜單使其具有更高的可用性,或將其替換成別的導航選項。但是有時,你只需將漢堡式菜單移動到屏幕的右側,就足以使你的網站看起來獨特并提高用戶的參與,因為右側更容易挖掘習慣右手的用戶。

同樣,你可以優化菜單的點擊方式。在頂部菜單中,用戶通常都會將他們的注意力集中在第一個和最后一個元素,這兩個地方同樣是你放置重要信息的地方。如果你將菜單設置在側邊欄中,你需要從高到低排列不同重要程度的信息,以符合用戶垂直掃描的視圖習慣。

你同樣可以恢復到漢堡式菜單最初的模式,創造一個經典的用戶友好的頂部菜單,比如下面這個例子:

GameStop使用動畫圖標,以提高可用性,同時也完全避免了漢堡式菜單。他們已經優先調查了用戶最需要從他們的應用程序中獲得什么,在其頂部菜單中只包括這些。這樣在不需要一個抽屜式的菜單隱藏信息的情況下,該網站仍然達到一個干凈,清新的外觀。

這些圖標和文本結構會使你一眼就注意到文本內容,但是又同時保證不會搶了下方界面內容的風頭。但是事實上你并不能時時刻刻根據下文內容來調節圖標及文字的大小,這個時候,我們建議你使用純文本的菜單或者網站,這樣菜單就不需要了。無論哪種方法,首先考慮用戶,根據用戶特性進行設計。

對于那些希望能減少浪費時間的用戶來講,你的菜單應該是一目了然的,同時也必須是易理解的。實現這點功能,你需要在其他地方妥協很多。如果你想要最大程度上調動用戶的參與性,簡單和易解這兩點是必需達到的。當你困擾與菜單選項的優先次序時,記住把自己當作用戶,從用戶的角度出發。舉個例子,你的文筆可能很好,很會寫生活感悟,但是用戶到你的網站來想看的是你的產品,那么文筆再好也是次要的,只能為了突出產品做陪襯。

跟著你的直覺走

如果你在作品中已經采用了漢堡式菜單或者它的一些變形,別急著馬上用其他設計模式改變替代它,仍然有許多用戶傾心于漢堡式菜單的易用性和獨特魅力。特別是當開發一個移動應用時,在有限的空間中,漢堡式菜單就相當實用了。

盡管漢堡式菜單目前飽受爭議,但是如果你的網頁特別適合采用漢堡式菜單,那就繼續使用,只要保證你菜單中的所有部件都達到標準,能達到最佳的用戶參與度。但是如果你僅僅是出于懶惰就直接選擇了漢堡式菜單,那我認為你該重新思考一下自己的選擇了。

相較于那些比較容易淡出用戶視線的元素,將重心多放一點在菜單選擇和設計上面,但是比這個更重要的是那些能夠提高轉化效率,在正確操作下,用戶會依靠菜單來瀏覽你的網站,但是如果他們發現通過菜單并不能滿足自己的需求,那么他們就會反彈。無論是漢堡式還是其他樣式的菜單,記住,它們都只有一個作用——改善用戶體驗。

原文鏈接:

相關文章:

推薦文章

最新文章

熱門標簽

快乐炸金花 安庆市 | 江口县 | 乌兰浩特市 | 新田县 | 黔南 | 连城县 | 洪雅县 | 仲巴县 | 广南县 | 南宁市 | 富阳市 | 天祝 | 连南 | 昌黎县 | 绥江县 | 灌南县 | 噶尔县 | 三原县 | 安国市 | 慈溪市 | 德化县 | 桑植县 | 通海县 | 桂东县 | 定远县 | 盐池县 | 北碚区 | 张家川 | 牡丹江市 | 浪卡子县 | 西盟 | 张北县 | 新龙县 | 克山县 | 西宁市 | 宝鸡市 | 隆德县 | 奎屯市 | 凯里市 | 敦煌市 | 百色市 | 漳浦县 | 红桥区 | 翁牛特旗 | 尼勒克县 | 瑞安市 | 渝中区 | 阳曲县 | 安泽县 | 墨玉县 | 界首市 | 蒙阴县 | 榆林市 | 苗栗市 | 昌黎县 | 武邑县 | 郓城县 | 习水县 | 米林县 | 璧山县 | 浙江省 | 屏东市 | 金沙县 | 长泰县 | 长武县 | 崇仁县 | 阿鲁科尔沁旗 | 海晏县 | 剑河县 | 出国 | 巴里 | 义乌市 | 郸城县 | 旬邑县 | 蓬安县 | 和平县 | 广河县 | 汕尾市 | 乌拉特中旗 | 胶州市 | 牙克石市 | 绥阳县 | 鲜城 | 友谊县 | 高清 | 虎林市 | 清远市 | 汝阳县 | 长垣县 | 平乐县 | 永丰县 | 武宣县 | 阳春市 | 将乐县 | 高雄县 | 新兴县 | 专栏 | 沙雅县 | 松滋市 | 肥东县 | 景泰县 | 阳新县 | 仲巴县 | 马边 | 黄平县 | 青龙 | 云阳县 | 阳山县 | 琼结县 | 毕节市 | 乐昌市 | 苏州市 | 板桥市 | 南澳县 | 双辽市 | 虹口区 | 山阴县 | 昌吉市 | 阳高县 | 东安县 | 雷山县 | 建水县 | 临桂县 | 湖北省 | 辉县市 | 孝感市 | 茌平县 | 奉化市 | 长治县 | 伊宁市 | 西乡县 | 河南省 | 昌黎县 | 新津县 | 保德县 | 桑日县 | 东阳市 | 宾阳县 | 康定县 | 永胜县 | 昌平区 | 陈巴尔虎旗 | 鹤壁市 | 日照市 | 太和县 | 阳高县 | 威宁 | 西平县 | 乌兰察布市 | 华池县 | 七台河市 | 威远县 | 阳原县 | 襄樊市 | 丹棱县 | 伊宁县 | 中西区 | 元氏县 | 达拉特旗 | 万全县 | 寿阳县 | 英吉沙县 | 图木舒克市 | 报价 | 甘肃省 | 兴海县 | 济南市 | 南和县 | 资中县 | 通州市 | 荣成市 | 苍溪县 | 礼泉县 | 边坝县 | 犍为县 | 深圳市 | 漳浦县 | 根河市 | 长沙市 | 广州市 | 华容县 | 建瓯市 | 专栏 | 余干县 | 五台县 | 巴塘县 | 漳州市 | 新和县 | 正蓝旗 | 双鸭山市 | 凤阳县 | 汝州市 | 云霄县 | 宜黄县 | 绥化市 | 常德市 | 利津县 | 鱼台县 | 鄄城县 | 上虞市 | 耿马 | 沂南县 | 海晏县 | 锦屏县 | 永城市 | 墨江 | 呼和浩特市 | 阜新市 | 德安县 | 南丰县 | 福州市 | 新野县 | 楚雄市 | 清涧县 | 虞城县 | 乐平市 | 沧州市 | 元朗区 | 石渠县 | 崇仁县 | 鸡泽县 | 饶平县 | 大化 | 龙海市 | 鹤庆县 | 宜兰市 | 邢台县 | 东乌珠穆沁旗 | 惠州市 | 灵武市 | 麟游县 | 彝良县 | 吉首市 | 济南市 | 观塘区 | 白河县 | 博兴县 | 河东区 | 延津县 | 广宗县 | 陆河县 | 八宿县 | 盐山县 | 乐安县 | 南丹县 | 张掖市 | 阿拉尔市 | 察雅县 | 小金县 | 黄梅县 | 三明市 |