Мобильные устройства и приложения на них

Содержание:

Введение

В настоящее время существует огромное количество средств получения информации или развлечения, общения с друзьями и близкими. Все мы можем это сделать при помощи смартфонов, ПК, ноутбуков, планшетов и т.д. Во всех приложениях на этих устройствах зачастую очень богатый функционал и большой задачей для всех дизайнеров и разработчиков является создание достаточно простой навигации внутри приложения или веб-сайта. Сегодня мы поговорим о наиболее часто используемых (основных) моделях навигации.

Основная часть

1. Мобильные устройства и приложения на них

Почти у всех людей на нашей планете имеется мобильный телефон или еще чаще смартфон, о котором мы и поговорим. Уместить всю информацию очень сложно на экране, тем более, если имеется большой функционал, который так же требует нажатий по экране, поэтому были придуманы модели навигаций для приложений, поговорим с вами о наиболее популярных.

Меню-гамбургер

Пространство на экране мобильного устройства — ценность на вес золота, а меню-гамбургер — одна из самых популярных моделей навигации, помогающих вам его сберечь. Выдвижная панель позволяет спрятать навигацию за левой границей экрана и показывать ее только когда пользователь совершит определенное действие. Такое решение особенно полезно, если вы хотите, чтобы пользователь сосредоточился на контенте главного экрана.

Плюсы

Большое количество вариантов навигации. Главное преимущество навигационного меню в том, что с его помощью можно уместить большое количество вариантов на маленьком участке.

Аккуратный дизайн. Освободите место на экране, перенеся все варианты с него на боковое меню.

Минусы

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

Противоречие с правилами навигации платформы. Для Android меню-гамбургер стало практически стандартом, но на iOS устройствах его просто невозможно внедрить, не затрагивая основные элементы навигации. В результате панель может оказаться перегруженной.

С меню-гамбургером контекст оказывается скрыт. Меню-гамбургер не отображает текущую позицию пользователя; эту информацию сложнее извлечь, так как она становится видимой только при нажатии на иконку меню.

Для того, чтобы попасть на искомую страницу, требуется дополнительное действие. Для перехода на ту или иную страницу нужно не меньше двух кликов (один — на иконку меню, второй — на интересующую пользователя страницу).

Tab bar

Модель с использованием панели вкладок, — наследие дизайна десктопных приложений. Обычно на панели представлено относительно небольшое количество вариантов равной значимости, которые должны быть доступны для прямого перехода с любого экрана в приложении.

Такую модель можно найти во многих популярных социальных сетях, твиттер, вконтакте.

Плюсы

Tab bar легко передает информацию о местонахождении пользователя. При правильном применении визуальных подсказок (иконки, подписи, цвета) она становится самоочевидной и не требует дополнительных пояснений.

Tab bar обеспечивает постоянство. Варианты навигации все время представлены на экране, так что пользователи видят, какие основные окна имеются в приложении, и могут перейти на любое из них по клику.

Минусы

Число вариантов навигации ограничено. Если в вашем приложении их больше пяти, уместить все на Tab bar, сохраняя при этом оптимальный для тачскрина размер иконок, будет сложно.

Управление жестами

29 июня 2007 года наступил поворотный момент. Как только компания Apple выпустила на рынок первый смартфон с полностью сенсорным экраном, взаимодействие с тачскрином стало доминирующим типом управления для мобильных устройств.

Жесты быстро приобрели популярность среди дизайнеров; появилось множество приложений, которые экспериментировали с управлением жестами.

Сегодня успех мобильного приложения может в большой степени зависеть от того, насколько продуманно жесты встроены в пользовательский опыт.

Такой способ использует Instagram и Tinder.

1. Модели навигации в веб-дизайне

Иерархическая навигация сайта

Структура навигации сайта строится от общего к частному. Это обеспечивает четкий, простой путь ко всем веб-страниц из любого места на сайте.

Глобальная навигация по сайту

Глобальный сайт навигации показывает верхний уровень разделы / страницы сайта. Он доступен на каждой странице и перечислены основные разделы / содержание страниц сайта.

Локальный сайт навигации

Местное судоходство ссылки в тексте данного веб-страницы, ссылки на другие страницы в пределах сайта.

Используемая литература

1. http://www.proview.ru/cms_model_for_navigating_the_web_site/ (Электронный ресурс)
2. https://ru.qwe.wiki/wiki/Web_navigation (Электронный ресурс)
3. https://uxlab.by/blog/bazovyie-modeli-mobilnoy-navigatsii/ (Электронный ресурс)
4. https://www.intuit.ru/studies/courses/4789/1053/lecture/16089?page=2 (Электронный ресурс)