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>user interface – 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 » user interface Tag Feed" href="https://www.idea.org/blog/tag/user-interface/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-user-interface tag-20"> <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: user interface</h1> </div> <div class="post-4375 post type-post status-publish format-standard hentry category-business-management category-strategy tag-community tag-crowdsourcing tag-culture tag-google-street-view tag-history tag-historypin tag-knowledge tag-maps tag-outreach tag-streetview tag-user-interface tag-web-2-0" id="post-4375"> <div class="title"> <h2><a href="https://www.idea.org/blog/2013/12/09/challenges-of-crowdsourcing-analysis-of-historypin/" rel="bookmark">Challenges of crowdsourcing: Analysis of Historypin</a></h2> <p class="info"><strong class="date"><a href="https://www.idea.org/blog/2013/12/09/challenges-of-crowdsourcing-analysis-of-historypin/" rel="bookmark">December 9th, 2013</a></strong> by IDEA</p> </div> <div class="content"> <p><img class="alignright size-thumbnail wp-image-4405" src="http://www.idea.org/blog/wp-content/uploads/2013/12/Screen-Shot-2013-12-09-at-1.14.21-AM-132x150.png" alt="Historypin globe" width="132" height="150" srcset="https://www.idea.org/blog/wp-content/uploads/2013/12/Screen-Shot-2013-12-09-at-1.14.21-AM-132x150.png 132w, https://www.idea.org/blog/wp-content/uploads/2013/12/Screen-Shot-2013-12-09-at-1.14.21-AM.png 140w" sizes="(max-width: 132px) 100vw, 132px" />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?</p> <p><img class="alignleft wp-image-4388 size-medium" src="http://www.idea.org/blog/wp-content/uploads/2013/12/Screen-Shot-2013-12-08-at-7.54.05-PM-240x61.png" alt="Historypin logo" width="240" height="61" srcset="https://www.idea.org/blog/wp-content/uploads/2013/12/Screen-Shot-2013-12-08-at-7.54.05-PM-240x61.png 240w, https://www.idea.org/blog/wp-content/uploads/2013/12/Screen-Shot-2013-12-08-at-7.54.05-PM-150x38.png 150w, https://www.idea.org/blog/wp-content/uploads/2013/12/Screen-Shot-2013-12-08-at-7.54.05-PM.png 252w" sizes="(max-width: 240px) 100vw, 240px" />For some insight, we look at a crowdsourced history site: <a href="http://www.historypin.com">Historypin</a> is an appealing database of historical photos, with dates, locations, captions, and other metadata. It’s called History “<strong>pin”</strong> because the photos are pinned on a map. (See recent article about <a title="Changes over time, in photos and maps" href="http://www.idea.org/blog/2013/08/21/changes-over-time-in-photos-and-maps/">Changes over time, in photos and maps</a>.) Some locations have photos from multiple dates, showing how a place has changed over time, or cross-referenced with Google Maps StreetView. Currently, Historypin has 308k items, from 51k users, and 1.4k institutions. This is a graph of pins over the last three years: <a href="https://www.idea.org/blog/2013/12/09/challenges-of-crowdsourcing-analysis-of-historypin/#more-4375" class="more-link"><span aria-label="Continue reading Challenges of crowdsourcing: Analysis of Historypin">(more…)</span></a></p> </div> <div class="meta"> <ul> <li>Posted in <a href="https://www.idea.org/blog/category/business-management/" rel="category tag">Business</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/12/09/challenges-of-crowdsourcing-analysis-of-historypin/#comments">1 Comment</a></li> <li>Tags: <a href="https://www.idea.org/blog/tag/community/" rel="tag">community</a>, <a href="https://www.idea.org/blog/tag/crowdsourcing/" rel="tag">Crowdsourcing</a>, <a href="https://www.idea.org/blog/tag/culture/" rel="tag">culture</a>, <a href="https://www.idea.org/blog/tag/google-street-view/" rel="tag">Google Street View</a>, <a href="https://www.idea.org/blog/tag/history/" rel="tag">history</a>, <a href="https://www.idea.org/blog/tag/historypin/" rel="tag">Historypin</a>, <a href="https://www.idea.org/blog/tag/knowledge/" rel="tag">knowledge</a>, <a href="https://www.idea.org/blog/tag/maps/" rel="tag">maps</a>, <a href="https://www.idea.org/blog/tag/outreach/" rel="tag">outreach</a>, <a href="https://www.idea.org/blog/tag/streetview/" rel="tag">StreetView</a>, <a href="https://www.idea.org/blog/tag/user-interface/" rel="tag">user interface</a>, <a href="https://www.idea.org/blog/tag/web-2-0/" rel="tag">Web 2.0</a></li> </ul> </div> </div> <div class="post-3351 post type-post status-publish format-standard hentry category-interactivity category-learning tag-access tag-art tag-classroom tag-community tag-craftsy tag-distance-learning tag-e-learning tag-education tag-experiences tag-museum tag-museum-of-modern-art tag-nytimes tag-online-course tag-the-new-york-times tag-user-interface" id="post-3351"> <div class="title"> <h2><a href="https://www.idea.org/blog/2012/01/24/online-courses-for-learning-skills-moma-nyt-knitting/" rel="bookmark">Online courses for learning skills: MoMA, NYT & knitting</a></h2> <p class="info"><strong class="date"><a href="https://www.idea.org/blog/2012/01/24/online-courses-for-learning-skills-moma-nyt-knitting/" rel="bookmark">January 24th, 2012</a></strong> by IDEA</p> </div> <div class="content"> <p>Online courses can be a great way to teach (and learn) new skills. They can be small and highly personal, or scale to thousands of students. As followup to my <a title="What is an online course?" href="http://www.idea.org/blog/2012/01/11/what-is-an-online-course/">post about “What is an online course?”</a>, let’s look behind the scenes at a few kinds of successful online classes, rich with video, feedback and large amounts of real-world work.</p> <p><strong>Structuring a course</strong></p> <p><img class="alignright size-full wp-image-3470" title="MoMA" src="http://www.idea.org/blog/wp-content/uploads/2012/01/Screen-Shot-2012-01-23-at-3.30.59-PM1.png" alt="" width="153" height="41" srcset="https://www.idea.org/blog/wp-content/uploads/2012/01/Screen-Shot-2012-01-23-at-3.30.59-PM1.png 153w, https://www.idea.org/blog/wp-content/uploads/2012/01/Screen-Shot-2012-01-23-at-3.30.59-PM1-150x40.png 150w" sizes="(max-width: 153px) 100vw, 153px" />The<strong> Museum of Modern Art (MoMA) </strong>currently has six 8 or 10 week <a href="http://www.moma.org/learn/courses/online">online courses</a>. The cost is $200 for self-guided courses, or $350 for instructor-led. The latter enroll 30-45 students. MoMA offers both knowledge classes, e.g., “Modern and Contemporary Art: 1945–1989,” and knowledge/skill courses, e.g., “Materials and Techniques of Postwar Abstract Painting,” in which students do hands-on work at home.</p> <p>The instructor-led classes offer structure, socialization and personalization; whereas, the self-guided courses are about individual freedom, providing access to curated articles and video, with no live instructor facilitation nor social interaction with other students.</p> <p><a href="http://www.idea.org/blog/wp-content/uploads/2012/01/Screen-Shot-2012-01-17-at-7.48.23-PM.png"><img class="alignleft" title="Video from the gallery" src="http://www.idea.org/blog/wp-content/uploads/2012/01/Screen-Shot-2012-01-17-at-7.48.23-PM-150x82.png" alt="" width="150" height="82" /></a>The studio-art offerings have weekly assignments. For example, students paint canvases using the materials and techniques of iconic artists. They photograph their works in progress and finished, and upload them to discuss with other students and the instructor. Wendy Woon directs MoMA’s education department. She feels the 10-week timeframe has worked well for studio art, allowing enough time for a sense of trust and community to develop in the discussion forums so that students are willing to have “critical conversations” criticizing each other’s work.</p> <p> <a href="https://www.idea.org/blog/2012/01/24/online-courses-for-learning-skills-moma-nyt-knitting/#more-3351" class="more-link"><span aria-label="Continue reading Online courses for learning skills: MoMA, NYT & knitting">(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>, <a href="https://www.idea.org/blog/category/learning/" rel="category tag">Learning & access</a></li> <li><a href="https://www.idea.org/blog/2012/01/24/online-courses-for-learning-skills-moma-nyt-knitting/#comments">3 Comments</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/art/" rel="tag">art</a>, <a href="https://www.idea.org/blog/tag/classroom/" rel="tag">classroom</a>, <a href="https://www.idea.org/blog/tag/community/" rel="tag">community</a>, <a href="https://www.idea.org/blog/tag/craftsy/" rel="tag">Craftsy</a>, <a href="https://www.idea.org/blog/tag/distance-learning/" rel="tag">Distance Learning</a>, <a href="https://www.idea.org/blog/tag/e-learning/" rel="tag">e-learning</a>, <a href="https://www.idea.org/blog/tag/education/" rel="tag">education</a>, <a href="https://www.idea.org/blog/tag/experiences/" rel="tag">experiences</a>, <a href="https://www.idea.org/blog/tag/museum/" rel="tag">museum</a>, <a href="https://www.idea.org/blog/tag/museum-of-modern-art/" rel="tag">Museum of Modern Art</a>, <a href="https://www.idea.org/blog/tag/nytimes/" rel="tag">NYTimes</a>, <a href="https://www.idea.org/blog/tag/online-course/" rel="tag">online course</a>, <a href="https://www.idea.org/blog/tag/the-new-york-times/" rel="tag">The New York Times</a>, <a href="https://www.idea.org/blog/tag/user-interface/" rel="tag">user interface</a></li> </ul> </div> </div> <div class="post-2743 post type-post status-publish format-standard hentry category-strategy tag-acquia tag-blog tag-buddypress tag-community tag-content-management tag-drupal tag-facebook tag-ingage-networks tag-mediatemple tag-mobile tag-mysql tag-open-source tag-social-media-2 tag-social-network tag-spam tag-twitter tag-user-interface tag-user-generated-content tag-wordpress" id="post-2743"> <div class="title"> <h2><a href="https://www.idea.org/blog/2011/07/20/software-options-for-niche-social-networks/" rel="bookmark">Software options for niche social networks</a></h2> <p class="info"><strong class="date"><a href="https://www.idea.org/blog/2011/07/20/software-options-for-niche-social-networks/" rel="bookmark">July 20th, 2011</a></strong> by IDEA</p> </div> <div class="content"> <p><img class="alignright size-full wp-image-2763" title="Social network platforms" src="http://www.idea.org/blog/wp-content/uploads/2011/07/Screen-shot-2011-07-20-at-10.51.09-AM.png" alt="" width="180" height="126" srcset="https://www.idea.org/blog/wp-content/uploads/2011/07/Screen-shot-2011-07-20-at-10.51.09-AM.png 180w, https://www.idea.org/blog/wp-content/uploads/2011/07/Screen-shot-2011-07-20-at-10.51.09-AM-150x105.png 150w" sizes="(max-width: 180px) 100vw, 180px" />So you want to create a niche social network? And you’ve read the <a title="Considerations for new niche social networks" href="http://www.idea.org/blog/2011/07/20/considerations-for-new-niche-social-networks/">prior post on overall issues to consider</a>? Here’s an overview of over a dozen software platforms you might consider. <a href="https://www.idea.org/blog/2011/07/20/software-options-for-niche-social-networks/#more-2743" class="more-link"><span aria-label="Continue reading Software options for niche social networks">(more…)</span></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/2011/07/20/software-options-for-niche-social-networks/#comments">6 Comments</a></li> <li>Tags: <a href="https://www.idea.org/blog/tag/acquia/" rel="tag">Acquia</a>, <a href="https://www.idea.org/blog/tag/blog/" rel="tag">blog</a>, <a href="https://www.idea.org/blog/tag/buddypress/" rel="tag">BuddyPress</a>, <a href="https://www.idea.org/blog/tag/community/" rel="tag">community</a>, <a href="https://www.idea.org/blog/tag/content-management/" rel="tag">content management</a>, <a href="https://www.idea.org/blog/tag/drupal/" rel="tag">Drupal</a>, <a href="https://www.idea.org/blog/tag/facebook/" rel="tag">Facebook</a>, <a href="https://www.idea.org/blog/tag/ingage-networks/" rel="tag">INgage Networks</a>, <a href="https://www.idea.org/blog/tag/mediatemple/" rel="tag">MediaTemple</a>, <a href="https://www.idea.org/blog/tag/mobile/" rel="tag">mobile</a>, <a href="https://www.idea.org/blog/tag/mysql/" rel="tag">MySQL</a>, <a href="https://www.idea.org/blog/tag/open-source/" rel="tag">Open source</a>, <a href="https://www.idea.org/blog/tag/social-media-2/" rel="tag">social media</a>, <a href="https://www.idea.org/blog/tag/social-network/" rel="tag">Social network</a>, <a href="https://www.idea.org/blog/tag/spam/" rel="tag">spam</a>, <a href="https://www.idea.org/blog/tag/twitter/" rel="tag">Twitter</a>, <a href="https://www.idea.org/blog/tag/user-interface/" rel="tag">user interface</a>, <a href="https://www.idea.org/blog/tag/user-generated-content/" rel="tag">user-generated content</a>, <a href="https://www.idea.org/blog/tag/wordpress/" rel="tag">WordPress</a></li> </ul> </div> </div> <div class="post-2738 post type-post status-publish format-standard hentry category-strategy tag-audience tag-community tag-fundraising tag-online-communities tag-social-media-2 tag-social-network tag-user-interface" id="post-2738"> <div class="title"> <h2><a href="https://www.idea.org/blog/2011/07/20/considerations-for-new-niche-social-networks/" rel="bookmark">Considerations for new niche social networks</a></h2> <p class="info"><strong class="date"><a href="https://www.idea.org/blog/2011/07/20/considerations-for-new-niche-social-networks/" rel="bookmark">July 20th, 2011</a></strong> by IDEA</p> </div> <div class="content"> <p><img class="alignright size-full wp-image-2764" title="Social network considerations" src="http://www.idea.org/blog/wp-content/uploads/2011/07/Screen-shot-2011-07-20-at-10.51.02-AM.png" alt="" width="183" height="121" srcset="https://www.idea.org/blog/wp-content/uploads/2011/07/Screen-shot-2011-07-20-at-10.51.02-AM.png 183w, https://www.idea.org/blog/wp-content/uploads/2011/07/Screen-shot-2011-07-20-at-10.51.02-AM-150x99.png 150w" sizes="(max-width: 183px) 100vw, 183px" />Social networking gives professionals and enthusiastic members of the public a great way to connect and share information about scientific or cultural topics.</p> <p>A niche social network can benefit small, grassroots projects as well as large institutions, achieving many objectives simultaneously. A social network allows members to e.g., exchanging information, making personal connections, fostering dialog and awareness on a topic, as well as fundraising or promoting products and services.</p> <p>Here are some tips and considerations for getting started… <a href="https://www.idea.org/blog/2011/07/20/considerations-for-new-niche-social-networks/#more-2738" class="more-link"><span aria-label="Continue reading Considerations for new niche social networks">(more…)</span></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/2011/07/20/considerations-for-new-niche-social-networks/#comments">1 Comment</a></li> <li>Tags: <a href="https://www.idea.org/blog/tag/audience/" rel="tag">Audience</a>, <a href="https://www.idea.org/blog/tag/community/" rel="tag">community</a>, <a href="https://www.idea.org/blog/tag/fundraising/" rel="tag">fundraising</a>, <a href="https://www.idea.org/blog/tag/online-communities/" rel="tag">online communities</a>, <a href="https://www.idea.org/blog/tag/social-media-2/" rel="tag">social media</a>, <a href="https://www.idea.org/blog/tag/social-network/" rel="tag">Social network</a>, <a href="https://www.idea.org/blog/tag/user-interface/" rel="tag">user interface</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-193 post type-post status-publish format-standard hentry category-interactivity tag-user-interface" id="post-193"> <div class="title"> <h2><a href="https://www.idea.org/blog/2006/06/01/color-coding/" rel="bookmark">Color coding</a></h2> <p class="info"><strong class="date"><a href="https://www.idea.org/blog/2006/06/01/color-coding/" rel="bookmark">June 1st, 2006</a></strong> by IDEA</p> </div> <div class="content"> <div> <p>Color coding can help visitors identify images, as well as provide context. <a href="https://www.idea.org/blog/2006/06/01/color-coding/#more-193" class="more-link"><span aria-label="Continue reading Color coding">(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/color-coding/#respond">No Comments</a></li> <li>Tags: <a href="https://www.idea.org/blog/tag/user-interface/" rel="tag">user interface</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/user-interface/page/2/'>2</a> <a class='page-numbers' href='https://www.idea.org/blog/tag/user-interface/page/3/'>3</a> <a class="next page-numbers" href="https://www.idea.org/blog/tag/user-interface/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 © 2025 <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>