Use case scenarios are a type of user experience design document that describe a process or the journey that a user takes through a site. Often, these involve interactions with other types of people and functions. Omnigraffle includes a use case scenario stencil that is very useful for this kind of work. Actions are represented as ovals, and people are represented as stick figures. Lines connect the action to what user or users it connects.
- [Voiceover] What you see here is a use case scenario,…and use case scenarios are UX diagrams…that indicate some sort of process.…Sometimes they're just a single user…and the way they move through the content of a website,…but more often they're something that involves…multiple humans, users on the front end…with administrators or someone else doing different jobs.…So a use case scenario is a way…to diagram these sorts of interactions.…Now that you know what it looks like…let me switch over to our starting document.…
Use case start and that is just a blank page.…We did make it portrait and turned off the grid lines,…things like that and again I wanna talk about stencils,…because built right in is UML_UseCase.…So this is where we can start to get…the specific shapes to use…and use cases can look a little different…but some things are pretty standard.…There's always some sort of system…that is what are we diagramming,…what's gonna happen,…and in this case it is make an appointment.…
This is gonna have to be quite a bit bigger…
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.