{"id":12887,"date":"2015-04-21T12:15:58","date_gmt":"2015-04-21T12:15:58","guid":{"rendered":"http:\/\/rafaelfajardo.com\/portfolio\/designfictions-paper-prototyping-our\/"},"modified":"2018-12-05T17:33:35","modified_gmt":"2018-12-06T00:33:35","slug":"designfictions-paper-prototyping-our","status":"publish","type":"post","link":"https:\/\/rafaelfajardo.com\/portfolio\/designfictions-paper-prototyping-our\/","title":{"rendered":""},"content":{"rendered":"<div id='gallery-1' class='gallery galleryid-12887 gallery-columns-3 gallery-size-thumbnail'><figure class='gallery-item'>\n\t\t\t<div class='gallery-icon landscape'>\n\t\t\t\t<a href='https:\/\/rafaelfajardo.com\/portfolio\/designfictions-paper-prototyping-our\/attachment\/12888\/'><img loading=\"lazy\" decoding=\"async\" width=\"100\" height=\"100\" src=\"https:\/\/rafaelfajardo.com\/portfolio\/wp-content\/uploads\/tumblr_nn59rlcAEj1qj5hweo1_1280-100x100.jpg\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" \/><\/a>\n\t\t\t<\/div><\/figure><figure class='gallery-item'>\n\t\t\t<div class='gallery-icon landscape'>\n\t\t\t\t<a href='https:\/\/rafaelfajardo.com\/portfolio\/designfictions-paper-prototyping-our\/attachment\/12889\/'><img loading=\"lazy\" decoding=\"async\" width=\"100\" height=\"100\" src=\"https:\/\/rafaelfajardo.com\/portfolio\/wp-content\/uploads\/tumblr_nn59rlcAEj1qj5hweo2_1280-100x100.jpg\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" \/><\/a>\n\t\t\t<\/div><\/figure><figure class='gallery-item'>\n\t\t\t<div class='gallery-icon landscape'>\n\t\t\t\t<a href='https:\/\/rafaelfajardo.com\/portfolio\/designfictions-paper-prototyping-our\/attachment\/12890\/'><img loading=\"lazy\" decoding=\"async\" width=\"100\" height=\"100\" src=\"https:\/\/rafaelfajardo.com\/portfolio\/wp-content\/uploads\/tumblr_nn59rlcAEj1qj5hweo3_1280-100x100.jpg\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" \/><\/a>\n\t\t\t<\/div><\/figure><figure class='gallery-item'>\n\t\t\t<div class='gallery-icon landscape'>\n\t\t\t\t<a href='https:\/\/rafaelfajardo.com\/portfolio\/designfictions-paper-prototyping-our\/attachment\/12891\/'><img loading=\"lazy\" decoding=\"async\" width=\"100\" height=\"100\" src=\"https:\/\/rafaelfajardo.com\/portfolio\/wp-content\/uploads\/tumblr_nn59rlcAEj1qj5hweo4_1280-100x100.jpg\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" \/><\/a>\n\t\t\t<\/div><\/figure><figure class='gallery-item'>\n\t\t\t<div class='gallery-icon landscape'>\n\t\t\t\t<a href='https:\/\/rafaelfajardo.com\/portfolio\/designfictions-paper-prototyping-our\/attachment\/12892\/'><img loading=\"lazy\" decoding=\"async\" width=\"100\" height=\"100\" src=\"https:\/\/rafaelfajardo.com\/portfolio\/wp-content\/uploads\/tumblr_nn59rlcAEj1qj5hweo5_1280-100x100.jpg\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" \/><\/a>\n\t\t\t<\/div><\/figure><figure class='gallery-item'>\n\t\t\t<div class='gallery-icon landscape'>\n\t\t\t\t<a href='https:\/\/rafaelfajardo.com\/portfolio\/designfictions-paper-prototyping-our\/attachment\/12893\/'><img loading=\"lazy\" decoding=\"async\" width=\"100\" height=\"100\" src=\"https:\/\/rafaelfajardo.com\/portfolio\/wp-content\/uploads\/tumblr_nn59rlcAEj1qj5hweo6_1280-100x100.jpg\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" \/><\/a>\n\t\t\t<\/div><\/figure>\n\t\t<\/div>\n\n<p><a href=\"http:\/\/designfictions.tumblr.com\/post\/116982626240\/paper-prototyping-our-micro-service-app-concepts\" class=\"tumblr_blog\">designfictions<\/a>:<\/p>\n<blockquote>\n<h2>Paper prototyping our Micro-Service App concepts<\/h2>\n<p>This week we took our Micro-Service App concepts (<a href=\"http:\/\/designfictions.tumblr.com\/post\/116284391565\/future-design-micro-service-apps-masterclass-in\"><b>from last week\u2019s session<\/b><\/a>) to a low fidelity (LoFi) prototype stage to test the initial UI designs.<\/p>\n<p><b>Our LoFi Masterclass:<\/b><\/p>\n<ol>\n<li>A <b>presentation<\/b> taking the class through the many good reasons to paper prototype including a discussion on the <b>best practice<\/b> techniques for user testing<\/li>\n<li>Students make adjustments to their <b>paper UI designs<\/b> (image 2) before <b>testing<\/b> them on a fellow student (image 3). Final tweaks are made to the paper Ui designs based on observations and feedback from testing\u2026<\/li>\n<li>Students use<b> <a href=\"https:\/\/popapp.in\/\">POP<\/a><\/b> to capture their UI designs on their smart phones (image 4). Using <b><a href=\"https:\/\/popapp.in\/\">POP<\/a><\/b> the students can transform their paper sketches into working interfaces (image 5) to further test (image 6).<\/li>\n<\/ol>\n<p><b>Voila! <\/b>We have developed and tested a new concept in Micro-Service Apps\u2026\u00a0<\/p>\n<p>The concept development, user experience considerations and design experiments took much longer and much more effort than preparing a LoFi prototype. The more you resolve your UI and UX design on paper\u2026 the more efficient the implementation stages of production are\u2026\u00a0<b>Promise!<\/b><\/p>\n<p>\u2026now onto <b>High Fidelity prototyping<\/b>. For this we will use <b><a href=\"http:\/\/www.invisionapp.com\/\">Invision<\/a>\u00a0<\/b>or<b> <a href=\"http:\/\/jquerymobile.com\/\">jQuery Mobile<\/a>\u00a0<\/b>for those with web dev experience. Other options include <b><a href=\"https:\/\/www.flinto.com\/\">Flinto<\/a>\u00a0<\/b>and<b> <\/b><b><a href=\"http:\/\/www.pixate.com\/\">Pixate<\/a><\/b><\/p>\n<p><b><i>My testing mantra\u2026<\/i><\/b><\/p>\n<blockquote><p><b>Pay attention to everything\u2026 but only act on somethings.\u00a0<\/b><\/p><\/blockquote>\n<blockquote><p><i>Our test users will have varied responses to your prototypes\u2026 it takes an <b>open mind<\/b> and an <b>expert eye<\/b> to decipher what feedback to act on and what to consider later\/never. Some feedback might hurt and some will surprise and delight you. Either way, the <b>insights from testing will improve your designs <\/b>and make you a better designer.<\/i><\/p><\/blockquote>\n<p><b>Great examples of LoFi Paper Prototype testing:<\/b><\/p>\n<ul>\n<li>Very cute: <a href=\"https:\/\/youtu.be\/9wQkLthhHKA\">https:\/\/youtu.be\/9wQkLthhHKA<\/a><\/li>\n<li>An oldie but a goodie (2007): <a href=\"https:\/\/youtu.be\/GrV2SZuRPv0\">https:\/\/youtu.be\/GrV2SZuRPv0<\/a><\/li>\n<\/ul>\n<p><b>Some online articles on LoFi Paper Prototyping:<\/b><\/p>\n<ul>\n<li><a href=\"http:\/\/www.smashingmagazine.com\/2014\/10\/06\/the-skeptics-guide-to-low-fidelity-prototyping\/\">A guide to Low Fidelity Prototyping<\/a><\/li>\n<li><a href=\"http:\/\/www.smashingmagazine.com\/2014\/03\/06\/building-clickthrough-prototypes-to-support-participatory-design\/\">Another great Smashing Magazine article on LoFi prototyping as a collaborative device<\/a><\/li>\n<\/ul>\n<\/blockquote>\n","protected":false},"excerpt":{"rendered":"<p>designfictions: Paper prototyping our Micro-Service App concepts This week we took our Micro-Service App concepts (from last week\u2019s session) to a low fidelity (LoFi) prototype stage to test the initial UI designs. Our LoFi Masterclass: A presentation taking the class through the many good reasons to paper prototype including a discussion on the best practice [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"gallery","meta":{"_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":[10],"tags":[],"class_list":["post-12887","post","type-post","status-publish","format-gallery","hentry","category-words","post_format-post-format-gallery"],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"","jetpack_shortlink":"https:\/\/wp.me\/p6PWot-3lR","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/rafaelfajardo.com\/portfolio\/wp-json\/wp\/v2\/posts\/12887","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/rafaelfajardo.com\/portfolio\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/rafaelfajardo.com\/portfolio\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/rafaelfajardo.com\/portfolio\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/rafaelfajardo.com\/portfolio\/wp-json\/wp\/v2\/comments?post=12887"}],"version-history":[{"count":1,"href":"https:\/\/rafaelfajardo.com\/portfolio\/wp-json\/wp\/v2\/posts\/12887\/revisions"}],"predecessor-version":[{"id":12894,"href":"https:\/\/rafaelfajardo.com\/portfolio\/wp-json\/wp\/v2\/posts\/12887\/revisions\/12894"}],"wp:attachment":[{"href":"https:\/\/rafaelfajardo.com\/portfolio\/wp-json\/wp\/v2\/media?parent=12887"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/rafaelfajardo.com\/portfolio\/wp-json\/wp\/v2\/categories?post=12887"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/rafaelfajardo.com\/portfolio\/wp-json\/wp\/v2\/tags?post=12887"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}