Ускоренный курс UX: поиск пути
Автор: Кэтрин Грейсон Нанц Опубликовано 16 июля 2024 г. 0 комментариев
Хорошая навигация интуитивно понятна и последовательна на протяжении всего опыта и показывает только соответствующую информацию. Посмотрите практические примеры полезного дизайна навигации.
Даже если вы никогда раньше не слышали этот термин
я могу гарантировать, что вы знакомы с этим понятием. Это потому, что — как и многие другие вещи, существующие в цифровом контексте — оно основано на реальном опыте.
Wayfinding — это UX-термин, используемый для
описания визуальных и архитектурных систем, призванных помочь пользователям ориентироваться в нашем цифровом опыте. Это относится к приложениям, веб-сайтам, платформам, программному обеспечению для настольных компьютеров и многому другому — ко всему, что имеет несколько «страниц» или мест, где пользователю необходимо перемещаться между различными состояниями интерфейса.
В реальном мире вы сталкивались с дизайном навигации
когда смотрели на карту метро, чтобы выяснить, какой поезд доставит вас к месту назначения, следовали указателям, которые Наши владельцы автомобилей База данных владельцев автомобилей — это цифровая платформа или система, которая позволяет вам вводить и хранить все необходимые данные о База данных владельцев автомобилей вашем автомобиле в централизованном месте. Сюда входит такая информация, как марка, модель, год, регистрационный номер, записи о техническом обслуживании, сведения о страховке и все остальное, что связано с вашим автомобилем. Все работы выполняются с использованием данных владельца транспортного средстванаправят вас к различным экспонатам в музее, или использовали уличные указатели, чтобы рассказать об этом другу. .где вас встретить («Я на углу Главной и 7-й!»). Будь то большой город или сложное приложение, хорошая навигация позволит вам понять следующее:
Где вы находитесь сейчас (включая возможность сообщить об этом другим людям)
Куда вы можете пойти отсюда
Как добраться в другие места
Как вернуться «домой», когда закончишь
Цель хорошего дизайна навигации — не допустить, чтобы ваши пользователи чувствовали себя застрявшими, потерянными или перегруженными при навигации по вашему веб-сайту или приложению. Хорошая навигация будет интуитивно понятной и последовател Обновленный список номеров мобильных телефонов ьной на протяжении всего опыта и будет отображать только соответствующую информацию. Давайте рассмотрим несколько практических примеров того, как вы можете реализовать полезные конструкции навигации в своей работе.
Глобальное и локальное навигационное меню
Глобальная навигация — это меню навигации высокого уровня, которое сообщает пользователю, куда он может перейти на веб-сайте или в приложении. Довольно распространенная практика — предлагать пользователям глобальную навигацию в верхней части страницы — как это навигационное меню из заголовка веб-сайта The New York Times.
Веб-сайт The New York Times с элементами навигации США, Мир, Бизнес, Искусство, Образ жизни, Мнение, Аудио, Игры, Кулинария, Кусачки, Спортивные состязания
В этом случае меню заголовка значительно сжато, а для каждого подраздела открываются раскрывающиеся списки — это позволяет ему занимать меньше ценного пространства верхней части страницы на веб-сайте. При нажатии на раздел появляется «локальное» навигационное меню.
В пункте меню «Искусство» есть дополнительные разделы:
«Сегодняшнее искусство», «Книги», «Бестселлеры», «Танцы», «Кино», «Музыка», «Телевидение», «Театр», «Поп-культура», «Журнал T», «Изобразительное искусство», а также рекомендации, информационные бюллетени и подкасты.
Это отличный пример постепенного раскрытия информации или практики раскрытия информации пользователям только тогда, когда она становится актуальной. Это помогает предотвратить перегруженность и путаницу среди пользователей, а также является очень практичным и экономящим место подходом к визуальному дизайну.
Если бы пользователю были представлены
все доступные подразделы одновременно, найти то, что он ищет, было бы намного сложнее. Организовав подразделы в связанные группы («Мир», «Бизнес», «Искусство» и т. д.) и «спрятав» их за названием группы, мы можем позволить. Yользователям детализировать и более эффективно находить контент, который им нужен. действительно заинтересован.
Панировочные сухари
Хлебные крошки — это визуальный способ представления разделов и подразделов, по которым пользователь перемещался, чтобы добраться до своего текущего местоположения. Это делается путем предоставления списка (обычно вверху страницы или раздела), который показывает каждый «шаг» пути. Это особенно эффективно для веб-сайтов или приложений aleart news с большим количеством вложенных страниц: разделов, подразделов, подразделов и т. д.
Хлебные крошки для дома / Подать заявку / Проверить статус заявки
Например, веб-сайт UNC Charlotte имеет очень большое количество страниц и подстраниц, поскольку на них содержится много информации, которую необходимо донести до посетителя! В этом случае пользователь может увидеть, где он находится, как он туда попал и как вернуться к предыдущему разделу. Как и в сказке, хлебные крошки позволяют пользователю отслеживать свое перемещение по вашей системе.
Аналогичный подход заключается в предоставлении контекстных навигационных ссылок, подобных этой (также с веб-сайта UNC Charlotte). Здесь мы сообщаем пользователю, где именно он находится, а также как вернуться.
Информационные технологии, MS и более мелким текстом: Возвращение к программам Academix (магистратура).
Предложение такого рода навигации отлично
подходит для поощрения безопасного исследования или дает пользователям возможность свободно экспериментировать, зная, что ставки невелики. Когда пользователи могут расслабиться и знать, что им легко отменить. Yействия, вернуться назад или иным образом без последствий возиться с ними, это увеличивает скорость, с которой они смогут изучить интерфейс и функции приложения.
Многие из нас учатся на практике. Tогда пользователь знает, что он может «бродить» по интерфейсу и всегда находить дорогу домой, он начинает понимать структуру и организацию интерфейса.
