編者按：iPhoneX 發布之后，全新的屏幕和為之適配的iOS系統，為我們呈現出全新的交互。之前我們習慣了的交互，在這塊帶著劉海的屏幕上，不再完全相同，之前恰到好處的設計，在這塊屏幕上似乎也沒法完美的運作了。產品設計師Daniel Korpai 發現了在iPhoneX移動端網頁導航上存在的交互上的問題，并撰寫此文。

使用漢堡菜單還是使用標簽式導航，是移動端UI設計師常常會糾結的問題。就目前來看，隨著手機屏幕尺寸不成控制的逐步膨脹，標簽式導航似乎越來越受歡迎。

不過值得注意的是，在移動端上APP會更加傾向于使用標簽頁導航，而絕大多數的移動端網站仍然會使用漢堡菜單作為主要的導航工具。值得注意的是，漢堡菜單這種設計在目前越來越大的手機屏幕上，可用性正在逐漸降低。

絕大多數的時候，我們會在行進中使用手機，在地鐵上，超市里，不才班路上，這個時候我們常常無法雙手操作，手上提著袋子，或者拿著一杯咖啡，或者握著地鐵上的扶手。但是往往這個時候，我們更需要同界面進行快速的交互。

多數傳統的移動端網站導航，要么在頁面的最頂端，要么在最底端，可是問題在于，手機屏幕太大了。網頁的漢堡菜單圖標卻常常位于手機的左上角或者右上角，恰好是距離拇指最遠的位置。

面對這種痛點，，UI和UX設計師們并沒有忽略。有不少設計師會和開發者協同，在網站界面的底部放置一個小尺寸的固定導航欄。在桌面端上瀏覽的時候，它看起來是懸浮在頁頭的導航，在移動端上，它是懸浮固定在頁面底部的快速拜候式的小的導航按鈕組合。

隨后，這種嘗試逐步演釀成了靠近漢堡圖標的一系列快速拜候功能按鈕，這些按鈕代表著這個網站的重要、常用的功能元素，可能是導航、電話、特定頁面的鏈接等等。

標簽：九江 鹽城 烏魯木齊 東營 林芝