Почему гамбургер-меню и скрытая навигация вредят вашему юзабилити
Использование Navicon является одной из тенденций веб-дизайна, которая заставляет нас взглянуть по другому на навигационное меню и его роли в дизайне. И хотя сама концепция совсем не умоляет его значения и важности, но именно навигация дает веб-разработчикам больше свободы в творчестве.
Navicon меняется в зависимости от проекта, хотя большинство дизайнеров предпочитают более простые, стильные и мобильные иконки, как например с тремя линями. Эти простые маленькие иконки используются, чтобы скрыть в навигации сложные и тяжелые меню. Кажущийся на первый взгляд примитивным, небольшой символ может заметно улучшить дизайн. Кроме этого такие иконки могут быть применимы к различным видам навигации, а так же решить проблемы с быстрым доступом в случае интеграции с мобильных устройств.
Мы хотим вам показать несколько примеров сайтов, где был сделан грамотный и правильный выбор в пользу скрытого меня в паре с навигационной иконой.
В этом примере мы видим, фон из большого изображения и эффект параллакса. Сам значок меню, находится в правом углу напротив заголовка, и открывает очень подробную навигацию на другие разделы.
Довольно стильное главное изображение с не менее стильным и остроумным слоганом. Ничто другое не должно отвлекать внимание пользователя от этого мощного тандема. В этом случае скрытая навигация стала отличным решением.
Фоновое фото Chapoleone источает роскошь и изысканность, именно поэтому тут, навигационное меню любого рода уничтожит весь эффект заглавной страницы, чего не скажешь о выскальзывающем меню в верхнем углу, которое подходит, как перчатка.
Этот сайт показывает, что минималистский дизайн, основанный на классической расцветке с большим количеством белого пространства, может выглядеть фантастическим и интригующим. Здесь скрытая навигация стала идеальным выбором, завершающим весь внешний вид.
Великолепный круговой логотип в ретро-стиле бросается в глаза с первых секунд, привлекая к себе все внимание. Naviсon идеально сочетается с окружающим дизайном, так что трудно найти его сразу, хотя после нескольких секунд он, наконец, бросается в глаза.
В этом случае Naviсon направлен на дополнение всего дизайна, а также усиление впечатления. Благодаря хорошо продуманному дизайну с хоккейными воротами, которые отлично перекликаются с логотипом, кнопка вписывается в домашнюю страницу и вносит свою важную лепту.
Sam Dallyn умело направил внимание пользователей на свое портфолио. Стильная сетка расположенная в центре, безусловно выполняет свою работу на отлично. Все выглядит изысканно и утонченно, даже крошечная кнопка «гамбургер», что едва заметна на левой боковой панели, точно соответствует линии дизайна.
Самой популярной из ныне существующих операционных систем безусловно является андроид. Под ее управлением работает большинство современных устройств и различных гаджетов. Если раньше мы могли ее видеть только на смартфонах, то теперь она применяется повсеместно. Сложно представить современный телевизор, работающий под управлением другой системы. Все это происходит по одной простой причине. Данная система является очень функциональной и имеет множество настроек. Но, несмотря на свою распространенность и простоту использования, многие даже не догадываются, какие хранят в себе секреты андроид устройства.
Среди множества распространенных функций, которыми ежедневно пользуется среднестатистический пользователь, есть еще и надежно спрятанный функционал. Человек может несколько лет пользоваться своим смартфоном и даже не представлять всех возможностей своего гаджета.
Пришло время раскрыть все тайны и рассказать о скрытых «фишках» популярной операционной системы. В данной статье мы постараемся открыть все секреты андроид.
Надежно-спрятанная мини игра
На каждом устройстве, независимо от версии андроид, есть спрятанная мини игра. В разных версиях андроид она разная, но все они увлекательные и достаточно сложные. Самостоятельно догадаться, где находится данная игра практически невозможно. Она настолько хорошо спрятана, что неосведомленный человек не может запустить ее случайно. Опишем универсальный алгоритм запуска скрытой игры.
В первую очередь заходим в основные настройки устройства. В самом низу списка будет неприметный и редко используемый пункт «О телефоне». Именно он нам и нужен. Нажимаем на него и переходим дальше. Теперь на экране дисплея высветится огромное количество информации. Мы увидим название своего гаджета, количество оперативной памяти, версию ядра и еще много чего. Но, нам нужна строка с надписью «Версия андроид».
После того, как мы ее нашли, многократным быстрым нажатием на данную строчку открываем мини игру. Нажимать на эту надпись нужно именно много раз и с короткими промежутками. Точное количество нажатий сказать сложно, но можно предположить, что придется тапнуть по экрану от пяти до десяти раз.
Безусловно, на андроид можно установить и более продвинутые игры с современной графикой, но найти что-то новое в давно знакомой вещи, всегда приятно.
Безопасный режим
Современные мобильники по своей функциональности практически сравнялись с персональными компьютерами. Сложно даже сказать, в чем они уступают. В них есть свой безопасный режим загрузки, о котором знают далеко не все.
Данный режим будет особенно полезен, если в системе произошел серьезный сбой и устройство окончательно зависло. Также данная функция окажется крайне полезной для смартфонов, зараженных большим количеством вирусных программ, которые спровоцировали нарушения в работе.
Загружаясь в данном режиме, устройство блокирует абсолютно все сторонние приложения. Другими словами телефон запустится только с заводским перечнем программ. После этого можно будет удалить вредоносный софт или несовместимые приложения, которые затормаживали работу устройства.
Для того чтобы осуществить данное действие, необходимо нажать на клавишу выключения. После того, как на экране появится кнопка выключения, нажимаем ее и не отпускаем длительное время. Затем подтверждаем перезагрузку в выбранном режиме.
После перезагрузки, все установленные ранее приложения будут окрашены в черно-белый цвет. Таким образом, их легко отличить от системных программ и впоследствии удалить.
Скрытое меню
Заходя в основное меню мы видим основной перечень вкладок, которыми пользуемся для настройки своего устройства. На самом деле, это далеко не полный перечень настроек. В системе андроид есть скрытый пункт меню, который предназначен исключительно для продвинутых пользователей.
Активировать данный пункт можно перейдя в основные настройки телефона. После этого пролистываем открывшуюся страницу в самый низ. Там увидим пункт под названием «О телефоне». Именно он нам и нужен. Переходим в него при помощи одного нажатия. Среди многочисленных строчек ищем надпись «Номер сборки». Нажимаем по ней без остановки до тех пор, пока на дисплее не появится надпись с текстом «Вы разработчик».
После этого можно вас поздравить, секретный пункт меню активирован. Чтобы в него зайти, снова открываем главное меню и переходим по вкладке «Дополнительно». Теперь пролистываем страницу до конца и на одной из последних позиций будет надпись «Для разработчиков». Это и есть то самое меню, которое раньше было недоступно и даже не отображалось.
Эта вкладка таит в себе массу новых возможностей:
1. Можно посмотреть статистику процессов. По сути, данная информация предоставлена для того, чтобы проанализировать время работы приложений. Если одно из приложений работает беспрерывно и при этом не является системным, это большой повод задуматься о его удалении или остановке данного процесса.
2. Отладка по USB. Данный пункт особенно важен для опытных юзеров, которые занимаются прошивкой аппаратов и разработкой андроид-приложений.
3. Можно ограничить максимальное количество фоновых процессов.
4. Возможность отображать загрузку процессора.
5. Изменить масштаб анимации, выделить границы объектов и многое другое.
Мы не будем сейчас перечислять все пункты этого меню, их очень большое количество. Каждый может самостоятельно активировать данную опцию и ознакомиться со всеми возможностями своего устройства.
Лупа
На этом секреты андроид не заканчиваются, а скорее только начинаются. Еще одной достаточно полезной особенностью является возможность увеличения экрана или как ее еще называют – экранная лупа. Эта возможность очень выручает людей с нарушением зрения. Особенно актуальной данная функция становится для тех, у кого маленькая диагональ экрана.
Активизировать такую функцию не составит никакого труда. Как и в большинстве случаев, заходим в настройки гаджета и переходим к пункту «Специальные возможности». В этой вкладке, среди многочисленных настроек, необходимо найти «Жесты для увеличения». Активируем эту возможность и теперь можем увеличить любой участок дисплея тройным нажатием пальца.
Увеличение встроенной памяти
До недавнего времени объем внутренней памяти телефона был катастрофически маленьким. Смартфоны, обладающие объемом памяти более восьми гигабайт, считались флагманскими. С тех пор прошло много времени, но даже сейчас на некоторых моделях, объем встроенной памяти не велик. Если от них еще отнять место, которое занимает система, то пользователю практически ничего не остается. При этом вставленная флешка не спасает ситуацию, так как на нее нельзя устанавливать игры и программы.
Начиная с шестого андройда такая проблема исчезла. В данной версии операционной системы реализована очень удобная функция. Теперь если вставить флеш-накопитель в свое устройство, операционная система сразу задаст пользователю вопрос о предназначении данной флешки. Достаточно выбрать пункт, что мы хотим использовать ее как внутреннюю память. После этого ваш гаджет самостоятельно отформатирует накопитель и будет распознавать его, как внутреннюю память устройства. Это позволит без проблем устанавливать на него всевозможные игры и программы.
Пользуясь данной привилегией, стоит помнить, что все флеш-карты обладают разной скоростью передачи данных. Сейчас лучше всего использовать накопители десятого класса. В противном случае, установленный контент будет медленно открываться и некорректно работать.
Скриншот экрана андроид устройства
В процессе использования телефона часто бывает необходимо сохранить изображение экрана. Причин для этого может быть очень много: поймать стоп кадр фильма, зафиксировать появившуюся на экране ошибку, сохранить фрагмент своей переписки и т.д. Причины у каждого пользователя разные.
Для того чтобы сохранить изображение дисплея, достаточно одновременно нажать кнопку громкости вниз и клавишу выключения гаджета. После этого снимок автоматически сохранится в галерее смартфона.
Секретные коды
Как уже говорилось ранее, система андроид имеет огромное количество настроек и массу возможностей для стабилизации оболочки. Но для многих пользователей будет настоящим открытием, что управлять устройством можно не только при помощи стандартного меню настроек, но и при помощи набора секретной комбинации символов.
Из наиболее полезных комбинаций можно выделить:
*#*#0*#*#* — позволяет протестировать дисплей;
*#06#- с помощью указанной команды можно узнать уникальный imei своего гаджета;
*#*#4636#*#* — при помощи данной комбинации можно узнать множество данных о смартфоне и его аккумуляторе.
Блокировка девайса в случае кражи
Смартфоны и другие устройства под управлением операционной системы андроид, часто становятся желанным объектом для похитителей. Что же делать, если смартфон украден, а на нем хранится огромное количество личных данных, которые не должны попасть в чужие руки?
Есть один проверенный способ, который поможет надежно обезопасить вашу личную информацию. Для этого нужно перейти в основные настройки, затем открыть вкладку «безопасность». Среди предложенных вариантов, нам нужно нажать «Администраторы устройства». Активируем функцию «Удаленный поиск и блокировка». Теперь наши данные под надежной защитой. При помощи своего личного гугл-аккаунта можно заблокировать телефон, независимо от того, где он находится.
Также данная возможность будет очень актуальна в случае утери своего гаджета. Помимо блокировки устройства, все его данные можно восстановить у себя на компьютере.
Контроль трафика
У всех мобильных операторов есть свои лимиты трафика и тарифы. В большинстве случаев пользователю доступно ограниченное количество интернет трафика в месяц. Чтобы отслеживать количество израсходованных мегабайт, можно обратиться к оператору связи или установить одно из многочисленных сторонних приложений. Но если повнимательнее ознакомиться с возможностями своего смартфона, можно заметить, что в настройках есть штатная функция. Она позволяет быть в курсе истраченных мегабайт.
Чтобы установить предельный лимит, нужно зайти в основные настройки, после чего переходим к вкладке «Передача данных». Именно там можно установить количество мегабайт, которые мы планируем израсходовать. После того, как пользователь превысит указанный порог, устройство незамедлительно сообщит об этом. Кроме того с помощью данной функции можно отследить, какое приложение больше всего потребляет интернет ресурсов. Это очень удобно и позволяет экономить на GPRS-трафике.
Прочие секреты
Выше были перечислены самые интересные секреты андроид. Эти возможности являются стандартными и присутствуют на каждом устройстве. Помимо общих секретов, есть еще большое количество индивидуальных у каждого производителя телефонов и в каждой версии андроид. Дело в том, что каждый производитель использует свою уникальную оболочку андроид. При этом все оболочки отличаются между собой и имеют различные преимущества. У каждого конкретного производителя телефонов есть свои уникальные «фишки». Например на смартфонах ZTE Nubia, многократное нажатие на пустую область дисплея производит эффект разбившегося экрана. Полезной функциональности в этом нет, но выглядит очень забавно.
Подводя итог, хочется отметить, что с появлением новых версий операционной системы, количество функций и секретов андроид возрастает. Вполне возможно, что данный список скоро пополнится новыми интересными функциями.
Как меню навигации
по сайту, меню профиля пользователя
и т. д. можно скрыть и появляться они будут при нажатии и наведении. Некоторые могут сказать, что от этого страдает юзабилити страницы. Не думаю, так как страница стает чище, а значит легче ориентироваться. Человек не путается в горе ссылок.
Сегодня я подготовил коллекцию слайд-панелей
, которые по умолчанию на странице скрыты. Чтоб вызвать меню
, требуется нажать или навести мышкой на соответствующую иконку. Этот прием пришел в веб-дизайн из мобильных приложений , где нельзя разметить много элементов на одном экране. Со временем такие панели перекочевали и в веб-сайты. Данная коллекция пригодятся, в первую очередь, разработчиками мобильных, . При маленьком разрешении экрана будет появляться именно такая выезжающая навигация
, а на нормальных, больших мониторах можно сделать обычное меню, к которому все привыкли. Таким образом человек с мобильным устройством не запутается в вашем сайте, так как он давным давно привык к использованию слайд-панелей
, ведь все приложения в его смартфоне работают по такому же принципу.
Хочу заметить, что в данную коллекцию вошли плагины
, которые заточены только под мобильные сайты
и на широких мониторах их использование будет неуместно. Хотя присутствуют и универсальные панели, которые подойдут для любого веб-сайта. Смотрите демо и выбирайте, что подойдет под ваши задачи.
Выпадающие панели работают на . Внедрить в свой сайт такое меню не составит особого труда, а на сайтах разработчиков присутствуют детальные инструкции по использованию их продукта.
Вскоре мы планируем редизайн сайта «Постовой» и будем использовать в верстке один из jquery плагинов
, которые представлены ниже.
Итак. К вашему вниманию коллекция из 20 jquery плагинов выпадающих слайд-панелей
для вашего сайта. Не забываем оставлять комментарии.
Swipeable Side Menu
Симпотичное выезжающее меню навигации на jquery в виде слайд-панели . Идеально подойдет как для мобильного сайта, так и для обычного.
Transitions for Off-Canvas Navigations
Чрезвычайно мощный плагин позволяющий организовать слайд-панель , которая будет показываться с разными анимационными эффектами в том числе и 3D. Плагин включает в себя 14 эффектов анимации.
jPanelMenu
Панель навигации выполнена в стилистике IOS приложений. Легкое и быстрое меню, которое облегчит разработку мобильного сайта.
Recreate Google Nexus Menu
Выезжающая панель выполнена по аналогии с Google Nexus меню.
bigSlide - слайд-панель навигации на Jquery
Слайд-панель подойдет как для мобильного сайта, так и для обычного. Чтоб ее вызвать, требуется нажать на иконку изображающую три полоски.
Multi-Level Push Menu
Jqutry плагин работает по аналогии с bigSlide. Панель вызывается при клике на иконку. Преимущество этого меню в том, что оно поддерживает многоуровневую структуру.
Box Lid Menu
Очень красивая слайд-панель навигации с 3D эффектом.
Animated Border Menus
Кликнув на плюсик в уголку экрана появляется маленькая боковая панель с иконками. Чтоб ее скрыть, требуется нажать на иконку с символом "-".
Snap.js
Слайд-панель предназначена для мобильных устройств. Меню вызывается с помощью перетаскивания экрана курсором мышки или, если на мобильном устройстве, пальцем.
Slide and Push Menus
|
Meny
Jquery плагин позволяющий реализовать у себя на сайте классную слайд-панель навигации с 3D эффектом.
mb.jquery
В отличии от других панелей, она появляется поверх экрана, а не двигает его. В блоке можно поместить любой html, текст и вообще все что вам угодно.
Android Dock
Панель заточена под мобильные сайты и находится внизу экрана. При нажатии появляются иконки, в которые можно поместить любые ссылки.
