Основной/подробный поток или навигационный ящик? что лучше для отображения подробных данных об элементах списка?

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


person YFeizi    schedule 07.02.2015    source источник


Ответы (2)


Ящик навигации:

панель, которая переходит от левого края экрана и отображает основные параметры навигации приложения.

Согласно руководству по структуре приложения:

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

А в рекомендациях по структуре Material Design указано:

Контент в левой навигационной панели в идеале основан на навигации или идентификации.

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

Вкратце: Navigation Drawer предназначен только для навигации, а не для отображения основного списка с соответствующими деталями.

На самом деле, один из разработчиков фреймворка написал запись в Google+ еще в 2013 году, в частности о том, как они попытались использовать DrawerLayout (имя класса для панели навигации) для отображения контента в стиле основной/подробности и вместо этого создали отдельный компонент, SlidingPaneLayout специально для решения проблемы с отображением основных и подробных сведений на экранах меньшего размера без использования возможностей или шаблонов панели навигации, поскольку они просто не подходят. Обратите внимание, что это немного потеряло популярность в материальном дизайне, с новым акцентом на традиционный шаблон master/detail с содержательные анимации перехода.

person ianhanniballake    schedule 07.02.2015
comment
если я правильно понимаю, лучше использовать master/detail в моем приложении, но в ящике меньшего размера экрана хорошо UX для выбора другого основного элемента! или я неправильно думаю? - person YFeizi; 07.02.2015
comment
Прочитайте сообщение Google+, на которое я дал ссылку: инженеры фреймворка специально изучили этот случай и обнаружили, что нет, панель навигации была абсолютно неправильным шаблоном. Настолько, что они добавили новый компонент для обработки именно этого случая. - person ianhanniballake; 07.02.2015
comment
Я нахожу мастер/деталь неудовлетворительным для разных представлений. Drawer намного лучше работает на маленьких экранах, но master/detail хорошо работает на больших экранах. Должен быть шаблон, который устанавливает вас для обоих. - person Brill Pappin; 24.11.2015

Вы можете создать 2 демонстрационных приложения, чтобы увидеть разницу на телефоне.

  1. Поток основной детали:

Главная страница (меню или страница списка) всегда будет отображаться для пользователя первой, а главная страница занимает весь экран. Если пользователь не нажмет, он не заметит, что есть подробная страница.

  1. Ящик навигации:

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

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

person Felix    schedule 22.06.2017