{"id":320,"date":"2019-01-13T02:29:41","date_gmt":"2019-01-13T02:29:41","guid":{"rendered":"http:\/\/www.scoobr.com\/niblettes_old\/?p=320"},"modified":"2021-06-04T02:31:15","modified_gmt":"2021-06-04T02:31:15","slug":"my-ui-prototyping-toolkit-2-of-7","status":"publish","type":"post","link":"http:\/\/www.scoobr.com\/niblettes_old\/2019\/01\/13\/my-ui-prototyping-toolkit-2-of-7\/","title":{"rendered":"My UI Prototyping Toolkit (2 of 7)"},"content":{"rendered":"<h2>2. Sketches<\/h2>\n<p>Define basic notions of layout, structure and use case flow.<\/p>\n<h3>Tools<\/h3>\n<ol>\n<li>Pencil and Paper<\/li>\n<\/ol>\n<p><img decoding=\"async\" src=\"http:\/\/www.scoobr.com\/niblettes_old\/wp-content\/uploads\/2019\/01\/02-paper.jpg\" alt=\"\" \/><\/p>\n<h3>Pencil and Paper<\/h3>\n<p>Again, paper is a great tool for capturing fleeting ideas. Here the ideas are more concrete, and I&#8217;m trying to make spatial rather than conceptual sense of things. I keep my sketches small. This prevents detail distraction, and help me see a broader scope at a time.<\/p>\n<p>It is the right tool for this job. But move on quickly. Gold plating paper sketches is a waste of effort.<\/p>\n<h4>Benefits<\/h4>\n<ul>\n<li>Speed<\/li>\n<li>Flexibility<\/li>\n<li>Ease<\/li>\n<\/ul>\n<h4>Drawbacks<\/h4>\n<ul>\n<li>No copy\/paste. This makes exploring many minor variations a lot of work.<\/li>\n<li>Edits are messy. Lots of erasing and scratching can obscure your work.<\/li>\n<li>There is no re-use. Every elements must be created from scratch every time you use it.<\/li>\n<li>Non collaborative. Unless your collaborators are sitting right Next to you. At the same table.<\/li>\n<li>Static. Paper helps easily identify things and some crude spatial and syntagmatic relationships.<\/li>\n<\/ul>\n<h4>Price<\/h4>\n<ul>\n<li>Pretty much free<\/li>\n<\/ul>\n<h4>Alternatives I have Used<\/h4>\n<ul>\n<li>I find that I am using Balsamiq more as an alternative to paper.<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>2. Sketches Define basic notions of layout, structure and use case flow. Tools Pencil and Paper Pencil and Paper Again, paper is a great tool for capturing fleeting ideas. Here the ideas are more concrete, and I&#8217;m trying to make spatial rather than conceptual sense of things. I keep my sketches small. This prevents detail [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2}},"categories":[2],"tags":[],"class_list":["post-320","post","type-post","status-publish","format-standard","hentry","category-design"],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/parCYG-5a","_links":{"self":[{"href":"http:\/\/www.scoobr.com\/niblettes_old\/wp-json\/wp\/v2\/posts\/320","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/www.scoobr.com\/niblettes_old\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.scoobr.com\/niblettes_old\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.scoobr.com\/niblettes_old\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"http:\/\/www.scoobr.com\/niblettes_old\/wp-json\/wp\/v2\/comments?post=320"}],"version-history":[{"count":1,"href":"http:\/\/www.scoobr.com\/niblettes_old\/wp-json\/wp\/v2\/posts\/320\/revisions"}],"predecessor-version":[{"id":327,"href":"http:\/\/www.scoobr.com\/niblettes_old\/wp-json\/wp\/v2\/posts\/320\/revisions\/327"}],"wp:attachment":[{"href":"http:\/\/www.scoobr.com\/niblettes_old\/wp-json\/wp\/v2\/media?parent=320"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.scoobr.com\/niblettes_old\/wp-json\/wp\/v2\/categories?post=320"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.scoobr.com\/niblettes_old\/wp-json\/wp\/v2\/tags?post=320"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}