Omnigraffle can be used to identify, organize, and map out content at the beginning of the user experience design process. This is a very open process that can be thought of as being like a digital whiteboard. One method for this is often referred to as putting the content into buckets. Some of the included templates are useful for a mind map style of diagram that start with the central content in the center of the page and works out from the center.
- We've been using OmniGraffle to do a lot of formal…UX design documents and you've seen that it's really…good at that.…I wanted to take a moment and talk about some less…formal documents.…These are types of documents we use early in the…development process that are generally referred to as…content mapping or content inventories.…And there's no real rules here,…it's usually a way to get our ideas out on the table,…similar to a digital whiteboard.…For instance, if we are having a discussion about the…education section of our site, we might start setting up…what are generally called buckets.…
Again, no rule about the shape those have to be.…Just some containers to organize our ideas.…So this one might be for different types of dogs,…that would make sense fort his client.…So we would give it a name and then start to fill out…different types of dog breeds.…And so on.…If we need more room we probably would move this to the top…using our text tool and we could always make the heading…larger or the words themselves smaller.…
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.