![]() If you have any tips, comments, or questions about making Omnigraffle prototypes, please leave some comments. If you're going to export your prototype, you'll need to stick to linking between canvases and to external URLs. The biggest drawback however of using either export option is that they do not support the "Shows or Hides Layers" action. This helps both because it simulate the look and feel of a web experience and because most of the standard browser actions are supported. I prefer HTML because the person testing the prototype will experience it within a regular browser. You can do this as either a PDF or as HTML. Outside of Omnigraffle - If you want to share your prototype with others who don't have Omnigraffle, you'll need to export it.A big drawback to testing out your prototypes in Omnigraffle is that standard browser actions, specifically back, are not present. For better presentation, it helps to select "Hide Toolbar" from the View menu. Clicking on the object will then execute the action. You'll then notice that hovering over objects with associated actions causes a pulsating blue outline to appear. To interact with the actions you've created, either hold down "B" on your keyboard or turn on the Browse tool. In Omnigraffle - The quickest way to try out your new prototype is to just use Omnigraffle.Using "Show or Hides Layer" for these types of interactions keeps the number of canvases you have to manage from getting out of hand. For a final touch, create a close button and set its action to hide the modal window layer. Then set the action on the button to show the modal window layer. To do this, create a new layer of your canvas called "Modal Window" and set it to hidden. A good example of when to use it is if you want a modal window to appear when the user clicks a button. Shows or Hides Layers - I'm a big fan of this action for mocking up interactions within a page.It's also nice to use this to link form submit buttons to the page users should be redirected to when the form is submitted. Personally, I like to keep canvases in Omnigraffle analogous to pages on a website, so I try to only use this action when linking to unique pages. Jumps Elsewhere - Use this to link to other canvases in your Omnigraffle doc.For example, you may wish to link a Tweet button to. ![]()
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |