You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: hub/apps/design/basics/navigation-basics.md
+4-4Lines changed: 4 additions & 4 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -77,7 +77,7 @@ Don't overwhelm users with many navigation options.
77
77
78
78
Clear paths allow for logical navigation for users. Making navigation options obvious and clarifying relationships between pages should prevent users from getting lost.
79
79
80
-

80
+

81
81
82
82
> *Destinations are clearly labeled so users know where they are.*
83
83
@@ -86,7 +86,7 @@ Clear paths allow for logical navigation for users. Making navigation options ob
86
86
Now, let's take our design principles--consistency, simplicity, and clarity--and use them to come up with some general recommendations.
87
87
88
88
- Think about your users. Trace out typical paths they might take through your app, and for each page, think about why the user is there and where they might want to go.
89
-
- Avoid deep navigation hierarchies. If you go beyond two levels of navigation, provide a [breadcrumb bar](../controls/breadcrumbbar.md) that shows the user where they are and let's them quickly get back out. Otherwise, you risk stranding your user in a deep hierarchy that they will have difficulty leaving.
89
+
- Avoid deep navigation hierarchies. If you go beyond two levels of navigation, provide a [breadcrumb bar](../controls/breadcrumbbar.md) that shows the user where they are and lets them quickly get back out. Otherwise, you risk stranding your user in a deep hierarchy that they will have difficulty leaving.
90
90
- Avoid "pogo-sticking." Pogo-sticking occurs when there is related content, but navigating to it requires the user to go up a level and then down again.
91
91
92
92
## Use the right structure
@@ -204,7 +204,7 @@ Use tabs when:
204
204
:::column span="2":::
205
205
[**Breadcrumb**](../controls/breadcrumbbar.md)
206
206
207
-
Displays a horizontal list of links to pages at each of the higher levels. The [BreadcrumbBar](../controls/breadcrumbbar.md) control implements the top navigation pattern.
207
+
Displays a horizontal list of links to pages at each of the higher levels. The [BreadcrumbBar](../controls/breadcrumbbar.md) control implements the breadcrumb navigation pattern.
208
208
209
209
Use a breadcrumb when:
210
210
@@ -303,7 +303,7 @@ If you choose to provide your own back stack navigation, the experience should b
303
303
<p>The app displays content for an on-screen item, such as the details for the selected item in list/details list.</p></td>
304
304
<td><strong>No</strong>
305
305
<p>Enumerating items is similar to navigating within a peer group. When the user presses back, navigate to the page that preceded the current page that has the item enumeration.</p>
0 commit comments