Как насчет спрятать строку навигации куда-нибудь подальше?

Jun 17, 2014 11:06


Мне больше всего не нравится в адаптивной, или в маскирующейся под нее верстке, когда прячут навигационное меню в кнопку. На десктопе! Зачем?

Почему? Давным давно, когда появились первые КПК, это была редкость. Серфить интернет с них было неудобно. Как собственно и с кнопочных телефонов. Поэтому никто не заморачивался, как сайт будет выглядеть на этих экзотических устройствах, был теплый ламповый WAP и все такое. Затем появился тот самый, перевернувший мир с ног на голову, iPhone!



И понеслось, серфить интернет с телефона стало удобно и трафик с мобильных устройств начал невероятно расти. Тогда то и началась эра адаптивных дизайнов, или отзывчивых, которые подстраивались под вас, с какого бы устройства вы не заходили.

Именно потому, что длинный список меню никак не влезает на маленький экран мобильника, его начали прятать под вот такую кнопку:


Минус этого решения в том, что сразу мы не видим, какие пункты представлены в меню, и пока не нажмем, не узнаем этого. А это лишний клик каждый раз, когда мы хотим переместиться по сайту. Но на мобильном это единственный выход. Но почему-то многие дизайнеры то ли игнорируют это неудобство, то ли им просто очень нравится эта трендовая кнопочка, что они засовывают такое жутко неудобное меню в десктоп. Пожалуйста, перестаньте так делать! Отзывчивый дизайн потому так и называется, что им удобно пользоваться не только на телефоне, но и на большом мониторе. Что вам мешает сделать вот так сразу?



Мы все в лице пользовалетей останемся вашими преданными фанатами, если вы будете делать меню на десктопе классическим образом. Увы, даже на awwwards.com часто попадаются вот такие неудобные меню. И можно подумать, что я не прав, там ведь крутой европейский дизайн. Но если вы сами попробуете поюзать такой подход, то через время вы со мной согласитесь.

P.S. Вот примеры сайтов, на которых пользоваться меню сплошная мука:
http://chef-s.es/
http://purplerockscissors.com/careers
http://milescalder.com/
И так далее...

Заметьте, что на десктопе меню легко поместится сверху, но его почему-то запрятали далеко в закрома. Зачем? На этот вопрос нет ответа. Возможно, если так не делать мы не увидим крутой анимации. Но посмотрите, как сделали другие ребята,
например вот тут: www.xplaye.com + еще зафиксировали его при прокрутке!
Все для людей, молодцы! Берите пример с www.xplaye.com.

P.P.S. Совсем забыл, конечно, я не имел ввиду, что так нужно делать абсолютно везде и всегда. Например на Хабре такое меню не нужно, так как там основной акцент идет на статье. Поэтому я не выдвигаю данное предложение как единственно верное, как например подчеркнутые ссылки везде и всегда. Я этим постом хотел передать мысль, что все хорошо к конкретному месту и ситуации.

адаптив, design, сайт, css, дизайн, responsive, menu, tablet, mobile, верстка, респонсив

Previous post Next post
Up