Что такое в телефоне навигационная панель
Навигация в Android: от UX до реализации. Часть 1
На сегодняшний день мобильные приложения имеют довольно богатый функционал и помогают пользователям мобильных устройств в различных делах. С каждым обновлением приложения разработчики исправляют баги и добавляют новый функционал. Когда в приложении становится большое количество фич, очень важным моментом становится грамотно продуманный UX.
С добавлением функционала пользователь не должен быть утомлен поиском новой фичи и доступ к ней от запуска приложения должен происходить за минимальное количество действий.
Но заботиться стоит не только о пользователе приложения, но и о разработчиках, которые его делают. Добавление новой фичи и обеспечение доступа к ней не должно выливаться в большую проблему.
В этой серии статей мы поговорим об этих проблемах и рассмотрим основные решения. Если вас заинтересовала эта тема, то прошу под кат
Что такое навигация?
Навигация — процесс управления некоторым объектом (имеющим собственные методы передвижения) в пространстве передвижения.
В понимании мобильного приложения это то, что позволяет перемещаться между различными фичами.
Можно сказать, что навигация состоит из:
Программная реализация — код приложения, от которого будет зависеть поведение навигации. Например, часто навигация реализовывается так, чтобы соблюдались принципы навигации, которые не так давно Google изложили в документации.
Как вы уже могли заметить, во многих популярных приложениях примерно одинаково организована панель навигации — то, что позволяет выбрать в приложении какой-то раздел, к которому нужно перейти. Например, в приложении ВК при нажатии на иконку “Новости” приложение переходит к экрану с лентой новостей.
Почему повторяются решения?
Как и в любой другой профессиональной сфере деятельности в разработке мобильных приложений, в том числе в проектировании UX, принято придерживаться устоявшихся решений.
За, казалось бы, небольшой промежуток времени существования мобильного рынка разработчиками был придуман ряд элегантных решений организации функционала в приложении и решений навигации между его фичами.
Аналитика подтверждает успешность устоявшихся решений — пользователи за все время существования мобильных приложений успели привыкнуть и полюбить их.
Человек быстро привыкает к хорошим решениям и предложить альтернативу почти противоположную готовым, хоть и отличную по удобству (по вашему мнению) очень не просто. Это может выйти в большую проблему — потерю клиентов.
Виды навигационных панелей
Drawer Layout
Это выдвигающаяся панель сбоку, чаще всего слева. Данное решение было введено компанией Google и описывается в официальных гайдлайнах Material Design по дизайну Android приложений.
Drawer Layout рекомендуется использовать для навигации между фичами приложения.
Доступ к элементу панели достигается за одно действие: свайп со стороны панели в противоположную сторону или тап по значку “гамбургера”.
Предпосылки использования
Drawer отлично подойдет для тех случаев, когда в приложении имеется довольно большое количество важных фич (более 5) и доступ к ним хотелось бы иметь за минимальное количество шагов. В общей сложности доступ к фиче получается в 2 действия: свайп (или тап по “гамбургеру”) + тап по item (элемент на панели навигации, в дальнейшем итем) самой фичи.
Плюсы
Минусы
Хорошие примеры
Tab Navigation
Гайдлайны Material настаивают, чтобы мы назвали такой вид навигации Bottom Navigation, но я очень часто встречаю приложения и уже готовые библиотеки, в которых такая панель может располагаться сверху, слева, справа. Поэтому считаю, что не будет ошибкой называть ее Tab Navigation из-за ее основных компонентов — табов.
В гайдлайнах также есть термин и Tab Navigation, но суть его заключается ровно в том же (хотя и предназначена для навигации между подфичами). Поэтому эти два термина объединим в один Tab Navigation и будем подразумевать под ним панель, которая располагается вдоль одной из сторон экрана и все время видна пользователю.
Предпосылки использования
Плюсы
Минусы
Крайний итем справа в виде гамбургера открывает список всех остальных фич
приложения
Хорошие примеры
Circle Menu
В каком-то месте экрана (в идеале справа снизу, так как большинство людей правши и это самое удобное место для тапа при захвате смартфона одной рукой) помещается круглая кнопка (чаще всего с иконкой гамбургера) по нажатию на которую появляется панель в виде совокупности круглых итемов, которые скрываются либо при выборе одного из них, либо по тапу на свободное пространство.
Предпосылки использования
Если вы хотите удивить пользователя и уместить на панель до 9 фич, то это хороший выбор. Любая фича будет доступна в 2 тапа: по кнопке, открывающей панель и по итему.
Плюсы
Минусы
Classic Menu
Классическое меню — имеется главная панель, которая занимает весь экран и
содержит в себе все фичи приложения. Уже почти не встретить в Google Play
приложения с такой навигацией, так как она содержит ряд ограничений и реализация
на ней основных кейсов (об этом в следующих главах) будет невозможна.
Предпосылки использования
Такое решение можно взять, если нужно реализовать небольшое приложение. Также
такой подход будет неплох для тренировки начинающим разработчикам.
Любая фича доступна в один клик, но если предполагается большая вложенность фич
(то есть из одной фичи будет открываться следующая, а из нее еще и еще), то это
решение будет худшим из всех возможных, так как спускаясь глубже и глубже к
какой-то фиче пользователь удаляется от главной панели навигации и при желании
перейти к другой фиче придется совершить огромный путь “домой”.
Плюсы
Минусы
Гибридные навигации
Так получается, что использование лишь одного типа навигации бывает недостаточно
из-за избытка контента. Тогда принимается решение комбинировать различные типы
навигации.
Tab + Classic Navigation
Так, например, сделали в новом приложении ВК:
Так как в приложении есть очень много фич, то разместить их все на одной нижней
панели просто невозможно. Поэтому создается один из итемов, который открывает
панель со всеми фичами, которые не вошли на нижнюю панель.
Drawer + Tab Navigation
Приложения для изучения английского языка Lingualeo
Для разбиения какой-то фичи на подфичи можно использовать Tab Navigation. Причем
для такого разделения используют чаще всего панель сверху.
Таблица видов навигаций
Мы обзорно рассмотрели часто встречающиеся виды навигаций, их особенности,
плюсы и ограничения. Теперь было бы неплохо все собрать в одну картину и
составить рекомендации по выбору вида навигации для разных приложений.
Так как у нас какие-то виды хороши для одних условий, какие-то для других, то можно
составить таблицу с параметрами и весом для каждого.
Будем считать, что для приложения выбирается только один тип навигации.
По данной таблице можно примерно понять в каком типе навигации нуждается ваше
приложение.
Разберем пример: Необходимо реализовать приложение с 7 главными фичами,
очевидным интерфейсом, и с каждого экрана есть возможность “уходить глубже” на
другие фичи.
Для определения рекомендуемого вида нам нужно сложить веса всех трех параметров
и сравнить полученные суммы каждого вида навигации:
Drawer Layout: 2 + 2 + 2 = 6
Tab Navigation: 0 + 2 + 2 = 4
Circle Menu: 1 + 0 + 2 = 3
Classic Menu: 1 + 2 + 0 = 3
Как видим, самым подходящим видом навигации будет Drawer Layout, так как он
набрал наибольшую сумму. Ближайший “конкурент” Tab Navigation проиграл по
параметру большого количества главных фич.
Такая таблица очень условна и не может дать абсолютно точный ответ, но может помочь сориентировать начинающего разработчика хотя бы в какую сторону стоит посмотреть 🙂
В следующей статье мы поговорим уже о том, КАК и с помощью чего реализовывать навигацию в Android приложении
Навигационная панель Samsung: что это такое
12.12.2019 6,899 Просмотры
В настоящее время все большую популярность завоевывают на рынке мобильные телефоны марки Samsung. Естественно, пользователи стремятся разобраться в навороченных устройствах и сделать так, чтобы не осталось белых пятен и неизвестных надписей. Так, в данной статье будет рассказано, что такое навигационная панель и что с ней можно делать, какие у нее функции.
Прежде всего, давайте разберемся, где ее найти. Для этого нужно сначала зайти в Настройки, затем в Дисплей (Яркость, Фильтр синего цвета, Главный экран). Высветится окно с яркостью, адаптативной яркостью и т.д., нужно пролистать вниз и между окошками «Простой режим» и «Защита от случайного касания» будет расположена Навигационная панель.
Ее функция заключается в том, чтобы управлять с помощью кнопок «Домой», «Последние» и «Назад», или использовать заданные самим пользователем жесты с целью освободить экран.
Когда нажмете на Навигационную панель, там будет такое окно – будут показаны кнопки на телефоне, расположенные снизу в 4 вариантах. Нужно выбрать тип навигации. Это будут окошки: «Кнопки навигации», «Жесты в полноэкранном режиме» и «Порядок кнопок». Если не желаете, чтобы экран навигации отображалась, необходимо выбрать кружочек второй – «Жесты».
Также нужно выбрать порядок кнопок, который комфортен для пользователя.
Помимо этого, с помощью навигационной панели можно менять ее цвет и даже регулировать чувствительность нажатия. Производители Samsung на этом не остановились и, как вы уже знаете, панель навигации можно скрыть.
На других андроидах ее можно убрать автоматически. Это удобно потому что если случайно задеть панель, то можно вылететь из игры или закрыть важный сайт, окно с фильмом и в целом сильно осторожничать. В левом верхнем экране Самсунга есть маленькая точка, которая отвечает за переключение режима отображения экрана. То есть, с помощью нее можно автоматически сворачивать его.
Как уже понятно, в настройках нужно просто ее добавить на навигацию.
Таким образом, навигационное табло – это полоска внизу с кнопками, функции которых могут меняться. Это зависит от приложения, которое используется в данный момент, а также условий эксплуатации. Три полоски – это «последние», ее функция состоит в скрытии недавно открытых приложений. Квадратик с закругленными краями – Главный экран, возвращает на главный экран, если долго держать, то открывается Google Assistant. Значок «меньше» – Назад, он возвращает пользователя на предыдущий экран.
Типом навигации может быть либо скрытие либо отображение этой панели.
В общем, после прочтения статьи, надеемся, вопросов у пользователей Samsung больше не осталось.
Навигационные кнопки Андроид: для чего они нужны, как их отключить и вернуть
Например, вы можете настроить панель навигации, чтобы добавить дополнительные кнопки, которые могут выполнять такие действия, как создание снимка экрана, отключение центра уведомлений и многое другое. В этой статье мы покажем вам, как можно настроить панель навигации на Android, чтобы сделать ее более полезной.
Примечание: Хотя приложению не требуются права root для работы, вам необходимо предоставить привилегированное системное разрешение через ADB. Чтобы настроить ADB, прочтите это простое руководство. Обратите внимание, что это приложение будет работать только в том случае, если на вашем устройстве есть экранная панель навигации.
Для чего нужны кнопки навигации на телефоне?
Это полезные, обеспечивающие удобство. Работать с ними нужно следующим образом:
Если нет навигации, опция предусмотрена на телефоне. Активировать ее можно через настройки. Необходимо перейти туда. Найти и выбрать вкладку Система. На странице пользователь должен найти навигацию и включить ее. деактивировать объект требуется по аналогичной схеме.
О навигационной виртуальной панели
Компания Honor понимает, как владельцам смартфона важен размер экрана, поэтому увеличивает подобным решением дисплей, убирая привычные кнопки на виртуальную панель навигации. Таким образом, пользователи honor 10 управляют смартфоном, касаясь самого экрана. Многим владельцам такой интерфейс неудобен и непривычен, особенно после использования обыкновенных физических кнопок. По умолчанию навигационная панель включает в себя 3 кнопки: «Назад», «Домой» и «Меню». Эти клавиши располагаются в самом низу экрана, занимая часть рабочего пространства.
Требуется действительно время, чтобы понять, для чего нужен треугольник, круг и квадрат в нижней части экрана. Если треугольник хоть как-то напоминает кнопку «Назад», то с двумя другими возникают проблемы. Всего 3 кнопки, но поначалу может возникнуть немало трудностей.
Выглядит навигационная панель следующим образом:
К счастью, можно отредактировать навигационную панель или вовсе убрать наэкранные кнопки в honor 10.
Как убрать кнопки навигации на Андроид?
При желании пользователь может убрать один элемент встроенной навигации. Если подобная необходимость возникает, рекомендуется выполнить следующие манипуляции:
Навигационные кнопки андроид можно перемещать по собственному усмотрению. Подобным образом можно работать с элементами. Разрешается очистить панель управления полностью. Чтобы ускорить процесс, убрать все опции одновременно, придется использовать специальные сторонние приложения.
Меняем настройки
Если ваша текущая клавиатура выглядит, что называется, не от мира сего и навязана вам производителем гаджета, то для включения штатного инструмента необходимо покопаться в настройках.
Чтобы изменить клавиатуру на андроиде, необходимо выполнить следующий порядок действий:
Что касается смены языка ввода, то здесь все очень просто. Штатная, да и добрая половина сторонних клавиатур имеют, как правило, в нижней части значок глобуса, где по его клику меняется локализация.
Как скрыть кнопки навигации на Андроид?
При необходимости пользователь может за один раз убрать показатели состояния. Это поможет получить отображение ПО на дисплей. Для осуществления данной операции следует ввести код SYSTEM_UI_FLAG_FULLSCREEN.
После активации исчезнет расположенная сверху полоска. Пропадет название утилиты. Оно передвинется вверх. Если потребуется его убрать, стоит добавить две дополнительные строки кода – ActionBaractionBar = getActionBar() и actionBar.hide().
Пользователям предоставляется возможность объединить флаги. За счет этого получится скрыть одновременно панель управления и строку функционирования смартфона. Несмотря на удобство и универсальность метода, важно помнить, что нажатие на дисплей вернет панель. Строка будет отражаться снова. При активации кнопки Домой человек вернется в утилиту. При этом будет видно строку состояния.
Скрыть панель навигации с помощью Build.Prop Editor (Root)
Несмотря на то, что вышеупомянутые приложения достаточно хороши, чтобы временно скрыть панель навигации, можно навсегда избавиться от нее и прибегнуть к другим методам навигации, таким как Pie Control или аппаратные кнопки (если они есть на вашем устройстве). Таким образом, вы можете отредактировать файл build.prop вашего устройства, чтобы полностью избавиться от панели навигации.
Примечание. Прежде чем приступить к выполнению следующих шагов, убедитесь, что на вашем устройстве настроен хотя бы один способ навигации, например, Simple Pie или ваши емкостные аппаратные кнопки.
Как вернуть их обратно?
ОС Андроид – гибкая система. При желании скрытые элементы можно быстро вернуть. Для выполнения подобной операции не нужно скачивать сторонние приложения. Одним из самых популярных приложений считается Ultimate Dynamic Navbar. Используя его, пользователь должен выполнить такие действия:
Если у Вас остались вопросы — сообщите нам Задать вопрос
Остальные необходимые настройки следует установить по собственному усмотрению. Если все действия выполнить правильно, появится плавающая панель. При этом стандартная никуда не исчезает. Чтобы скрыть ее, потребуется задействовать утилиту Xposed Framework.
Если появится желание вернуть обратно, потребуется действовать по противоположной схеме. Зайти в настройки, проверить, чтобы были отключены ранее включенные опции. Главное, следовать подобной инструкции. Можно будет установить или убрать панель с регулирующими кнопками.
Не выделенная активная кнопка
Многие дизайнеры забывают выделить кнопку того раздела меню, навигационного меню (тот раздел меню, в котором находится пользователь). Когда посетитель кликает по кнопке, ему нужна ответная реакция — визуальное подтверждение того, что он выбрал.
Без этого легко потерять понимание где именно на сайте вы находитесь. Пользователь может перепутать одну страницу с другой схожей.
Используйте изменение формы и цветовой контраст, чтобы выделить выбранную кнопку. Изменение только цвета может вызвать проблемы у людей с искаженным цветовосприятием.
Стандартный способ выделить пункт меню — нижнее подчеркивание. Вы также можете создать контур по периметру кнопки, однако в этом случае будьте внимательны, чтобы этот элемент не конкурировал с кнопками призыва к действию на этой же странице.
Название раздела также должно появляться в заголовке страницы. Но выделение пункта в меню сделает его статус предельно очевидным и исключит ошибки.
Как поменять местами кнопки навигации на Android 9?
Владелец устройства наделен возможностью поменять местами кнопки навигации на android 9. Если появится желание перейти на полное управление жестами, их можно скрыть. Есть стандартная схема изменения кнопок:
Если не получилось отыскать нужный пункт, потребуется действовать иным образом. В поиске следует указать ключ Кнопка. Далее выбирается пункт меню. Подобная схема действий активна на всех сенсорных телефонах.
Зачем современному смартфону до сих пор нужны физические кнопки?
Физические/емкостные или экранные кнопки — что лучше? По этому вопросу существуют различные мнения, но он продолжает рассматриваться в различных ракурсах. И до сих пор есть спрос на телефоны и с физическими, и с сенсорными кнопками. Даже с той поры, когда Google ясно дала понять, что ОС Android предназначена только для экранных кнопок, такие производители, как Samsung и даже HTC, продолжают оборудовать свои девайсы физическими кнопками.
Впрочем, другие производители, в числе которых LG, Sony и Motorola, практически полностью следуют подходу Google, ограничиваясь в своих девайсах программными кнопками. Преимущества и недостатки физических и программных кнопок были рассмотрены Эдгаром Сервантесом (Edgar Cervantes) в опубликованной ресурсом Android Authority заметке «Physical vs. on-screen buttons – what’s your pick?».
Более того, даже BlackBerry Priv, за которым могут последовать менее дорогие смартфоны компании, — телефон с полноценной клавиатурой — обладает экранными кнопками навигации. Впрочем, вопрос о том, какие кнопки лучше и, главное, почему, остается актуальным. Увы, этот вопрос относится к числу тех, однозначного ответа на который не существует.
Немного истории
В 2011 году компания Google выпустила Galaxy Nexus и новую на тот момент операционную систему Android 4.0 Ice Cream Sandwich. Впоследствии новые Nexus стали сопровождаться очередной версией Android. Android 4.0 Ice Cream Sandwich предназначалась и для планшетов, и для смартфонов, что стало большим шагом вперед для операционной системы.
Среди других изменений, коснувшихся операционной системы, стало появление программных кнопок. Это был девайс будущего, и он изменил представление о том, как следует выглядеть современному смартфону. Пользователи знают об этом, но многие из них по-прежнему продолжают любить физические кнопки.
Физические/емкостные кнопки
Начнем с повествования о недостатках физических кнопок. Прежде всего, начинающим пользователям придется приложить больше усилий, чтобы научиться ими пользоваться, в особенности если речь идет о механических кнопках, требующих нажатия, а не касания. Это, разумеется, не тяжело, но многие пользователи привыкли к тому, что усилий можно прикладывать еще меньше.
Второй момент касается надежности. Физические кнопки — дополнительные элементы, которые могут сломаться. И не следует забывать, что эти кнопки являются постоянными элементами дизайна девайса. Они навсегда останутся там, куда их поместил производитель устройства. Они никуда не переместятся и не обновятся.
Но есть у физических кнопок и определенные преимущества. Многие начинающие пользователи предпочли бы ощущать под своими пальцами реальные кнопки и чувствовать тактильный отклик, чего не следует ожидать от сенсорных кнопок. Некоторые вещи — например, получение доступа к камере — можно делать, даже не разблокируя телефон, в особенности в том случае, когда девайс обладает специальной кнопкой камеры.
И, что очень важно, физические кнопки позволяют увеличить полезное пространство экрана. Телефоны становятся больше, их экраны продолжают совершенствоваться, но многие пользователи по-прежнему предпочли, чтобы часть пространства дисплея не занималась бы экранными кнопками.
В дополнение следует отметить, что некоторые из физических кнопок современных телефонов обладают также сканерами отпечатков пальцев, и это является еще одной причиной для того, что сохранить их в современных устройствах. В качестве примеров такого дизайнерского решения можно привести известные телефоны HTC 10 — новый флагманский телефон в знакомом облике, для которого был создан необычный чехол, и Samsung Galaxy S7.
Экранные кнопки
Программные кнопки одним пользователям нравятся, а другим нет. В этом отношении все обстоит точно так же, как и с физическими кнопками. И есть ряд причин не любить их, которые вспомнит каждый пользователь, который перейдет с телефона, обладающего физическими/емкостными кнопками.
Как отмечалось выше, эти экранные кнопки уменьшают драгоценное полезное пространство экрана телефона. Поскольку они скрываются в процессе игр, просмотра фотографий и видео, работа с телефоном ощущается пользователем как «менее естественная».
Но есть и причины, по которым экранные кнопки нравятся пользователям. Они открывают широкие возможности кастомизации и адаптации пользовательского интерфейса, поскольку программная кнопка может быть добавлена на экран телефона или удалена с него. Разработчик не добавил кнопку меню? Нет проблем. Пользователь предпочитает для возврата назад левую или правую кнопку? И это возможно. С программными кнопками возможно многое, если это, разумеется, позволяет программное обеспечение.
В дополнение к более многообразным ощущениям от использования программного обеспечения, отказ от физических кнопок также улучшает и аппаратные характеристики телефона. Свободное пространство может быть использовано, например, для более емкой батареи. Или же производитель может сделать более узкой рамку вокруг экрана.
Экранные кнопки дают производителям возможность оснастить более компактный телефон экраном большего размера.
Несомненно, у каждого из пользователей есть свои причины отдавать предпочтение физическим или экранным кнопкам. Какими, по вашему мнению, должны быть кнопки навигации современного смартфона?
Пропали кнопки навигации на экране в Андроиде – что делать?
Когда пропали на экране кнопки- это довольно неприятный дефект. Ничего не ожидающего пользователя он может изумить. Возникает подобное обстоятельство при смене официальной прошивки. Сначала пугает отсутствие главных элементов. После этого начинает настораживать отсутствие доступа к уведомлениям системы.
Чтобы все начало работать, потребуется использовать ПК. На него должен быть установлен специальный USB драйвер и Android SDK. После этого нужно провести такие манипуляции:
Инструкция достаточно проста. Чтобы добиться при ее осуществлении оптимального результата, нужно следовать представленной схеме.
Способ 2: ADB
Необычным способом перемещения элементов навигационной панели будет использование средства Android Debug Bridge.
Должен появиться список, в котором будет отображаться подключённое устройство.
settings put secure sysui_nav_bar “space,recent;home;back,space”
Проверьте правильность ввода и нажмите Enter.
Вариант с Android Debug Bridge подходит владельцам чистого «зелёного робота».
Почему навигация внизу экрана так важна?
40% пользователей производят большинство действий на смартфоне большим пальцем. Картинка ниже отражает удобство использования мобильного устройства одной рукой: зеленым цветом обозначена часть экрана, с которой легче всего взаимодействовать, желтым — та, к которой приходится тянуться, а красным — зона, до которой можно добраться, только если взять телефон по-другому.
Важно разместить навигацию верхнего уровня и наиболее часто используемые опции внизу экрана — в зоне, до которой легко дотянуться большим пальцем.
Многие приложения следуют этому правилу и используют навигацию внизу экрана (панель вкладок) для самых важных своих функций. На Facebook многие ключевые функции доступны в одно касание, и пользователь может легко и быстро переключаться между ними.
Навигация — это транспорт, доставляющий пользователей туда, куда они хотят попасть. Внизу экрана следует размещать ссылки на самые важные пункты назначения, к которым необходим прямой доступ из любой части приложения. Хорошая навигация внизу экрана подчиняется следующим трем правилам.