CINXE.COM

<!DOCTYPE html> <html lang="en-US"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests"> <script type="text/javascript"> var pathInfo = { base: 'https://www.idea.org/blog/wp-content/themes/ideaorg/', css: 'css/', js: 'js/', swf: 'swf/', } </script> <title>interactivity – IDEA</title> <link rel='dns-prefetch' href='//s.w.org' /> <link rel="alternate" type="application/rss+xml" title="IDEA » Feed" href="https://www.idea.org/blog/feed/" /> <link rel="alternate" type="application/rss+xml" title="IDEA » Comments Feed" href="https://www.idea.org/blog/comments/feed/" /> <link rel="alternate" type="application/rss+xml" title="IDEA » interactivity Tag Feed" href="https://www.idea.org/blog/tag/interactivity-2/feed/" /> <script type="text/javascript"> window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/11\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/11\/svg\/","svgExt":".svg","source":{"concatemoji":"\/\/www.idea.org\/blog\/wp-includes\/js\/wp-emoji-release.min.js?ver=4.9.26"}}; !function(e,a,t){var n,r,o,i=a.createElement("canvas"),p=i.getContext&&i.getContext("2d");function s(e,t){var a=String.fromCharCode;p.clearRect(0,0,i.width,i.height),p.fillText(a.apply(this,e),0,0);e=i.toDataURL();return p.clearRect(0,0,i.width,i.height),p.fillText(a.apply(this,t),0,0),e===i.toDataURL()}function c(e){var t=a.createElement("script");t.src=e,t.defer=t.type="text/javascript",a.getElementsByTagName("head")[0].appendChild(t)}for(o=Array("flag","emoji"),t.supports={everything:!0,everythingExceptFlag:!0},r=0;r<o.length;r++)t.supports[o[r]]=function(e){if(!p||!p.fillText)return!1;switch(p.textBaseline="top",p.font="600 32px Arial",e){case"flag":return s([55356,56826,55356,56819],[55356,56826,8203,55356,56819])?!1:!s([55356,57332,56128,56423,56128,56418,56128,56421,56128,56430,56128,56423,56128,56447],[55356,57332,8203,56128,56423,8203,56128,56418,8203,56128,56421,8203,56128,56430,8203,56128,56423,8203,56128,56447]);case"emoji":return!s([55358,56760,9792,65039],[55358,56760,8203,9792,65039])}return!1}(o[r]),t.supports.everything=t.supports.everything&&t.supports[o[r]],"flag"!==o[r]&&(t.supports.everythingExceptFlag=t.supports.everythingExceptFlag&&t.supports[o[r]]);t.supports.everythingExceptFlag=t.supports.everythingExceptFlag&&!t.supports.flag,t.DOMReady=!1,t.readyCallback=function(){t.DOMReady=!0},t.supports.everything||(n=function(){t.readyCallback()},a.addEventListener?(a.addEventListener("DOMContentLoaded",n,!1),e.addEventListener("load",n,!1)):(e.attachEvent("onload",n),a.attachEvent("onreadystatechange",function(){"complete"===a.readyState&&t.readyCallback()})),(n=t.source||{}).concatemoji?c(n.concatemoji):n.wpemoji&&n.twemoji&&(c(n.twemoji),c(n.wpemoji)))}(window,document,window._wpemojiSettings); </script> <style type="text/css"> img.wp-smiley, img.emoji { display: inline !important; border: none !important; box-shadow: none !important; height: 1em !important; width: 1em !important; margin: 0 .07em !important; vertical-align: -0.1em !important; background: none !important; padding: 0 !important; } </style> <link rel='stylesheet' id='yarppWidgetCss-css' href='//www.idea.org/blog/wp-content/plugins/yet-another-related-posts-plugin/style/widget.css' type='text/css' media='all' /> <link rel='stylesheet' id='contact-form-7-css' href='//www.idea.org/blog/wp-content/plugins/contact-form-7/includes/css/styles.css' type='text/css' media='all' /> <link rel='stylesheet' id='base-style-css' href='//www.idea.org/blog/wp-content/themes/ideaorg/style.css' type='text/css' media='all' /> <link rel='stylesheet' id='base-theme-css' href='//www.idea.org/blog/wp-content/themes/ideaorg/theme.css' type='text/css' media='all' /> <script type='text/javascript' src='//www.idea.org/blog/wp-includes/js/jquery/jquery.js'></script> <script type='text/javascript' src='//www.idea.org/blog/wp-includes/js/jquery/jquery-migrate.min.js'></script> <link rel='https://api.w.org/' href='https://www.idea.org/blog/wp-json/' /> <link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://www.idea.org/blog/xmlrpc.php?rsd" /> <link rel="wlwmanifest" type="application/wlwmanifest+xml" href="https://www.idea.org/blog/wp-includes/wlwmanifest.xml" /> </head> <body class="inner tag tag-interactivity-2 tag-197"> <div id="wrapper" class="js-ajax-holder"> <header id="header"> <div class="container"> <div class="logo"> <a href="https://www.idea.org/blog"><img src="https://www.idea.org/blog/wp-content/themes/ideaorg/images/logo.png" alt="IDEA"></a> </div> <div class="search-block"> <a href="#" class="opener"> <picture>  <source srcset="https://www.idea.org/blog/wp-content/themes/ideaorg/images/small-search.png, https://www.idea.org/blog/wp-content/themes/ideaorg/images/small-search-2x.png 2x" media="(max-width: 767px)"> <source srcset="https://www.idea.org/blog/wp-content/themes/ideaorg/images/search.png, https://www.idea.org/blog/wp-content/themes/ideaorg/images/search-2x.png 2x">  <img src="search.png" alt="search"> </picture> </a> <div class="form-search"> <form action="https://www.idea.org/blog" method="get" class="search js-search-form"> <fieldset> <input id="search" name="s" type="search" placeholder="Type your search..." value=""> <button class="search-btn" type="submit" value=""> <picture>  <source srcset="https://www.idea.org/blog/wp-content/themes/ideaorg/images/small-search.png, https://www.idea.org/blog/wp-content/themes/ideaorg/images/small-search-2x.png 2x" media="(max-width: 767px)"> <source srcset="https://www.idea.org/blog/wp-content/themes/ideaorg/images/search.png, https://www.idea.org/blog/wp-content/themes/ideaorg/images/search-2x.png 2x">  <img src="search.png" alt="search"> </picture> </button> </fieldset> </form> <a class="opener2" href="#">Browse Topics</a> </div> </div> </div> <div class="topics-page"> <div class="container"> <div class="topics-holder"> <a href="#" class="closer"><span></span></a> <div class="widget widget_tag_cloud"> <h3>Other topics</h3> <div class="tagcloud js-ajax-links-holder"> <a href="https://www.idea.org/blog/tag/access/" class="tag-cloud-link tag-link-222 tag-link-position-1" style="font-size: 28.358208955224px;" aria-label="access (21 items)">access</a>, <a href="https://www.idea.org/blog/tag/android/" class="tag-cloud-link tag-link-112 tag-link-position-2" style="font-size: 21.791044776119px;" aria-label="Android (7 items)">Android</a>, <a href="https://www.idea.org/blog/tag/apple/" class="tag-cloud-link tag-link-110 tag-link-position-3" style="font-size: 26.268656716418px;" aria-label="Apple (15 items)">Apple</a>, <a href="https://www.idea.org/blog/tag/apps/" class="tag-cloud-link tag-link-169 tag-link-position-4" style="font-size: 25.970149253731px;" aria-label="apps (14 items)">apps</a>, <a href="https://www.idea.org/blog/tag/art/" class="tag-cloud-link tag-link-107 tag-link-position-5" style="font-size: 23.880597014925px;" aria-label="art (10 items)">art</a>, <a href="https://www.idea.org/blog/tag/audience/" class="tag-cloud-link tag-link-45 tag-link-position-6" style="font-size: 28.358208955224px;" aria-label="Audience (21 items)">Audience</a>, <a href="https://www.idea.org/blog/tag/blog/" class="tag-cloud-link tag-link-87 tag-link-position-7" style="font-size: 23.283582089552px;" aria-label="blog (9 items)">blog</a>, <a href="https://www.idea.org/blog/tag/classroom/" class="tag-cloud-link tag-link-188 tag-link-position-8" style="font-size: 21.791044776119px;" aria-label="classroom (7 items)">classroom</a>, <a href="https://www.idea.org/blog/tag/community/" class="tag-cloud-link tag-link-26 tag-link-position-9" style="font-size: 25.970149253731px;" aria-label="community (14 items)">community</a>, <a href="https://www.idea.org/blog/tag/content-management/" class="tag-cloud-link tag-link-39 tag-link-position-10" style="font-size: 25.522388059701px;" aria-label="content management (13 items)">content management</a>, <a href="https://www.idea.org/blog/tag/costs/" class="tag-cloud-link tag-link-70 tag-link-position-11" style="font-size: 21.044776119403px;" aria-label="costs (6 items)">costs</a>, <a href="https://www.idea.org/blog/tag/culture/" class="tag-cloud-link tag-link-217 tag-link-position-12" style="font-size: 22.537313432836px;" aria-label="culture (8 items)">culture</a>, <a href="https://www.idea.org/blog/tag/data/" class="tag-cloud-link tag-link-38 tag-link-position-13" style="font-size: 27.164179104478px;" aria-label="Data (17 items)">Data</a>, <a href="https://www.idea.org/blog/tag/dissemination/" class="tag-cloud-link tag-link-134 tag-link-position-14" style="font-size: 25.970149253731px;" aria-label="dissemination (14 items)">dissemination</a>, <a href="https://www.idea.org/blog/tag/e-learning/" class="tag-cloud-link tag-link-81 tag-link-position-15" style="font-size: 22.537313432836px;" aria-label="e-learning (8 items)">e-learning</a>, <a href="https://www.idea.org/blog/tag/education/" class="tag-cloud-link tag-link-192 tag-link-position-16" style="font-size: 26.716417910448px;" aria-label="education (16 items)">education</a>, <a href="https://www.idea.org/blog/tag/evaluation/" class="tag-cloud-link tag-link-135 tag-link-position-17" style="font-size: 26.268656716418px;" aria-label="evaluation (15 items)">evaluation</a>, <a href="https://www.idea.org/blog/tag/exhibits/" class="tag-cloud-link tag-link-53 tag-link-position-18" style="font-size: 24.925373134328px;" aria-label="exhibits (12 items)">exhibits</a>, <a href="https://www.idea.org/blog/tag/experiences/" class="tag-cloud-link tag-link-168 tag-link-position-19" style="font-size: 23.880597014925px;" aria-label="experiences (10 items)">experiences</a>, <a href="https://www.idea.org/blog/tag/facebook/" class="tag-cloud-link tag-link-85 tag-link-position-20" style="font-size: 20px;" aria-label="Facebook (5 items)">Facebook</a>, <a href="https://www.idea.org/blog/tag/finding-information/" class="tag-cloud-link tag-link-21 tag-link-position-21" style="font-size: 20px;" aria-label="finding information (5 items)">finding information</a>, <a href="https://www.idea.org/blog/tag/free/" class="tag-cloud-link tag-link-248 tag-link-position-22" style="font-size: 21.791044776119px;" aria-label="free (7 items)">free</a>, <a href="https://www.idea.org/blog/tag/funding/" class="tag-cloud-link tag-link-149 tag-link-position-23" style="font-size: 21.044776119403px;" aria-label="funding (6 items)">funding</a>, <a href="https://www.idea.org/blog/tag/games/" class="tag-cloud-link tag-link-170 tag-link-position-24" style="font-size: 21.044776119403px;" aria-label="games (6 items)">games</a>, <a href="https://www.idea.org/blog/tag/google/" class="tag-cloud-link tag-link-74 tag-link-position-25" style="font-size: 24.477611940299px;" aria-label="google (11 items)">google</a>, <a href="https://www.idea.org/blog/tag/higher-education/" class="tag-cloud-link tag-link-61 tag-link-position-26" style="font-size: 21.044776119403px;" aria-label="higher education (6 items)">higher education</a>, <a href="https://www.idea.org/blog/tag/history/" class="tag-cloud-link tag-link-154 tag-link-position-27" style="font-size: 22.537313432836px;" aria-label="history (8 items)">history</a>, <a href="https://www.idea.org/blog/tag/interactivity-2/" class="tag-cloud-link tag-link-197 tag-link-position-28" style="font-size: 26.268656716418px;" aria-label="interactivity (15 items)">interactivity</a>, <a href="https://www.idea.org/blog/tag/ios/" class="tag-cloud-link tag-link-113 tag-link-position-29" style="font-size: 21.044776119403px;" aria-label="iOS (6 items)">iOS</a>, <a href="https://www.idea.org/blog/tag/ipad/" class="tag-cloud-link tag-link-108 tag-link-position-30" style="font-size: 22.537313432836px;" aria-label="IPad (8 items)">IPad</a>, <a href="https://www.idea.org/blog/tag/iphone/" class="tag-cloud-link tag-link-123 tag-link-position-31" style="font-size: 21.044776119403px;" aria-label="iPhone (6 items)">iPhone</a>, <a href="https://www.idea.org/blog/tag/learning-2/" class="tag-cloud-link tag-link-191 tag-link-position-32" style="font-size: 24.925373134328px;" aria-label="learning (12 items)">learning</a>, <a href="https://www.idea.org/blog/tag/metrics/" class="tag-cloud-link tag-link-33 tag-link-position-33" style="font-size: 20px;" aria-label="metrics (5 items)">metrics</a>, <a href="https://www.idea.org/blog/tag/mobile/" class="tag-cloud-link tag-link-71 tag-link-position-34" style="font-size: 27.761194029851px;" aria-label="mobile (19 items)">mobile</a>, <a href="https://www.idea.org/blog/tag/museum/" class="tag-cloud-link tag-link-105 tag-link-position-35" style="font-size: 30px;" aria-label="museum (27 items)">museum</a>, <a href="https://www.idea.org/blog/tag/navigation/" class="tag-cloud-link tag-link-22 tag-link-position-36" style="font-size: 20px;" aria-label="navigation (5 items)">navigation</a>, <a href="https://www.idea.org/blog/tag/online-course/" class="tag-cloud-link tag-link-295 tag-link-position-37" style="font-size: 20px;" aria-label="online course (5 items)">online course</a>, <a href="https://www.idea.org/blog/tag/open-access/" class="tag-cloud-link tag-link-177 tag-link-position-38" style="font-size: 21.044776119403px;" aria-label="open access (6 items)">open access</a>, <a href="https://www.idea.org/blog/tag/outreach/" class="tag-cloud-link tag-link-136 tag-link-position-39" style="font-size: 29.253731343284px;" aria-label="outreach (24 items)">outreach</a>, <a href="https://www.idea.org/blog/tag/personalization/" class="tag-cloud-link tag-link-137 tag-link-position-40" style="font-size: 21.044776119403px;" aria-label="personalization (6 items)">personalization</a>, <a href="https://www.idea.org/blog/tag/planning/" class="tag-cloud-link tag-link-139 tag-link-position-41" style="font-size: 24.925373134328px;" aria-label="planning (12 items)">planning</a>, <a href="https://www.idea.org/blog/tag/publishing/" class="tag-cloud-link tag-link-179 tag-link-position-42" style="font-size: 22.537313432836px;" aria-label="publishing (8 items)">publishing</a>, <a href="https://www.idea.org/blog/tag/smartphone/" class="tag-cloud-link tag-link-114 tag-link-position-43" style="font-size: 21.044776119403px;" aria-label="smartphone (6 items)">smartphone</a>, <a href="https://www.idea.org/blog/tag/social-media-2/" class="tag-cloud-link tag-link-51 tag-link-position-44" style="font-size: 26.716417910448px;" aria-label="social media (16 items)">social media</a>, <a href="https://www.idea.org/blog/tag/study/" class="tag-cloud-link tag-link-133 tag-link-position-45" style="font-size: 21.791044776119px;" aria-label="study (7 items)">study</a>, <a href="https://www.idea.org/blog/tag/twitter/" class="tag-cloud-link tag-link-164 tag-link-position-46" style="font-size: 22.537313432836px;" aria-label="Twitter (8 items)">Twitter</a>, <a href="https://www.idea.org/blog/tag/user-interface/" class="tag-cloud-link tag-link-20 tag-link-position-47" style="font-size: 28.358208955224px;" aria-label="user interface (21 items)">user interface</a>, <a href="https://www.idea.org/blog/tag/video/" class="tag-cloud-link tag-link-118 tag-link-position-48" style="font-size: 21.791044776119px;" aria-label="video (7 items)">video</a>, <a href="https://www.idea.org/blog/tag/visitors/" class="tag-cloud-link tag-link-97 tag-link-position-49" style="font-size: 25.522388059701px;" aria-label="visitors (13 items)">visitors</a>, <a href="https://www.idea.org/blog/tag/visualization/" class="tag-cloud-link tag-link-199 tag-link-position-50" style="font-size: 21.044776119403px;" aria-label="visualization (6 items)">visualization</a> </div> </div> <div class="js-ajax-frame"> <section class="post-list"> <h3>Recent posts</h3> <article class="post"> <div class="article-footer"> <time datetime="2014">5 Mar 2014</time> <h4><a href="https://www.idea.org/blog/2014/03/05/gender-role-literacy-girls-in-science/">Gender role literacy: Girls in science?</a></h4> </div> <p>There are gender wars, and then there are casualties. It wasn’t until 2011 that the behemoth toymaker LEGO acknowledged girls’ desire to build with bricks, even though the company had long before made a seemingly effortless pivot to co-branding, video games, and major motion pictures. So it’s little wonder that girls face all-too-real obstacles when <a href="https://www.idea.org/blog/2014/03/05/gender-role-literacy-girls-in-science/">[…]</a></p> <a class="more" href="https://www.idea.org/blog/2014/03/05/gender-role-literacy-girls-in-science/">Read more</a> </article> <article class="post"> <div class="article-footer"> <time datetime="2013">9 Dec 2013</time> <h4><a href="https://www.idea.org/blog/2013/12/09/challenges-of-crowdsourcing-analysis-of-historypin/">Challenges of crowdsourcing: Analysis of Historypin</a></h4> </div> <p>Crowdsourcing can build virtual community, engage the public, and build large knowledge databases about science and culture. But what does it take, and how fast can you grow? For some insight, we look at a crowdsourced history site: Historypin is an appealing database of historical photos, with dates, locations, captions, and other metadata. It’s called History <a href="https://www.idea.org/blog/2013/12/09/challenges-of-crowdsourcing-analysis-of-historypin/">[…]</a></p> <a class="more" href="https://www.idea.org/blog/2013/12/09/challenges-of-crowdsourcing-analysis-of-historypin/">Read more</a> </article> <article class="post"> <div class="article-footer"> <time datetime="2013">18 Nov 2013</time> <h4><a href="https://www.idea.org/blog/2013/11/18/dinovember-creative-literacy-starts-young/">Dinovember: Creative literacy starts young</a></h4> </div> <p>“Uh-oh,” Refe Tuma heard his girls whisper. “Mom and Dad are not going to like this.” It’s Dinovember, and his family’s plastic dinosaurs have been getting into mischief all month. Every year, Tuma and his wife devote the month of November to “convincing our children that, while they sleep, their plastic dinosaur figures come to life. <a href="https://www.idea.org/blog/2013/11/18/dinovember-creative-literacy-starts-young/">[…]</a></p> <a class="more" href="https://www.idea.org/blog/2013/11/18/dinovember-creative-literacy-starts-young/">Read more</a> </article> </section> </div> </div> </div> </div> </header> <main role="main" id="main"><div id="twocolumns" class="full_width"> <div class="container default_page"> <div class="twocolumns-holder"> <section id="content" class="ajax-container"> <div class="title"> <h1>Tag: interactivity</h1> </div> <div class="post-4153 post type-post status-publish format-standard hentry category-learning category-strategy tag-access tag-distance-education tag-free tag-higher-education tag-interactivity-2 tag-learning-2 tag-mooc tag-online-course" id="post-4153"> <div class="title"> <h2><a href="https://www.idea.org/blog/2013/04/22/lessons-to-be-learned-from-moocs-2-years-out/" rel="bookmark">Lessons to be learned from MOOCs, 2 years out</a></h2> <p class="info"><strong class="date"><a href="https://www.idea.org/blog/2013/04/22/lessons-to-be-learned-from-moocs-2-years-out/" rel="bookmark">April 22nd, 2013</a></strong> by IDEA</p> </div> <div class="content"> <p><img class="size-thumbnail wp-image-4154 alignright" alt="Two Cheers for Web U!" src="http://www.idea.org/blog/wp-content/uploads/2013/04/Screen-Shot-2013-04-22-at-2.10.16-PM-150x135.png" width="150" height="135" srcset="https://www.idea.org/blog/wp-content/uploads/2013/04/Screen-Shot-2013-04-22-at-2.10.16-PM-150x135.png 150w, https://www.idea.org/blog/wp-content/uploads/2013/04/Screen-Shot-2013-04-22-at-2.10.16-PM.png 159w" sizes="(max-width: 150px) 100vw, 150px" />Online courses with very large enrollments have rapidly matured in the last two years, led largely by experiments outside mainstream academia by <a href="https://www.coursera.org/">Coursera</a>, <a href="https://www.udacity.com/">Udacity</a> and <a href="https://www.edx.org/">edX</a>. Ambitious educators, technologists, and funders have created courses on diverse topics, and over five million students worldwide have registered for classes. And 3% have completed the courses. What can we learn? <a href="https://www.idea.org/blog/2013/04/22/lessons-to-be-learned-from-moocs-2-years-out/#more-4153" class="more-link"><span aria-label="Continue reading Lessons to be learned from MOOCs, 2 years out">(more…)</span></a></p> </div> <div class="meta"> <ul> <li>Posted in <a href="https://www.idea.org/blog/category/learning/" rel="category tag">Learning & access</a>, <a href="https://www.idea.org/blog/category/strategy/" rel="category tag">Strategy</a></li> <li><a href="https://www.idea.org/blog/2013/04/22/lessons-to-be-learned-from-moocs-2-years-out/#comments">1 Comment</a></li> <li>Tags: <a href="https://www.idea.org/blog/tag/access/" rel="tag">access</a>, <a href="https://www.idea.org/blog/tag/distance-education/" rel="tag">distance education</a>, <a href="https://www.idea.org/blog/tag/free/" rel="tag">free</a>, <a href="https://www.idea.org/blog/tag/higher-education/" rel="tag">higher education</a>, <a href="https://www.idea.org/blog/tag/interactivity-2/" rel="tag">interactivity</a>, <a href="https://www.idea.org/blog/tag/learning-2/" rel="tag">learning</a>, <a href="https://www.idea.org/blog/tag/mooc/" rel="tag">MOOC</a>, <a href="https://www.idea.org/blog/tag/online-course/" rel="tag">online course</a></li> </ul> </div> </div> <div class="post-2986 post type-post status-publish format-standard hentry category-communications tag-android tag-apple tag-apps tag-audience tag-data tag-interactivity-2 tag-ios tag-itunes tag-mobile tag-museum tag-nina-simon tag-qr-code tag-redlaser tag-smartphone tag-video tag-visitors" id="post-2986"> <div class="title"> <h2><a href="https://www.idea.org/blog/2011/09/05/what-are-qr-codes-and-how-are-they-useful-for-outreach/" rel="bookmark">What are QR Codes? And how are they useful for outreach?</a></h2> <p class="info"><strong class="date"><a href="https://www.idea.org/blog/2011/09/05/what-are-qr-codes-and-how-are-they-useful-for-outreach/" rel="bookmark">September 5th, 2011</a></strong> by IDEA</p> </div> <div class="content"> <p><a href="http://www.idea.org/blog/wp-content/uploads/2011/09/img.php_.png"><img class="alignright size-full wp-image-2991" title="QR code" src="http://www.idea.org/blog/wp-content/uploads/2011/09/img.php_.png" alt="" width="108" height="108" /></a>QR codes are a way to send information to mobile devices (e.g., a smartphone) using its camera. You send a short blurb of text, or a web address (URL) by representing it as a code which people photograph from their phone.</p> <p>The codes are easy to generate. <a href="http://qrcode.kaywa.com/">Several</a> <a href="http://www.qrstuff.com/">web</a> <a href="http://goqr.me/">sites</a> and software programs will make the codes for you.</p> <p><a href="http://www.idea.org/blog/wp-content/uploads/2011/09/qr-code-01.jpg"><img class="alignleft size-medium wp-image-2994" title="Andy Warhol - total art" src="http://www.idea.org/blog/wp-content/uploads/2011/09/qr-code-01-300x199.jpg" alt="" width="300" height="199" srcset="https://www.idea.org/blog/wp-content/uploads/2011/09/qr-code-01-300x199.jpg 300w, https://www.idea.org/blog/wp-content/uploads/2011/09/qr-code-01-150x99.jpg 150w, https://www.idea.org/blog/wp-content/uploads/2011/09/qr-code-01.jpg 800w" sizes="(max-width: 300px) 100vw, 300px" /></a>To read the codes, users need a QR reader app to take a snapshot of the code with their device’s camera. The app returns the decoded text or web URL.</p> <p>In the photo at left, a pedestrian takes a photo of a QR code promoting an Andy Warhol show.</p> <p>There are hundreds of barcode-reader apps (e.g., <a href="http://redlaser.com/">RedLaser</a> and <a href="http://www.quickmark.com.tw/En/basic/index.asp">QuickMark</a> for iOS and Android devices, and the <a href="http://reader.kaywa.com/phones">Kaywa</a> reader for dumber smartphones), and code-reading can be included in custom apps, e.g., a museum tour. <a href="https://www.idea.org/blog/2011/09/05/what-are-qr-codes-and-how-are-they-useful-for-outreach/#more-2986" class="more-link"><span aria-label="Continue reading What are QR Codes? And how are they useful for outreach?">(more…)</span></a></p> </div> <div class="meta"> <ul> <li>Posted in <a href="https://www.idea.org/blog/category/communications/" rel="category tag">Communication</a></li> <li><a href="https://www.idea.org/blog/2011/09/05/what-are-qr-codes-and-how-are-they-useful-for-outreach/#comments">14 Comments</a></li> <li>Tags: <a href="https://www.idea.org/blog/tag/android/" rel="tag">Android</a>, <a href="https://www.idea.org/blog/tag/apple/" rel="tag">Apple</a>, <a href="https://www.idea.org/blog/tag/apps/" rel="tag">apps</a>, <a href="https://www.idea.org/blog/tag/audience/" rel="tag">Audience</a>, <a href="https://www.idea.org/blog/tag/data/" rel="tag">Data</a>, <a href="https://www.idea.org/blog/tag/interactivity-2/" rel="tag">interactivity</a>, <a href="https://www.idea.org/blog/tag/ios/" rel="tag">iOS</a>, <a href="https://www.idea.org/blog/tag/itunes/" rel="tag">iTunes</a>, <a href="https://www.idea.org/blog/tag/mobile/" rel="tag">mobile</a>, <a href="https://www.idea.org/blog/tag/museum/" rel="tag">museum</a>, <a href="https://www.idea.org/blog/tag/nina-simon/" rel="tag">nina simon</a>, <a href="https://www.idea.org/blog/tag/qr-code/" rel="tag">QR Code</a>, <a href="https://www.idea.org/blog/tag/redlaser/" rel="tag">RedLaser</a>, <a href="https://www.idea.org/blog/tag/smartphone/" rel="tag">smartphone</a>, <a href="https://www.idea.org/blog/tag/video/" rel="tag">video</a>, <a href="https://www.idea.org/blog/tag/visitors/" rel="tag">visitors</a></li> </ul> </div> </div> <div class="post-502 post type-post status-publish format-standard hentry category-strategy tag-interactivity-2 tag-sequence tag-user-interface" id="post-502"> <div class="title"> <h2><a href="https://www.idea.org/blog/2006/06/02/viewing-a-sequence/" rel="bookmark">Viewing a sequence</a></h2> <p class="info"><strong class="date"><a href="https://www.idea.org/blog/2006/06/02/viewing-a-sequence/" rel="bookmark">June 2nd, 2006</a></strong> by IDEA</p> </div> <div class="content"> <p>Labeling sequences is paramount.   The process of painting a canvas is personal and unique to each artist. Visitors step through the sequence which Philip Pearlstein used to paint a wedding portrait. (WebExhibits) View a the sequence of layers in an Incan mummy. (National Geographic) Problem You need to display a time-lapse sequence, or a</p> </div> <div class="meta"> <ul> <li>Posted in <a href="https://www.idea.org/blog/category/strategy/" rel="category tag">Strategy</a></li> <li><a href="https://www.idea.org/blog/2006/06/02/viewing-a-sequence/#respond">No Comments</a></li> <li>Tags: <a href="https://www.idea.org/blog/tag/interactivity-2/" rel="tag">interactivity</a>, <a href="https://www.idea.org/blog/tag/sequence/" rel="tag">sequence</a>, <a href="https://www.idea.org/blog/tag/user-interface/" rel="tag">user interface</a></li> </ul> </div> </div> <div class="post-207 post type-post status-publish format-standard hentry category-interactivity tag-apple tag-interactivity-2 tag-user-interface tag-widget" id="post-207"> <div class="title"> <h2><a href="https://www.idea.org/blog/2006/06/01/interactive-appliances-widgets/" rel="bookmark">Interactive appliances & widgets</a></h2> <p class="info"><strong class="date"><a href="https://www.idea.org/blog/2006/06/01/interactive-appliances-widgets/" rel="bookmark">June 1st, 2006</a></strong> by IDEA</p> </div> <div class="content"> <p>Using minimum complexity and maximum consistency in interactive UIs. <a href="https://www.idea.org/blog/2006/06/01/interactive-appliances-widgets/#more-207" class="more-link"><span aria-label="Continue reading Interactive appliances & widgets">(more…)</span></a></p> </div> <div class="meta"> <ul> <li>Posted in <a href="https://www.idea.org/blog/category/interactivity/" rel="category tag">Interactive experiences</a></li> <li><a href="https://www.idea.org/blog/2006/06/01/interactive-appliances-widgets/#respond">No Comments</a></li> <li>Tags: <a href="https://www.idea.org/blog/tag/apple/" rel="tag">Apple</a>, <a href="https://www.idea.org/blog/tag/interactivity-2/" rel="tag">interactivity</a>, <a href="https://www.idea.org/blog/tag/user-interface/" rel="tag">user interface</a>, <a href="https://www.idea.org/blog/tag/widget/" rel="tag">widget</a></li> </ul> </div> </div> <div class="post-205 post type-post status-publish format-standard hentry category-interactivity tag-animation tag-apple tag-interactivity-2 tag-models tag-user-interface tag-virtual-reality" id="post-205"> <div class="title"> <h2><a href="https://www.idea.org/blog/2006/06/01/modeling-and-altering-reality/" rel="bookmark">Modeling and altering reality</a></h2> <p class="info"><strong class="date"><a href="https://www.idea.org/blog/2006/06/01/modeling-and-altering-reality/" rel="bookmark">June 1st, 2006</a></strong> by IDEA</p> </div> <div class="content"> <div>By manipulating models, visitors understand how components interact. <a href="https://www.idea.org/blog/2006/06/01/modeling-and-altering-reality/#more-205" class="more-link"><span aria-label="Continue reading Modeling and altering reality">(more…)</span></a></div> </div> <div class="meta"> <ul> <li>Posted in <a href="https://www.idea.org/blog/category/interactivity/" rel="category tag">Interactive experiences</a></li> <li><a href="https://www.idea.org/blog/2006/06/01/modeling-and-altering-reality/#respond">No Comments</a></li> <li>Tags: <a href="https://www.idea.org/blog/tag/animation/" rel="tag">Animation</a>, <a href="https://www.idea.org/blog/tag/apple/" rel="tag">Apple</a>, <a href="https://www.idea.org/blog/tag/interactivity-2/" rel="tag">interactivity</a>, <a href="https://www.idea.org/blog/tag/models/" rel="tag">models</a>, <a href="https://www.idea.org/blog/tag/user-interface/" rel="tag">user interface</a>, <a href="https://www.idea.org/blog/tag/virtual-reality/" rel="tag">virtual reality</a></li> </ul> </div> </div> <div class="post-200 post type-post status-publish format-standard hentry category-interactivity tag-interactivity-2 tag-user-interface" id="post-200"> <div class="title"> <h2><a href="https://www.idea.org/blog/2006/06/01/independent-and-dependent-variables/" rel="bookmark">Independent and dependent variables</a></h2> <p class="info"><strong class="date"><a href="https://www.idea.org/blog/2006/06/01/independent-and-dependent-variables/" rel="bookmark">June 1st, 2006</a></strong> by IDEA</p> </div> <div class="content"> <p>Incorporating intuitive graphs provides visitors with new insights. <a href="https://www.idea.org/blog/2006/06/01/independent-and-dependent-variables/#more-200" class="more-link"><span aria-label="Continue reading Independent and dependent variables">(more…)</span></a></p> </div> <div class="meta"> <ul> <li>Posted in <a href="https://www.idea.org/blog/category/interactivity/" rel="category tag">Interactive experiences</a></li> <li><a href="https://www.idea.org/blog/2006/06/01/independent-and-dependent-variables/#respond">No Comments</a></li> <li>Tags: <a href="https://www.idea.org/blog/tag/interactivity-2/" rel="tag">interactivity</a>, <a href="https://www.idea.org/blog/tag/user-interface/" rel="tag">user interface</a></li> </ul> </div> </div> <div class="post-195 post type-post status-publish format-standard hentry category-interactivity tag-interactivity-2 tag-user-interface" id="post-195"> <div class="title"> <h2><a href="https://www.idea.org/blog/2006/06/01/interacting-with-objects/" rel="bookmark">Interacting with objects</a></h2> <p class="info"><strong class="date"><a href="https://www.idea.org/blog/2006/06/01/interacting-with-objects/" rel="bookmark">June 1st, 2006</a></strong> by IDEA</p> </div> <div class="content"> <div> <p>Imparting greater understanding through object manipulation. <a href="https://www.idea.org/blog/2006/06/01/interacting-with-objects/#more-195" class="more-link"><span aria-label="Continue reading Interacting with objects">(more…)</span></a></div> </div> <div class="meta"> <ul> <li>Posted in <a href="https://www.idea.org/blog/category/interactivity/" rel="category tag">Interactive experiences</a></li> <li><a href="https://www.idea.org/blog/2006/06/01/interacting-with-objects/#respond">No Comments</a></li> <li>Tags: <a href="https://www.idea.org/blog/tag/interactivity-2/" rel="tag">interactivity</a>, <a href="https://www.idea.org/blog/tag/user-interface/" rel="tag">user interface</a></li> </ul> </div> </div> <div class="post-191 post type-post status-publish format-standard hentry category-interactivity tag-interactivity-2 tag-maps tag-multidimensional tag-user-interface tag-views" id="post-191"> <div class="title"> <h2><a href="https://www.idea.org/blog/2006/06/01/views-of-data/" rel="bookmark">Views of data</a></h2> <p class="info"><strong class="date"><a href="https://www.idea.org/blog/2006/06/01/views-of-data/" rel="bookmark">June 1st, 2006</a></strong> by IDEA</p> </div> <div class="content"> <div> <p>Reducing multidimensional data enables visitors to control what they see. <a href="https://www.idea.org/blog/2006/06/01/views-of-data/#more-191" class="more-link"><span aria-label="Continue reading Views of data">(more…)</span></a></div> </div> <div class="meta"> <ul> <li>Posted in <a href="https://www.idea.org/blog/category/interactivity/" rel="category tag">Interactive experiences</a></li> <li><a href="https://www.idea.org/blog/2006/06/01/views-of-data/#respond">No Comments</a></li> <li>Tags: <a href="https://www.idea.org/blog/tag/interactivity-2/" rel="tag">interactivity</a>, <a href="https://www.idea.org/blog/tag/maps/" rel="tag">maps</a>, <a href="https://www.idea.org/blog/tag/multidimensional/" rel="tag">multidimensional</a>, <a href="https://www.idea.org/blog/tag/user-interface/" rel="tag">user interface</a>, <a href="https://www.idea.org/blog/tag/views/" rel="tag">views</a></li> </ul> </div> </div> <div class="post-168 post type-post status-publish format-standard hentry category-interactivity tag-interactivity-2 tag-user-interface tag-visualization" id="post-168"> <div class="title"> <h2><a href="https://www.idea.org/blog/2006/06/01/animated-keys-quantitative/" rel="bookmark">Animated keys (quantitative)</a></h2> <p class="info"><strong class="date"><a href="https://www.idea.org/blog/2006/06/01/animated-keys-quantitative/" rel="bookmark">June 1st, 2006</a></strong> by IDEA</p> </div> <div class="content"> <p>Displaying only selected data provides clarity and enhances discovery. Problem You need to display quantitative information about an image, such as calories of foods, carbon dioxide output per country, or the number of voters per state. Solution Display a fixed key alongside the image, and display or highlight relevant data as the visitor points at</p> </div> <div class="meta"> <ul> <li>Posted in <a href="https://www.idea.org/blog/category/interactivity/" rel="category tag">Interactive experiences</a></li> <li><a href="https://www.idea.org/blog/2006/06/01/animated-keys-quantitative/#respond">No Comments</a></li> <li>Tags: <a href="https://www.idea.org/blog/tag/interactivity-2/" rel="tag">interactivity</a>, <a href="https://www.idea.org/blog/tag/user-interface/" rel="tag">user interface</a>, <a href="https://www.idea.org/blog/tag/visualization/" rel="tag">visualization</a></li> </ul> </div> </div> <div class="post-166 post type-post status-publish format-standard hentry category-interactivity tag-captions tag-context tag-interactivity-2 tag-popups tag-spyglass" id="post-166"> <div class="title"> <h2><a href="https://www.idea.org/blog/2006/06/01/contextual-captions-qualitative/" rel="bookmark">Contextual captions (qualitative)</a></h2> <p class="info"><strong class="date"><a href="https://www.idea.org/blog/2006/06/01/contextual-captions-qualitative/" rel="bookmark">June 1st, 2006</a></strong> by IDEA</p> </div> <div class="content"> <p>Avoiding clutter while amplifying information.   The pigment composition of a painting is revealed by examining microscopic views. The caption for each cross section is dynamically shown. (WebExhibits) Visitors explore the archaeological of the Theban Necropolis through a giant aerial photograph. Annotations appear on the photograph as the mouse is moved. (Theban Mapping Project) Users</p> </div> <div class="meta"> <ul> <li>Posted in <a href="https://www.idea.org/blog/category/interactivity/" rel="category tag">Interactive experiences</a></li> <li><a href="https://www.idea.org/blog/2006/06/01/contextual-captions-qualitative/#respond">No Comments</a></li> <li>Tags: <a href="https://www.idea.org/blog/tag/captions/" rel="tag">captions</a>, <a href="https://www.idea.org/blog/tag/context/" rel="tag">context</a>, <a href="https://www.idea.org/blog/tag/interactivity-2/" rel="tag">interactivity</a>, <a href="https://www.idea.org/blog/tag/popups/" rel="tag">popups</a>, <a href="https://www.idea.org/blog/tag/spyglass/" rel="tag">spyglass</a></li> </ul> </div> </div> <nav class="navigation pagination" role="navigation"> <h2 class="screen-reader-text">Posts navigation</h2> <div class="nav-links"><span aria-current='page' class='page-numbers current'>1</span> <a class='page-numbers' href='https://www.idea.org/blog/tag/interactivity-2/page/2/'>2</a> <a class="next page-numbers" href="https://www.idea.org/blog/tag/interactivity-2/page/2/">Next page</a></div> </nav> </section> </div> </div> </div> </main> <footer id="footer"> <div class="container"> <nav class="page-nav"> <ul> <li id="menu-item-4498" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-home menu-item-4498"><a href="https://www.idea.org/blog/">Home</a></li> <li id="menu-item-4497" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4497"><a href="https://www.idea.org/blog/about/">Mission & history</a></li> <li id="menu-item-4499" class="popup menu-item menu-item-type-custom menu-item-object-custom menu-item-4499"><a title="popup" class="js-btn-show-popups" href="#wrapper">Browse topics</a></li> <li id="menu-item-4666" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4666"><a href="https://www.idea.org/blog/contact/">Contact IDEA</a></li> <li>Copyright © 2024 <a href="https://www.idea.org/blog">IDEA</a></li> </ul> </nav> </div> </footer> </div> <script type='text/javascript'> /* <![CDATA[ */ var wpcf7 = {"apiSettings":{"root":"https:\/\/www.idea.org\/blog\/wp-json\/contact-form-7\/v1","namespace":"contact-form-7\/v1"},"cached":"1"}; /* ]]> */ </script> <script type='text/javascript' src='//www.idea.org/blog/wp-content/plugins/contact-form-7/includes/js/scripts.js'></script> <script type='text/javascript' src='//www.idea.org/blog/wp-content/themes/ideaorg/js/jquery.main.js'></script> <script type='text/javascript' src='//www.idea.org/blog/wp-includes/js/wp-embed.min.js'></script> </body>  <script async src="https://www.googletagmanager.com/gtag/js?id=G-Y68B45MT0H"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-Y68B45MT0H'); </script> </html>