Omnigraffle is an object-based design tool on the mac. Omnigraffle is particularly good at making UX design documents, sometimes called information architecture documents because it is easy to use, efficient, flexible, and easy to make changes. Because UX design is a fluid iterative process, Omnigraffle makes a great tool for many of these tasks.
- [Voiceover] If you spent much time with Omnigraffle and/or doing UX Design documents, you'll probably realize what I've realized which is this is a great combination of a tool and a function. UX Design is all about planning, measure twice, cut once. We used to call a lot of this work information architecture, and I like that as a metaphor. You wouldn't start building a building by just running out there with the bricks and mortar and starting to lay down the rules, of course not.
You have to start with diagramming things, with making a plan. That's what UX Design is all about. Omnigraffle is all about speed, efficiency, and flexibility, ease of use. In a lot of ways, it's like a box of crayons type of program. Just lets you do visuals and get images going quickly and efficiently. It doesn't give you all of the control of a Photoshop or an Illustrator, but it lets you work more like you're on a digital white board, just so easy to make edits and iterate your process which is totally important to UX Design.
Because it's an early stage, these documents need to be the subject for discussion, and they need to change often. That's what you have here is a great combination of the tool and the end goal. UX Design being a very fluid, flexible place to work ideas, and Omnigraffle being a very efficient and fluid tool for making diagrams. That's why this tool and this function meet up so well and that's the heart of this course. What are the tools and techniques inside Omnigraffle that are most efficient to do the most common jobs in a UX Design process? I know that you're gonna enjoy doing this work with Omnigraffle as much as I do.
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