{"id":541,"date":"2008-11-21T09:45:03","date_gmt":"2008-11-21T08:45:03","guid":{"rendered":"http:\/\/www.jurecuhalev.com\/blog\/?p=541"},"modified":"2008-11-18T11:52:52","modified_gmt":"2008-11-18T10:52:52","slug":"hi-fidelity-prototyping-with-omnigraffle-pro","status":"publish","type":"post","link":"https:\/\/www.jurecuhalev.com\/blog\/hi-fidelity-prototyping-with-omnigraffle-pro\/","title":{"rendered":"Hi-fidelity prototyping with OmniGraffle Pro"},"content":{"rendered":"<p>Getting a chance to work in industry that you&#8217;ve heard so much in school is a really great experience. Today I&#8217;m hyped up about designing user interfaces and writing specifications for how things should work.<\/p>\n<div class=\"zemanta-img zemanta-action-dragged\">\n<figure style=\"width: 180px\" class=\"wp-caption alignright\"><a href=\"http:\/\/www.flickr.com\/photos\/58342969@N00\/21099636\"><img loading=\"lazy\" decoding=\"async\" title=\"UB example wireframe\" src=\"http:\/\/farm1.static.flickr.com\/16\/21099636_d127cfc9ed_m.jpg\" alt=\"UB example wireframe\" width=\"180\" height=\"240\" \/><\/a><figcaption class=\"wp-caption-text\">Image by snowcrash via Flickr<\/figcaption><\/figure>\n<\/div>\n<p>Personally, I&#8217;m a big fan of <a class=\"zem_slink\" title=\"Paper prototyping\" rel=\"wikipedia\" href=\"http:\/\/en.wikipedia.org\/wiki\/Paper_prototyping\">paper prototypes<\/a>. A technique where you create low-fidelity prototypes that allow you to iterate quickly and without need to invest a lot of time in creating ideas. Trying this for a while now, I&#8217;ve learned that just paper prototypes are not enough. People just doesn&#8217;t take them too seriously.<\/p>\n<p>This time around, I&#8217;m experimenting with upgrading my paper prototypes with computerized version. Nothing too high-fidelity, just printed wireframes in nice boxes and with a rough copy in place.<\/p>\n<p>What about tools? I decided to experiment with <a class=\"zem_slink\" title=\"OmniGraffle\" rel=\"homepage\" href=\"http:\/\/www.omnigroup.com\/applications\/omnigraffle\/\">OmniGraffle<\/a> Pro (being a Mac Head) and some excellent stencils from <a href=\"http:\/\/graffletopia.com\/\">Graffletopia<\/a>.<\/p>\n<p>To make the whole process easier, I followed a great video from\u00a0<a href=\"http:\/\/urlgreyhot.com\/personal\/\">Michael Angeles<\/a>,\u00a0<a href=\"http:\/\/urlgreyhot.com\/personal\/weblog\/creating_prototypes_with_omnigraffle\">Creating prototypes with OmniGraffle<\/a>, it shows you how to use Actions-&gt;Jump tool to create interactive PDF&#8217;s that you can use to simulate actual user interaction. It also quickly presents good layout technique, how you&#8217;re supposed to have a Master layer with overall grid and then just create different canvases for new layers. Best spent 5 minutes of last week, watching that.<\/p>\n<p><strong>Summary:<\/strong>\u00a0Go watch the video, and give a bit more hi-fi prototypes a chance, after being happy with your paper ones.<\/p>\n<div id=\"content\">\n<div id=\"content-main\" class=\"clear\">\n<div class=\"weblog-entry-container entry entry-1 node clear\"><\/div>\n<\/div>\n<\/div>\n<div class=\"zemanta-pixie\" style=\"margin-top: 10px; height: 15px;\"><a class=\"zemanta-pixie-a\" title=\"Zemified by Zemanta\" href=\"http:\/\/reblog.zemanta.com\/zemified\/c39a839d-9c1e-43d7-880f-11bde53dd669\/\"><img decoding=\"async\" class=\"zemanta-pixie-img\" style=\"border: none; float: right;\" src=\"http:\/\/img.zemanta.com\/reblog_e.png?x-id=c39a839d-9c1e-43d7-880f-11bde53dd669\" alt=\"Reblog this post [with Zemanta]\" \/><\/a><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Getting a chance to work in industry that you&#8217;ve heard so much in school is a really great experience. Today I&#8217;m hyped up about designing user interfaces and writing specifications for how things should work. Personally, I&#8217;m a big fan of paper prototypes. A technique where you create low-fidelity prototypes that allow you to iterate [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[41],"tags":[549,551,548,550,391],"class_list":["post-541","post","type-post","status-publish","format-standard","hentry","category-usability","tag-graffletopia","tag-high-fidelity","tag-omnigraffle","tag-paper-prototyping","tag-user-interface"],"acf":[],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.jurecuhalev.com\/blog\/wp-json\/wp\/v2\/posts\/541","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.jurecuhalev.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.jurecuhalev.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.jurecuhalev.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.jurecuhalev.com\/blog\/wp-json\/wp\/v2\/comments?post=541"}],"version-history":[{"count":3,"href":"https:\/\/www.jurecuhalev.com\/blog\/wp-json\/wp\/v2\/posts\/541\/revisions"}],"predecessor-version":[{"id":549,"href":"https:\/\/www.jurecuhalev.com\/blog\/wp-json\/wp\/v2\/posts\/541\/revisions\/549"}],"wp:attachment":[{"href":"https:\/\/www.jurecuhalev.com\/blog\/wp-json\/wp\/v2\/media?parent=541"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.jurecuhalev.com\/blog\/wp-json\/wp\/v2\/categories?post=541"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.jurecuhalev.com\/blog\/wp-json\/wp\/v2\/tags?post=541"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}