Master/detail 流还是导航抽屉?哪个更适合显示有关列表项的详细数据?
Master/detail flow or navigation drawer ? which is better for display detail data about list items?
我有一个人员列表,当用户单击一个项目时,应用程序会显示其详细信息!我使用 双窗格 Master/detail 设计模式 平板电脑尺寸和小尺寸它只是用细节片段替换列表。
问题是我的经理认为最好用 navigation drawer 来改变这个设计!这种情况的最佳选择是什么? 导航抽屉或master/detail设计?
哪个对用户体验更好?
a panel that transitions in from the left edge of the screen and displays the app’s main navigation options.
A navigation drawer is a slide-out menu that allows users to switch between views of your app. It can hold a large number of items and is accessible from anywhere in your app. Navigation drawers show your app's top-level views, but can also provide navigation to lower-level screens. This makes them particularly suitable for complex apps.
并且 Material Design structure guidelines 状态:
The content in the left nav is ideally navigation- or identity-based.
导航抽屉未列为multi-pane layouts的机制,而master/detail多窗格布局被特别提及。
简而言之:导航抽屉仅用于导航,不用于显示具有相应详细信息的主列表。
事实上,其中一位框架工程师写道 a Google+ post back in 2013 specifically about how they tried to use DrawerLayout
(the class name for the navigation drawer) for displaying master/detail style content and instead built a separate component, SlidingPaneLayout specifically to address this issue of displaying master/detail on smaller screens without using the Navigation Drawer affordances or pattern as they just did not fit. Note that this has fallen slightly out of favor in Material design, with a re-emphasis on a traditional master/detail pattern with meaningful transition animations。
您可以创建 2 个演示应用程序以查看 phone 上的差异。
- 主从流程:
母版页(菜单或列表页)将始终首先显示给用户并且母版页覆盖整个 屏幕。如果用户不点击,he/she将不会注意到有详细页面。
- 导航抽屉:
首先展示给用户的是详细页面,左上角有一个导航菜单(三条纹菜单)。
如果用户点击导航菜单,he/she 将看到一个滑出页面,该页面仅占屏幕的一半。大多数时候,菜单屏幕会隐藏。
所以从设计上来说,它们其实是非常不同的。当然,它们在实现过程中也有相似之处。
我有一个人员列表,当用户单击一个项目时,应用程序会显示其详细信息!我使用 双窗格 Master/detail 设计模式 平板电脑尺寸和小尺寸它只是用细节片段替换列表。
问题是我的经理认为最好用 navigation drawer 来改变这个设计!这种情况的最佳选择是什么? 导航抽屉或master/detail设计?
哪个对用户体验更好?
a panel that transitions in from the left edge of the screen and displays the app’s main navigation options.
A navigation drawer is a slide-out menu that allows users to switch between views of your app. It can hold a large number of items and is accessible from anywhere in your app. Navigation drawers show your app's top-level views, but can also provide navigation to lower-level screens. This makes them particularly suitable for complex apps.
并且 Material Design structure guidelines 状态:
The content in the left nav is ideally navigation- or identity-based.
导航抽屉未列为multi-pane layouts的机制,而master/detail多窗格布局被特别提及。
简而言之:导航抽屉仅用于导航,不用于显示具有相应详细信息的主列表。
事实上,其中一位框架工程师写道 a Google+ post back in 2013 specifically about how they tried to use DrawerLayout
(the class name for the navigation drawer) for displaying master/detail style content and instead built a separate component, SlidingPaneLayout specifically to address this issue of displaying master/detail on smaller screens without using the Navigation Drawer affordances or pattern as they just did not fit. Note that this has fallen slightly out of favor in Material design, with a re-emphasis on a traditional master/detail pattern with meaningful transition animations。
您可以创建 2 个演示应用程序以查看 phone 上的差异。
- 主从流程:
母版页(菜单或列表页)将始终首先显示给用户并且母版页覆盖整个 屏幕。如果用户不点击,he/she将不会注意到有详细页面。
- 导航抽屉:
首先展示给用户的是详细页面,左上角有一个导航菜单(三条纹菜单)。 如果用户点击导航菜单,he/she 将看到一个滑出页面,该页面仅占屏幕的一半。大多数时候,菜单屏幕会隐藏。
所以从设计上来说,它们其实是非常不同的。当然,它们在实现过程中也有相似之处。