{"id":2078,"date":"2014-04-22T09:39:07","date_gmt":"2014-04-22T14:09:07","guid":{"rendered":"http:\/\/www.danielpradilla.info\/blog\/?p=2078"},"modified":"2015-04-07T16:51:08","modified_gmt":"2015-04-07T21:21:08","slug":"how-to-demo-an-app-in-six-steps-john-nelson","status":"publish","type":"post","link":"https:\/\/www.danielpradilla.info\/blog\/how-to-demo-an-app-in-six-steps-john-nelson\/","title":{"rendered":"How to demo an app in six steps | John Nelson"},"content":{"rendered":"<p><a href=\"http:\/\/search.dilbert.com\/comic\/Technology%20Demo\"><img loading=\"lazy\" decoding=\"async\" data-attachment-id=\"2080\" data-permalink=\"https:\/\/www.danielpradilla.info\/blog\/how-to-demo-an-app-in-six-steps-john-nelson\/dilbert-software-demo\/\" data-orig-file=\"https:\/\/www.danielpradilla.info\/blog\/wp-content\/uploads\/2014\/04\/dilbert-software-demo.jpg\" data-orig-size=\"655,212\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;Picasa 3.0&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;}\" data-image-title=\"dilbert-software-demo\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/www.danielpradilla.info\/blog\/wp-content\/uploads\/2014\/04\/dilbert-software-demo.jpg\" class=\"aligncenter size-full wp-image-2080\" src=\"http:\/\/www.danielpradilla.info\/blog\/wp-content\/uploads\/2014\/04\/dilbert-software-demo.jpg\" alt=\"dilbert-software-demo\" width=\"655\" height=\"212\" srcset=\"https:\/\/www.danielpradilla.info\/blog\/wp-content\/uploads\/2014\/04\/dilbert-software-demo.jpg 655w, https:\/\/www.danielpradilla.info\/blog\/wp-content\/uploads\/2014\/04\/dilbert-software-demo-300x97.jpg 300w, https:\/\/www.danielpradilla.info\/blog\/wp-content\/uploads\/2014\/04\/dilbert-software-demo-160x51.jpg 160w, https:\/\/www.danielpradilla.info\/blog\/wp-content\/uploads\/2014\/04\/dilbert-software-demo-260x84.jpg 260w, https:\/\/www.danielpradilla.info\/blog\/wp-content\/uploads\/2014\/04\/dilbert-software-demo-360x116.jpg 360w\" sizes=\"auto, (max-width: 655px) 100vw, 655px\" \/><\/a><\/p>\n<p>Over in his blog, <a href=\"http:\/\/uxblog.idvsolutions.com\/2014\/04\/how-to-demo-app-in-six-steps.html\" target=\"_blank\">John Nelson gives us<\/a> a full step by step recommendations on how to successfully demo an app in front of an audience.<\/p>\n<p>In my case, my two biggest mistakes are usually going too fast or not providing enough context before beginning. I know it because of the questions that rise later during the presentation. So I&#8217;m putting this here also to remind myself:<\/p>\n<blockquote>\n<ul>\n<li>Slow movements and self-narration.\n<ul>\n<li>Each click has cost, be click-stingy. \u00a0Viewers want to understand and follow along; don&#8217;t inadvertently mislead them with nervous clicking and unrelated mouse movements.<\/li>\n<li>Move slowly and deliberately. \u00a0Take your hand off the mouse when not actively demonstrating an action.<\/li>\n<li>Narrate your movements aloud, describing where your attention is moving to, the UI parts involved in the action, each action you take as you take it, and the result.<\/li>\n<li>Speak slowly. \u00a0Pause from time to time to see if someone is trying to chime in (conference calls pretty much mute everybody when you are talking -so give them windows to interrupt).<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<ul>\n<li>Provide a statement of context for the viewers. \u00a0Remind them why they are watching you demo. \u00a0Don&#8217;t dive into the guts (and don&#8217;t &#8216;bury the lead&#8217;). \u00a0If this were a newspaper article, what would the headline be? \u00a0Some examples, depending on what sort of demo it is:\n<ul>\n<li>A feature pitch:\u00a0<i>&#8220;So wouldn&#8217;t it be nice to be able to quickly and easily roll up your manufacturing data by whatever geographic region you like? Here&#8217;s how.&#8221;<\/i><\/li>\n<li>An iterative walk-through of an agile project:\u00a0<i>&#8220;We&#8217;ve been heads-down this week on our latest set of tasks and we&#8217;ve made some exciting progress.&#8221;<\/i><\/li>\n<li>An overview demonstration of a product:\u00a0<i>&#8220;Really, what VCC does, is give you a single picture of the people and places that you care about in the context of events that pose a risk to them so that you can get the jump on threats.&#8221;<\/i><\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/blockquote>\n<p>This also reminded me of <a href=\"http:\/\/donmelton.com\/2014\/04\/10\/memories-of-steve\/\" target=\"_blank\">something I read the other day at Don Melton&#8217;s blog, about presenting\u00a0to Steve Jobs<\/a>:<\/p>\n<blockquote><p><span style=\"color: #3d3d3d;\">When demoing something to Steve, you had to pace yourself. If Steve said, \u00e2\u20ac\u0153Stop,\u00e2\u20ac\u009d you fucking stopped. Hands down and waited. And you didn&#8217;t jiggle the cursor while he was looking at the screen. Certain death.<\/span><\/p><\/blockquote>\n<p><a href=\"http:\/\/uxblog.idvsolutions.com\/2014\/04\/how-to-demo-app-in-six-steps.html\" target=\"_blank\">Continue reading\u00a0How to demo an app in six steps<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Over in his blog, John Nelson gives us a full step by step recommendations on how to successfully demo an app in front of an audience. In my case, my two biggest mistakes are usually going too fast or not providing enough context before beginning. I know it because of the questions that rise later&hellip; <a class=\"more-link\" href=\"https:\/\/www.danielpradilla.info\/blog\/how-to-demo-an-app-in-six-steps-john-nelson\/\">Continue reading <span class=\"screen-reader-text\">How to demo an app in six steps | John Nelson<\/span><\/a><\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_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_post_was_ever_published":false},"categories":[172,171,331],"tags":[],"class_list":["post-2078","post","type-post","status-publish","format-standard","hentry","category-projectmanagement-en","category-sales","category-software-development-en-en","entry"],"aioseo_notices":[],"jetpack_featured_media_url":"","jetpack_shortlink":"https:\/\/wp.me\/p1tlzy-xw","jetpack_sharing_enabled":true,"jetpack-related-posts":[{"id":1765,"url":"https:\/\/www.danielpradilla.info\/blog\/como-compartir-teclado-y-mouse\/","url_meta":{"origin":2078,"position":0},"title":"C\u00c3\u00b3mo compartir teclado y mouse con varios computadores","author":"Daniel Pradilla","date":"23\/07\/2012","format":false,"excerpt":"Si usas dos computadores en tu escritorio, la mejor opci\u00c3\u00b3n para ahorrar espacio es encontrar una manera de compartir el teclado y el mouse de una de ellos. Tengo una PC y una Mac en el escritorio y debo usarlas varias veces durante el d\u00c3\u00ada. Un amigo me sugiri\u00c3\u00b3 que\u2026","rel":"","context":"In &quot;Control de Proyectos&quot;","block_context":{"text":"Control de Proyectos","link":"https:\/\/www.danielpradilla.info\/blog\/category\/controldeproyectos\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/www.danielpradilla.info\/blog\/wp-content\/uploads\/2012\/07\/splash-en.jpg?resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/www.danielpradilla.info\/blog\/wp-content\/uploads\/2012\/07\/splash-en.jpg?resize=350%2C200 1x, https:\/\/i0.wp.com\/www.danielpradilla.info\/blog\/wp-content\/uploads\/2012\/07\/splash-en.jpg?resize=525%2C300 1.5x"},"classes":[]},{"id":2234,"url":"https:\/\/www.danielpradilla.info\/blog\/how-to-build-an-api-for-sap-hana-using-strongloop-loopback\/","url_meta":{"origin":2078,"position":1},"title":"How to build an API for SAP HANA using strongloop\/loopback","author":"Daniel Pradilla","date":"30\/05\/2018","format":false,"excerpt":"One of the aspects I like the most about SAP HANA is the cloud app development environment that allows you to quickly put together a data-entry app using Fiori. Recently, I wanted to build a small JavaScript app for data querying and entry using the awesome ag-grid. The data was\u2026","rel":"","context":"In &quot;Software Dev.&quot;","block_context":{"text":"Software Dev.","link":"https:\/\/www.danielpradilla.info\/blog\/category\/software-development-en-en\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/www.danielpradilla.info\/blog\/wp-content\/uploads\/2018\/05\/loopback-arc.png?resize=350%2C200&ssl=1","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/www.danielpradilla.info\/blog\/wp-content\/uploads\/2018\/05\/loopback-arc.png?resize=350%2C200&ssl=1 1x, https:\/\/i0.wp.com\/www.danielpradilla.info\/blog\/wp-content\/uploads\/2018\/05\/loopback-arc.png?resize=525%2C300&ssl=1 1.5x, https:\/\/i0.wp.com\/www.danielpradilla.info\/blog\/wp-content\/uploads\/2018\/05\/loopback-arc.png?resize=700%2C400&ssl=1 2x"},"classes":[]},{"id":1599,"url":"https:\/\/www.danielpradilla.info\/blog\/como-hacer-una-presentacion-efectiva-con-450-laminas\/","url_meta":{"origin":2078,"position":2},"title":"C\u00c3\u00b3mo hacer una presentaci\u00c3\u00b3n efectiva con 450 l\u00c3\u00a1minas","author":"Daniel Pradilla","date":"18\/02\/2011","format":false,"excerpt":"YouTube - Google Demo Slam: Epic Docs Animation. Siempre que escribo o hablo sobre c\u00c3\u00b3mo hacer una presentaci\u00c3\u00b3n efectiva, traigo a colaci\u00c3\u00b3n la ley del 10\/20\/30 de Kawasaki y en espec\u00c3\u00adfico la parte del \"10\" de esa regla:\u00a0nunca, nunca hagas una presentaci\u00c3\u00b3n de m\u00c3\u00a1s de 10 l\u00c3\u00a1minas. A menos que\u2026","rel":"","context":"In &quot;Control de Proyectos&quot;","block_context":{"text":"Control de Proyectos","link":"https:\/\/www.danielpradilla.info\/blog\/category\/controldeproyectos\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":2229,"url":"https:\/\/www.danielpradilla.info\/blog\/linear-optimization-with-or-tools-containerizing-a-gunicorn-web-application\/","url_meta":{"origin":2078,"position":3},"title":"Linear optimization with or-tools: containerizing a gunicorn web application","author":"Daniel Pradilla","date":"15\/05\/2018","format":false,"excerpt":"Previously, we left our app working with our local python+gunicorn+nginx installation. In order to get there we had to do quite a bit of configuration and if we wanted to deploy this in a server or send it to a friend, we would have to go through a very error-prone\u2026","rel":"","context":"In &quot;Software Dev.&quot;","block_context":{"text":"Software Dev.","link":"https:\/\/www.danielpradilla.info\/blog\/category\/software-development-en-en\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/www.danielpradilla.info\/blog\/wp-content\/uploads\/2018\/05\/docker.jpg?resize=350%2C200&ssl=1","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/www.danielpradilla.info\/blog\/wp-content\/uploads\/2018\/05\/docker.jpg?resize=350%2C200&ssl=1 1x, https:\/\/i0.wp.com\/www.danielpradilla.info\/blog\/wp-content\/uploads\/2018\/05\/docker.jpg?resize=525%2C300&ssl=1 1.5x"},"classes":[]},{"id":1715,"url":"https:\/\/www.danielpradilla.info\/blog\/como-hacer-una-app-de-windows-phone\/","url_meta":{"origin":2078,"position":4},"title":"Como hacer una app de Windows Phone en 6 horas","author":"Daniel Pradilla","date":"31\/01\/2012","format":false,"excerpt":"Scott Hansellman nos cuenta como hizo una aplicaci\u00c3\u00b3n de Windows Phone desde cero a publicaci\u00c3\u00b3n en la tienda, en 6 horas. Vale la pena leerlo por las librer\u00c3\u00adas open source que recomienda. En especial: MetroGridHelper para alinear tus controles TombstoneHelper, para recuperar el estado que ten\u00c3\u00ada tu aplicaci\u00c3\u00b3n cuando vuelves\u2026","rel":"","context":"In &quot;Control de Proyectos&quot;","block_context":{"text":"Control de Proyectos","link":"https:\/\/www.danielpradilla.info\/blog\/category\/controldeproyectos\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/www.danielpradilla.info\/blog\/wp-content\/uploads\/2012\/01\/vs.jpg?resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/www.danielpradilla.info\/blog\/wp-content\/uploads\/2012\/01\/vs.jpg?resize=350%2C200 1x, https:\/\/i0.wp.com\/www.danielpradilla.info\/blog\/wp-content\/uploads\/2012\/01\/vs.jpg?resize=525%2C300 1.5x"},"classes":[]},{"id":2020,"url":"https:\/\/www.danielpradilla.info\/blog\/zoomdata-bi-without-etl\/","url_meta":{"origin":2078,"position":5},"title":"Zoomdata: BI without ETL","author":"Daniel Pradilla","date":"29\/10\/2013","format":false,"excerpt":"This weekend I took a few minutes to test Zoomdata. And when I say minutes, I literally mean minutes. These guys have done an amazing job to provide a quick mobile-ready demo that you can download as a VM, or as I did, install from an RPM package in a\u2026","rel":"","context":"In &quot;Project Mgmt.&quot;","block_context":{"text":"Project Mgmt.","link":"https:\/\/www.danielpradilla.info\/blog\/category\/projectmanagement-en\/"},"img":{"alt_text":"zoomdata","src":"https:\/\/i0.wp.com\/www.danielpradilla.info\/blog\/wp-content\/uploads\/2013\/10\/zoomdata.jpg?resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/www.danielpradilla.info\/blog\/wp-content\/uploads\/2013\/10\/zoomdata.jpg?resize=350%2C200 1x, https:\/\/i0.wp.com\/www.danielpradilla.info\/blog\/wp-content\/uploads\/2013\/10\/zoomdata.jpg?resize=525%2C300 1.5x, https:\/\/i0.wp.com\/www.danielpradilla.info\/blog\/wp-content\/uploads\/2013\/10\/zoomdata.jpg?resize=700%2C400 2x"},"classes":[]}],"_links":{"self":[{"href":"https:\/\/www.danielpradilla.info\/blog\/wp-json\/wp\/v2\/posts\/2078","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.danielpradilla.info\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.danielpradilla.info\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.danielpradilla.info\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.danielpradilla.info\/blog\/wp-json\/wp\/v2\/comments?post=2078"}],"version-history":[{"count":0,"href":"https:\/\/www.danielpradilla.info\/blog\/wp-json\/wp\/v2\/posts\/2078\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.danielpradilla.info\/blog\/wp-json\/wp\/v2\/media?parent=2078"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.danielpradilla.info\/blog\/wp-json\/wp\/v2\/categories?post=2078"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.danielpradilla.info\/blog\/wp-json\/wp\/v2\/tags?post=2078"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}