Принципы информационной архитектуры для мобильных устройств
Информационная архитектура — это практика маркировки и организации содержимого для повышения удобства поиска и использования. В мире мобильных устройств информационная архитектура неразрывно связана с шаблонами мобильной навигации и передовыми методами проектирования. Применяя принципы информационной архитектуры к мобильным сайтам и приложениям, дизайнеры наполняют контент столь необходимой структурой и помогают пользователям с легкостью достигать своих целей.
Успешный мобильный дизайн всегда незаметен. Пользователи чувствуют, что их взаимодействия управляются инстинктом. Намерение, стоящее за конструктивными особенностями и компонентами, очевидно. Все «просто работает».
Это относится к информационной архитектуре (IA). В контексте мобильного дизайна IA — это практика маркировки и придания структуры цифровому контенту. IA имеет две основные задачи:
- Идентифицировать и определить содержимое и функциональные возможности, существующие в мобильных интерфейсах.
- Определите, как разные части контента в мобильных интерфейсах связаны друг с другом.
Оба основаны на исследованиях и рассматриваются через призму потребностей и желаний пользователей.
Информационные архитекторы создают структуру контента посредством:
- Классификации мобильного контента
- Аудит контента на предмет качества
- Установление ориентированных на пользователя отношений между контентом
- Определение соглашений об именах для контента
- Создание навигационных компонентов, облегчающих поиск контента
Вся эта работа выполняется за кулисами, результатом чего являются электронные таблицы и диаграммы. Мобильные пользовательские интерфейсы ссылаются на информационную архитектуру, но IA не появляется в пользовательских интерфейсах как компонент дизайна.
IA поддерживает мобильную навигацию
Результатом информационной архитектуры является навигация.![](/800/600/http/neomid59.ru/wp-content/uploads/screenshot_2016-01-09-22-05-55.jpg)
Компоненты навигации, такие как кнопки и значки, ведут пользователей к желаемым результатам. На мобильных устройствах шаблоны навигации типа Матрешка и Dashboard предоставляет дизайнерам проверенные временем решения для составления макетов и размещения компонентов навигации.
Делая шаг назад, мы видим симбиоз между информационной архитектурой и навигацией. ИА наводит порядок. Навигация повышает легкость поиска. Каждый может существовать без другого, но не в полной мере.
Компоненты мобильной навигации, такие как эта панель вкладок, помогают пользователям быстро находить информацию и функции. (Раджиш В.К. для Zomato)![](/800/600/http/os-helper.ru/wp-content/uploads/2019/01/knopka-registratsii-v-vk.png)
- Поскольку экраны мобильных устройств меньше, основное содержимое должно быть приоритетным, а все постороннее содержимое должно быть удалено.
- Размер и расстояние между мишенями сенсорного экрана должны обеспечивать безошибочное взаимодействие с компонентами навигации.
- Содержимое должно быть разборчивым, особенно текст. Если мобильный шрифт слишком мелкий, его трудно читать. Если он слишком большой, это приводит к разрывам строк, что приводит к утомлению читателя.
- Положение рук пользователя влияет на размещение компонентов навигации. Их отношения нужно рассматривать на каждом экране.
- Ввод данных должен быть сведен к минимуму. Пользователи разочаровываются, когда их часто просят ввести текст в поля мобильной формы.
Стоит также отметить, что мобильные сайты и нативные приложения создают уникальные проблемы при разработке. Например, мобильные сайты имеют ограниченное управление жестами, в то время как нативные приложения могут использовать такие функции, как камеры и компасы.
Информационная архитектура, шаблоны мобильной навигации и передовые методы мобильного дизайна работают в гармонии, чтобы улучшить мобильный UX. Никакое преследование не является наиболее заметным. Каждая из них должна интегрироваться с другими, чтобы создать удобный мобильный интерфейс, которого хотят пользователи.
Информационная архитектура, шаблоны мобильной навигации и лучшие практики мобильного дизайна работают в тандеме для поддержки мобильного UX.Загрузите PDF-версию этой инфографики.
• • •
Дополнительная информация в блоге Toptal Design:
- Полное руководство по информационной архитектуре
- Улучшите взаимодействие с помощью этих лучших практик SaaS UX Design
- Откажитесь от MVP, внедрите минимально жизнеспособные прототипы (MVPr)
- Методы исследования UX и их применение
- Сортировка карт: лучшая информационная архитектура за счет согласования с ментальными моделями пользователей
Понимание основ
Мобильная информационная архитектура имеет две основные задачи: 1. ) Идентифицировать и определить содержимое и функциональные возможности, существующие в мобильных интерфейсах. 2.) Определите, как разные части контента в мобильных интерфейсах связаны друг с другом. Обе проблемы рассматриваются через призму, ориентированную на пользователя.
Информационная архитектура — это маркировка и организация информации. Существует несколько принципов информационной архитектуры для веб-сайтов и мобильных интерфейсов. Например, принцип роста побуждает дизайнеров создавать пользовательские интерфейсы, которые допускают экспоненциальное увеличение цифрового контента.
Информационная архитектура поддерживает UX, определяя цифровой контент и структурируя его таким образом, чтобы облегчить навигацию. В свою очередь, увеличивается возможность поиска контента и улучшается пользовательский опыт. Учитывая быстрый приток цифрового контента, мобильная информационная архитектура имеет первостепенное значение.
Приверженность рекомендациям по информационной архитектуре особенно важна для сайтов и приложений с богатым содержанием. IA фокусируется на маркировке и организации контента таким образом, чтобы он соответствовал потребностям и желаниям пользователей. В сочетании с продуманной навигационной схемой IA позволяет пользователям быстро и интуитивно достигать своих целей.
HOME — Пиццерия Hearth — Needham, MA 02492
ЗВОНИТЕ 781-433-0600
Забронируйте столик в пиццерии Hearth на Resy
Лайкните нас в инстаграмЧасы работы
Понедельник Закрытый
Во вторник с 11:30 до 20:00
Среда с 11:30 до 20:00
. С 11:30 до
. до 21:00
Суббота с 11:30 до 21:00
Воскресенье с 11:30 до 20:00
Live Music
Четверг, 5 марта
YMG: Midnight Harvestfunk/Rock
В субботу, 7 марта
Alison Keslow Band Jazz
, четверг, 12 марта
ymg
.
![](/800/600/http/it-actual.ru/media/How-to-download-video-in-VK-message-1.png)
Суббота, 14 марта
YMG: Дрю Дэвид Рок/90-е/Top40
Четверг, 19 марта
Blue Dog Jazz
Суббота, 21 марта
Jam Sandwich Rock/90’s
Thursday March 26th
YMG: Eli Cash Band Rock/90’s/Top40
Saturday March 28th
YMG: Atoms & Energy
Supporting Local Farms
Fig и прошутто пицца продано
пироги с лаймом продано
питание с полным обслуживанием до миль
СПЕЦИАЛЬНЫЕ ПРЕДЛОЖЕНИЯ ЭТОГО СЕЗОНА
ОРЕХОВЫЙ ПИРОГ
Органическая кора, Butternut Pul, бекон, обжаренная красная лук и козий сыр
$ 15 Маленькие
$ 18 Средний 9008
$ 21 Большой
$ 21. Смешанная зелень, авокадо, помидоры, красный лук, копченый бекон, яйцо вкрутую, редис, зеленый лук и сыр с плесенью Половина 12 долларов $15 полный Стейки, картофельное пюре и овощи 20 $ Жареная четвертинка цыпленка с картофельным пюре и овощами 20 $ КОББ САЛАТ
СОВЕТЫ ДЛЯ СТЕЙКОВ
ЖАРЕНАЯ КУРИЦА
СКАЧАТЬ НАШЕ МЕНЮ
ДОМАШНЕЕ МЕНЮ
МЕНЮ НА ВЫНОС
МЕНЮ НАПИТКОВ
ОСТАВИТЬ ОТЗЫВ
Кнопка вызоваОТКРЫТО на Хэллоуин 31.
![](/800/600/http/greatchat.ru/wp-content/uploads/2019/06/Image1560504124642.jpeg)