Omnigraffle supports adding interactivity to documents. There are several kinds of interactivity including show/hide layers, web links, scripts, and refocusing the image. Interactivity is accessed via the actions inspector. Interactivity is tested with the Action Browse Tool. Interactivity can be activated in presentation mode.
- View Offline
- Exercise Files
- [Voiceover] One of the things that OmniGraffle…supports, which can be useful, especially…in presenting your UX documents…is little bits of interactivity.…So, things that become clickable,…and you can have small actions,…that's what they're called, or…actions, in OmniGraffle, that…can help you present your ideas.…So, there's couple different options here,…and I wanna work through one of them…to give you an idea of how this works.…So, the goal I'm going for here has…to do with the notes and how they…manifest when I actually present these documents.…
So, what I'd like is, we can have them on…or we can have them off, but what I think…would be neat is if I could look at it clean,…and then when I click, a note comes up.…So, I'd like to be able to click the logo…and get the note that the logo is being revised,…or click the center image and…get the note that it is a revolving photo.…So, in order to do that I've already gone…to my actions inspector, so that's in properties,…and then down at the bottom is action,…and you can see that if I select something,…
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.