{"id":1672,"date":"2020-04-06T18:56:22","date_gmt":"2020-04-06T18:56:22","guid":{"rendered":"http:\/\/kaceymorrow.com\/361\/?page_id=1672"},"modified":"2021-05-11T07:08:49","modified_gmt":"2021-05-11T07:08:49","slug":"prototyping-testing","status":"publish","type":"page","link":"https:\/\/kaceymorrow.com\/361\/prototyping-testing\/","title":{"rendered":"Prototyping\/Testing\/Tools"},"content":{"rendered":"\n<h4 class=\"wp-block-heading\"><strong>Invision<\/strong><\/h4>\n\n\n\n<ul class=\"wp-block-list\"><li><a rel=\"noreferrer noopener\" href=\"https:\/\/drive.google.com\/file\/d\/1u2K0cTXHGO-uVWo6A2icqoIh97EBuLI8\/view?usp=sharing\" target=\"_blank\">Invision Demo Video<\/a> \/\/ <a rel=\"noreferrer noopener\" href=\"https:\/\/www.invisionapp.com\/\" target=\"_blank\">Link to app<\/a> <\/li><li>Can upload images, create clickable hot spots, share link with testers, leave comments, bring into Freehand for more comments and collaboration with teammate. <ul><li><a rel=\"noreferrer noopener\" href=\"https:\/\/www.invisionapp.com\/inside-design\/design-resources\/free-wireframe-kit-form\/\" target=\"_blank\">Form: PSD Wireframe Kit<\/a><\/li><\/ul><\/li><li><a rel=\"noreferrer noopener\" href=\"https:\/\/www.youtube.com\/watch?v=1H7Ql9hmbuM\" target=\"_blank\">Video Tutorial<\/a><\/li><li><a rel=\"noreferrer noopener\" href=\"https:\/\/mackeycreativelab.com\/leaving-comments-invisionapp\/\" target=\"_blank\">Leaving Comments<\/a><\/li><li><a rel=\"noreferrer noopener\" href=\"https:\/\/www.invisionapp.com\/feature\/freehand\" target=\"_blank\">Using Freehand<\/a> (whiteboard mode)<\/li><\/ul>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>Figma<\/strong><\/h4>\n\n\n\n<ul class=\"wp-block-list\"><li><a href=\"https:\/\/youtu.be\/N7QpSTyBG_Y\">Longer Figma Demo Video<\/a> \/\/ Shorter <a rel=\"noreferrer noopener\" href=\"https:\/\/drive.google.com\/file\/d\/1ipZFNrsejyBdUKctMWuDq62w1f5yiVIQ\/view\" target=\"_blank\">Figma Demo Video<\/a>\u00a0\/\/\u00a0<a rel=\"noreferrer noopener\" href=\"https:\/\/www.figma.com\/\" target=\"_blank\">Link to app<\/a> <\/li><li>Can create wireframes, upload images, or Sketch files on browser, make interactive in Figma, share the link with testers, leave comments, can also co-edit the Figma file with teammate.<ul><li><a rel=\"noreferrer noopener\" href=\"https:\/\/www.figma.com\/community\/file\/887892609124245416\" target=\"_blank\">Lo-Fi Wireframe Kit<\/a><\/li><li><a rel=\"noreferrer noopener\" href=\"https:\/\/www.figma.com\/community\/file\/836596421863073964\" target=\"_blank\">Mobile UI Kit<\/a> (keep it monochromatic)<\/li><li><a rel=\"noreferrer noopener\" href=\"https:\/\/www.figma.com\/community\/file\/829375674987486138\" target=\"_blank\">Lo-Fi Wireframe Template<\/a><\/li><\/ul><\/li><li><a rel=\"noreferrer noopener\" href=\"https:\/\/www.figma.com\/best-practices\/\" target=\"_blank\">Best Practices<\/a><\/li><li><a rel=\"noreferrer noopener\" href=\"https:\/\/www.youtube.com\/channel\/UCQsVmhSa4X-G3lHlUtejzLA\" target=\"_blank\">Figma Tutorials<\/a><\/li><\/ul>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>Adobe XD<\/strong><\/h4>\n\n\n\n<ul class=\"wp-block-list\"><li><a rel=\"noreferrer noopener\" href=\"https:\/\/drive.google.com\/drive\/u\/1\/folders\/1LyRgEvm9m58wS6uCrSqiGfNNNv67zDAr\" target=\"_blank\">Adobe XD Demo Video and Files<\/a>  | Shorter <a rel=\"noreferrer noopener\" href=\"https:\/\/drive.google.com\/file\/d\/1C_BrZJ7fl09-Mm_5o4p6g15M_F7A_pJs\/view?usp=sharing\" target=\"_blank\">Adobe XD Demo Video<\/a> <\/li><li>Can create wireframes, upload images, make interactive in XD, share link with testers, leave comments, can also co-edit if you save and share file to the Cloud<ul><li><a rel=\"noreferrer noopener\" href=\"https:\/\/www.adobe.com\/products\/xd\/features\/ui-kits.html\" target=\"_blank\">Scroll Down to &#8220;Tap into the Design Community&#8221; and find the following kits:<\/a><ul><li>Hand-Drawn Wireframe<\/li><li>Wireframes<\/li><\/ul><\/li><\/ul><\/li><li><a rel=\"noreferrer noopener\" href=\"https:\/\/www.youtube.com\/watch?v=thod66vq8-8\" target=\"_blank\">The Fundamentals<\/a><\/li><li><a rel=\"noreferrer noopener\" href=\"https:\/\/www.youtube.com\/watch?v=NY7AIf17Ooc\" target=\"_blank\">XD Masterclass<\/a><\/li><li><a rel=\"noreferrer noopener\" href=\"https:\/\/www.youtube.com\/watch?v=s4SXQb6e0uM\" target=\"_blank\">How to Get Started<\/a><\/li><\/ul>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>Sketch<\/strong><\/h4>\n\n\n\n<ul class=\"wp-block-list\"><li><a rel=\"noreferrer noopener\" href=\"https:\/\/drive.google.com\/file\/d\/1jqK1vXe_ffws7tE4ppDdstgzeMQzXA_i\/view?usp=sharing\" target=\"_blank\">Sketch and Craft Plugin<\/a> \/\/ <a rel=\"noreferrer noopener\" href=\"https:\/\/www.sketch.com\/\" target=\"_blank\">Link to app.<\/a> <em>(Mac only, Lunacy app is equivalent for PC) <\/em><\/li><li>Can create wireframes, upload images, make interactive in Sketch, use a free plugin called <a rel=\"noreferrer noopener\" href=\"https:\/\/www.invisionapp.com\/craft\" target=\"_blank\">Craft<\/a> to sync up with InVision App to then share link with users, can save a shared version and leave comments in Sketch Cloud &#8211; but cannot co-edit live with teammate. <\/li><li><a rel=\"noreferrer noopener\" href=\"https:\/\/medium.com\/introcept-hub\/best-sketch-video-tutorial-channels-you-should-subscribe-27e007243864\" target=\"_blank\">Best Sketch Video Tutorial List<\/a><\/li><li><a rel=\"noreferrer noopener\" href=\"https:\/\/www.youtube.com\/playlist?list=PLn758IlVgCWbf92nELlapPANO2XemGpbK\" target=\"_blank\">How to Design and Develop a Landing Page<\/a><\/li><li><a rel=\"noreferrer noopener\" href=\"https:\/\/www.youtube.com\/playlist?list=PLLnpHn493BHE6UIsdKYlS5zu-ZYvx22CS\" target=\"_blank\">LevelUp Tutorials<\/a><\/li><li><a rel=\"noreferrer noopener\" href=\"https:\/\/www.youtube.com\/user\/learnsketch\/videos?shelf_id=1&amp;view=0&amp;sort=dd\" target=\"_blank\">LearnSketch.com<\/a><\/li><li><a rel=\"noreferrer noopener\" href=\"http:\/\/learnsketch.com\/freebies\" target=\"_blank\">Sketch Freebies<\/a><\/li><li><a rel=\"noreferrer noopener\" href=\"https:\/\/designcode.io\/sketch-learn\" target=\"_blank\">Learn Sketch 3<\/a><\/li><li><a rel=\"noreferrer noopener\" href=\"https:\/\/www.youtube.com\/channel\/UC-1eTnnUmKJ8yEa1nCnAGpw\" target=\"_blank\">Sketch YouTube Channel<\/a><\/li><\/ul>\n\n\n\n<h4 class=\"wp-block-heading\">POP\/Marvel<\/h4>\n\n\n\n<ul class=\"wp-block-list\"><li><a rel=\"noreferrer noopener\" href=\"https:\/\/drive.google.com\/file\/d\/1mr8Zsfga9QupVKOqIvyRU04BmmAl8b30\/view?usp=sharing\" target=\"_blank\">POP from Marvel<\/a> \/\/ <a rel=\"noreferrer noopener\" href=\"https:\/\/marvelapp.com\/pop\/\" target=\"_blank\">Link to app.<\/a> <\/li><li>Can create quick wireframes on browser, use provided templates, or upload images, create clickable hot spots, share link with testers, leave comments. <\/li><\/ul>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>Usability Testing<\/strong><\/h4>\n\n\n\n<ul class=\"wp-block-list\"><li><a rel=\"noreferrer noopener\" href=\"https:\/\/alistapart.com\/article\/paperprototyping\/\" target=\"_blank\">Paper Prototyping<\/a><\/li><li><a rel=\"noreferrer noopener\" href=\"https:\/\/marvelapp.com\/pop\/\" target=\"_blank\">POP<\/a> (Paper Prototyping App)<\/li><li><a rel=\"noreferrer noopener\" href=\"https:\/\/www.youtube.com\/watch?v=JMjozqJS44M&amp;t=245s\" target=\"_blank\">Google Paper Prototyping Example<\/a> (video) (3:24 is paper prototype)<\/li><li><a rel=\"noreferrer noopener\" href=\"https:\/\/www.youtube.com\/watch?v=KWGBGTGryFk\" target=\"_blank\">Google Digital Prototyping Example<\/a> (video)<\/li><li><a rel=\"noreferrer noopener\" href=\"https:\/\/www.invespcro.com\/blog\/usability-testing\/\" target=\"_blank\">7-Step Roadmap to Usability Testing<\/a><\/li><li><a rel=\"noreferrer noopener\" href=\"https:\/\/taylornguyen.net\/7-simple-steps-to-start-usability-testing-plus-all-the-tools-you-need\/\" target=\"_blank\">7 Simple Steps to Start Usability Testing<\/a><\/li><\/ul>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>Sketching Templates<\/strong><\/h4>\n\n\n\n<ul class=\"wp-block-list\"><li><a href=\"https:\/\/sketchsheets.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">Sketchsheets<\/a><\/li><li><a href=\"https:\/\/www.uistencils.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">UI Stencils<\/a><\/li><li><a href=\"https:\/\/wireframe.cc\/\" target=\"_blank\" rel=\"noreferrer noopener\">Wireframe.cc<\/a><\/li><\/ul>\n\n\n\n<h4 class=\"wp-block-heading\">Concept Video Creation<\/h4>\n\n\n\n<ul class=\"wp-block-list\"><li><a href=\"https:\/\/www.progress.com\/blogs\/5-awesome-mobile-app-videos-and-why-your-app-needs-one-too\" target=\"_blank\" rel=\"noreferrer noopener\">5 Awesome Mobile App Videos<\/a><\/li><li><a href=\"http:\/\/www.appolicious.com\/tech\/articles\/8746-guest-blog-great-resources-for-building-a-killer-app-trailer\" target=\"_blank\" rel=\"noreferrer noopener\">Great Resources for Building a Killer App Trailer<\/a><\/li><li><a href=\"http:\/\/ae.tutsplus.com\/tutorials\/motion-graphics\/create-and-composite-a-mobile-phone-app-demo-template\/\" target=\"_blank\" rel=\"noreferrer noopener\">Create and Composite a Mobile Phone App Demo Template<\/a><\/li><\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Invision Invision Demo Video \/\/ Link to app Can upload images, create clickable hot spots, share link with testers, leave comments, bring into Freehand for more comments and collaboration with teammate. Form: PSD Wireframe Kit Video Tutorial Leaving Comments Using Freehand (whiteboard mode) Figma Longer Figma Demo Video \/\/ Shorter Figma Demo Video\u00a0\/\/\u00a0Link to app [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1672","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/kaceymorrow.com\/361\/wp-json\/wp\/v2\/pages\/1672","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kaceymorrow.com\/361\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/kaceymorrow.com\/361\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/kaceymorrow.com\/361\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/kaceymorrow.com\/361\/wp-json\/wp\/v2\/comments?post=1672"}],"version-history":[{"count":10,"href":"https:\/\/kaceymorrow.com\/361\/wp-json\/wp\/v2\/pages\/1672\/revisions"}],"predecessor-version":[{"id":2619,"href":"https:\/\/kaceymorrow.com\/361\/wp-json\/wp\/v2\/pages\/1672\/revisions\/2619"}],"wp:attachment":[{"href":"https:\/\/kaceymorrow.com\/361\/wp-json\/wp\/v2\/media?parent=1672"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}