There are several steps to starting a new user experience design document in Omnigraffle. When one begins a new document, there are various choices for templates. Sometimes one of the templates with graphic design built in will work, but more often one chooses and blank document of the right size. Once the document is started, a designer can choose to hide the sidebar and turn off the grid lines.
- I want to get started by looking…at how to setup our documents…for this type of UX work.…So we're going to start by just opening…the program and see what choices we have…from the very top.…I'm going to open OmniGraffle from the dock…and as you see we have some choices…of where to start with various templates.…And some of these have specific looks…as you see, and we'll talk more about templates…and what you can do with them,…including making your own.…But what I want to do is choose a very simple one…from the imperial units.…
So you can see these are common things,…like letters and envelopes.…And just to keep things nice printable, viewable size,…I'm going to choose the Letter-Portrait.…And all I'm doing, although this is considered a template…is just choosing a page size, and you can change that later.…So we're going to go ahead and make a new document.…And as you can see our document comes up here…in its default mode.…I'm going to go to full screen to make this easier to see.…And we'll mostly work at full screen during this course.…
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.