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
- [Voicoever] Hi, and welcome to UX Design Tools: OmniGraffle 6. OmniGraffle is a great flexible tool for making the types of UX design documents that are useful for the UX planning process. We'll look at making site maps, wire frames, and some other common UX design documents. Along the way, we'll focus on a lot of specific techniques in OmniGraffle that are useful for this type of work. That includes basic techniques like lines and shapes and text, as well as more advanced techniques like using stencils, templates, and even adding interactivity.
I'm sure you'll find that OmniGraffle is really effective and efficient at doing this type of work. Now let's get started with UX Design Tools: OmniGraffle 6.
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.