Sitemaps are meant to picture all of the content that is on a website, but they are not granular. It often occurs that there is too much content on a site to represent every page as its own shape. There are several choices for how to deal with this, but one is to be visually creative. Copy the page that there are now many of and paste this multiple times. Overlap the copies, creating this visual of a stack of documents. Now group these elements to function as a single shape.
Our site map is getting pretty near to being complete.…But here's this scenario.…Talking with the client…and they want to add a new section.…In education they're gonna have a separate page…for all of the different breeds of dogs.…It seems like a fine goal, but it's a lot of content,…and there's not really gonna be enough room…for every single new individual page to fit on our site map.…That's okay, just remember that the job of the site map…is to take a big bird's-eye view of the whole site…including all of the content nominally…but not necessarily granularly.…
We don't necessarily have to represent…every single page as its own graphic.…So I want to show you a visual approach…and just get creative to show this new content…without cluttering up our site map too much.…Let me show you what I mean.…I want to start by going to the type of page…that we're gonna duplicate,…which is one of these content pages.…And I want to break apart the group…so I can select just the graphic parts.…So I'm gonna ungroup it, but I'm gonna remember…
Join Jason Osder as he demonstrates how to use OmniGraffle 6. He shows you how to use basic features, like adding lines, shapes, and text, to create diagrams of page layouts, or wireframes, in addition to advanced features, like working with stencils and templates. He lets you know when he is showing a pro-version feature, like presentation mode and subgraphs, so you can adjust accordingly. Along the way, you'll learn how to improve your documentation by eliminating unnecessary elements to help readers visualize all of a site on one page. As an object-based diagramming program, OmniGraffle has features for executing UX and IA documents. Creating other documents, like use case scenarios, content maps, and models, is also covered.
- Setting up document files
- Aligning and distributing lines, shapes, and text
- Using canvases, templates, layers, and stencils
- Making sitemaps to organize information
- Creating wireframes to diagram page layouts
- Designing for mobile
- Building content maps and conceptual models
Skill Level Intermediate
1. Commonly Used UX Techniques
2. Create a Sitemap
3. Advanced Sitemap Techniques
4. Wireframe the Homepage
5. Complete the Wireframe Process
6. Additional UX Documents
7. Presentation and Export
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.