From the course: Interaction Design: Structure
Join today to access over 22,600 courses taught by industry experts or purchase this course individually.
Sitemap and flow diagram - Sketch Tutorial
From the course: Interaction Design: Structure
Sitemap and flow diagram
- [Instructor] We're now looking at the content inventory we created for our site, Furbuddyhealth. Column B represents the Navigation Labels and first level of navigation for the site. Notice the numbers in Column A. We've cataloged our navigation using this number in sequence, so it's easier for us to track later. Now, let's take a look at the Sitemap I created from the navigation labels. I've labeled each box with the corresponding numbers from the inventory. These boxes represent the top level navigation as a page in this diagram. The navigation is Home, Dog care, Cat care, All pet care, Tools, and Education. These were categories based on user research. The Dog and Cat care categories were separated since both dog and cat owners in our research organized themselves based on their pet type. These boxes represent the top level of page on the site. But don't represent the elements on the page yet. I also did a quick flow diagram of the sign-up flow. I wanted to make sure I captured…
Download courses and learn on the go
Watch courses on your mobile device without an internet connection. Download courses using your iOS or Android LinkedIn Learning app.