Last week, I was fortunate enough to present at PopTech 2013 and participate in the Poptech Social Innovation Fellowship program along with nine other super inspiring social entrepreneurs. What an amazing experience!

I had the great fortune of getting fantastic training/advice/wisdom from the Poptech faculty on the content of my talk as well as other challenges that we’re facing as an organization. Many thanks to Ken Banks, Michael Duarte, Erik Hersman, Cheryl Heller, Peter Durand, Jim Koch, Chloe Holderness, Kevin Starr, Heather Fleming, Grant Tudor, Lisa Witter, Priti Radhakrishnan, Susan Phillips, and the amazing staff at PopTech: Becky, Andrew, Ollie and Leetha. This group was truly an all-star cast of individuals at the forefront of social innovation. Read about them here.

Our Prezi as it appeared for PopTech. Click through and check it out!

After the presentation on Friday, a number of folks asked me about the presentation format. so I decided to share some details about how we made it and the design decisions that went into the process.

1. Unify your presentation with your organizational identity

In telling our story, we didn’t just want to read off bullet-point slides. We wanted to bring the audience into our office and show them what we see. We also wanted to take the most literal skeuomorphic approach to our presentation: a map should be represented by a map, a note by a sticky note, a website by a web page, etc. This was partly on the principle that we had the freedom to create our elements and not use pre-existing photos, but also that it reflects much of the design sense we have used in our online learning products. That unity of experience between our learning design and presentation intent was important to us — what you see is what you get. However, using that framework meant that we had to create depth in two-dimensional infinite canvas while still having believable rectangular frames to zoom into — an effect that we created through a fisheye illustration.

2.  Bring your Prezi to Life

Since we had dedicated creative time to this project that is passionate about representing our brand well, we wanted to do a good job, but we didn’t want to overdo it either. We looked around for inspiration and we found a few neat ideas around the internet, which used subtle animated gifs to bring an environment to life. Of course, Prezi required that we used SWF instead of animated gifs, but we could achieve pretty much the same looping effect after we inserted the animations into our Prezi.

3.  Get feedback and back up everything

The most valuable part of this project wasn’t just the creative team, but the feedback from other PopTech fellows and faculty about distilling information and pacing it. At the end of the day, Prezi is based on Flash. The same problems that led to us treating it as unreliable three years ago exist today. Naturally, the night before our presentation we were unable to download the presentation. Fortunately, we were able to work offline to rebuild our changes and export them for the presentation. The one saving grace of this experience with Prezi is that their online customer support was right on the ball when their product started having trouble. That’s one thing that we consider vital as we approach 10k followers — not just maintaining a product, but building a community.

I’d like to give a special shout-out to my fellow fellows: Esther, Nicole, Donnel, Emily, Alex, Anushka, Nathaniel, Jessica, and Julia – you all are an inspiration! Grateful for this experience and hope to join for PopTech 2014!

 

PopTech Sparks of brilliance 2013Curious about the future of online learning? Don’t miss TechChange Founder & CEO, Nick Martin, discuss this topic and our work at TechChange on Friday, October 25 via livestream of the 2013 PopTech conference.

Nick Martin, one of the 2013 PopTech Innovation Fellows, is attending the “Sparks of Brilliance” PopTech conference this week. He will be speaking between 2:30 PM to 3:00 PM EDT (14:30- 15:00 EDT) on Friday, October 25 about our work at TechChange to train international development practitioners to use technology better. In Session VII, Nick will be speaking alongside Miriah Meyer, Francisco Cervera, Lisa Servon, Dan Schulman, and Nicole Stubbs.

Catch Nick’s talk streamed live here: http://poptech.org/live and join the conversation with #PopTech using the channels listed here.

Go Nick!

Remember when map making used to be simple? Neither do we, which is why we’re teaching a new course on Mapping for International Development. This increasingly complex intersection between open/closed data, online/offline tools, and practitioner communities all relevant to digital mapping could use a handy primer.

Last week, MapBox closed a $10 million Series A from Foundry Group as part of a move seen to rival Google Maps with an open-source mapping solution. While the results of this investment remain to be seen, there are echoes in this conversation from the intense debate last year around the World Bank’s initial decision to use Google Map Maker instead of OpenStreetMap, which raised concerns from organizations such as Global Integrity about why the bank would choose a closed data solution over an open one. Ultimately, the World Bank reversed its decision and went with OpenStreetMap, which provides simple, complete access to its database under an open license.

And it’s not just about the maps themselves, but what is being done with them. The Global Slavery Index by Walk Free chose to visualize slavery numbers by country. Team Rubicon partnered with Palantir to repurpose maps used to track IEDs to help rebuild homes needing repair after Hurricane Sandy. Democracy International and New Rights Group visualized voter data in Tunisia to present stakeholders with better information for the electoral process. And InterAction produced an NGO Aid Map to improve coordination of NGO activities.

Image from the Atlantic on Morningside Analytics visualization

Photo Credit: The Atlantic

But data visualization and mapping isn’t just restricted to geodata. Since information and individuals are only a click away online, work being done by Morningside Analytics to map the “cyber-social geography” of the internet — analyzing who is talking to whom and what they’re talking about — is just as valuable, if not more so.

So far, we’ve had a great response for the course on Mapping for International Development, which is nice to know we’re not alone in our enthusiasm. We’re excited to welcome participants so far from about a dozen countries including Australia, Cameroon, Canada, Ecuador, Jordan, Kosovo, Mexico, the Netherlands, the Philippines, USA, and UK. Participants in this course represent organizations such as the World Bank, UN Foundation, UNICEF Innovations Lab Kosovo, Gallup, InterAction, Telecentre Foundation, Canada Foundation for Innovation, Australian National University, IFES, School of Oriental and African Studies, Centre for Development Innovation, Generations for Peace Institute, ACT/JEVS Human Services, CIMM, Stability: International Journal of Conflict and Development, and many more.

There’s still time to join, so if you’re interested in registering for our four-week online class on Mapping for International Development, register here. We hope you’ll join us!

Today as we approach 10K followers on Twitter and 5K Facebook likes, I am taking a step back to understand how we created a vibrant online community. More than 2 years and 13,000 tweets ago, I first took the reigns of the TechChange social media accounts. At that point we were still four months out from launching our very first course and we had only received about 30 applications, zero of whom had officially enrolled. I thought, “how can we establish trust that our courses will empower social change agents?”  Since then, we have worked tirelessly to build the best online learning experience possible with a robust social media community to promote it. We have now trained nearly two thousand professionals from over 100 countries and a large portion of them determined TechChange to be a credible organization thanks to our social media content. Now looking back, here are three principles we have followed to build our brand as a learning resource for social change.

1. Your Online Brand is a Community Before It’s a Product

Before launching our courses, the only accessible content we were producing was on our blog and our Twitter and Facebook accounts. We had to generate enough quality material for people to pay attention to us and apply to our courses, which were still being built. When I started at TechChange, we were tweeting on average 6 times a day and had almost 2,000 followers. We decided we had to engage a lot more with our community and so we bumped it up to 15-20 tweets/day, which increased our follower rate by 20% month over month throughout the next year. 12% of our course applications were from people who discovered us through Twitter and Facebook and out of all of our marketing methods, these applicants were the most likely to officially enroll. In other words, our highest conversion rates came from social media engagement. We listened to what our community had to say so we weren’t just building courses for them, we were building courses with them.

If your organization hasn’t made online community engagement a priority, then you are missing out on exposure and building credibility. It is never too early to start engaging with your online community, even if your products or services aren’t even publically launched. People interact on social media to share ideas and as long as yours are good, you will find your community will grow fast.

2. Define Your Community and Respond to Their Content

We work in tech for social change, which is actually quite a large idea that is difficult to define. To help figure out our target community, we generated a spreadsheet with our course subjects in each column, such as emergency management, mobile phones for international development and health, eGovernance, social entrepreneurship, etc. I have filled up each column with dozens of blogs and news outlets in these areas, which I read and scan through daily on my RSS reader. This list of 100+ thought leaders and organizations has become one of my most valuable documents I have created at TechChange.

Our community is vibrant and highly active on Twitter. 15% of our followers tweet hourly and another 15% tweet at least daily, so we know there is always an actual conversation happening. Not only do we respond to and discuss our followers’ content, but by promoting it we show that we are aware of every single new development in the field. This has been vital to our role as educators in a space that is rapidly changing to offer our participants the latest tools, theories, and case studies possible.

3. Use the Right Tools

There are a plethora of social media engagement tools fighting for you to do a 15-day free trial and give you all the analytics you need to be a “guru.” The truth is, you are being successful in social media when you act like a human that adds value to the community. However, there are a few tools that I use to make that process much more efficient. I mentioned above that I read through content from 100+ blogs and news sites everyday. This translates to about 500 new stories every 24 hours that I have to sift through and decide which are the most interesting and relevant.

Feedly allows me to do this extremely well, by organizing my content topically and integrating with other tools very easily. It is hands-down the best RSS reader (Google Reader included!) and you should switch to it today.

Buffer is my favorite tool to time tweets throughout the day and I can add tweets and Facebook posts to it directly from Feedly. I spend the first 30-60 minutes of my morning getting this app topped up for the rest of the day. User beware: people can easily tell when you’re not being genuine and are robotically churning out timed news stories. It is important to remain engaged and try to keep a discussion going around each story.

Tweetbot while costly, this app does give you all the functionality you need if you are managing multiple accounts. You can quickly search new trends, stay in tune with twitter chats, and have it all synced up between your computer and mobile. If you are particular about your column feeds, feel that customization is a necessity, and want to do all your social engagement in one place then I definitely recommend it.

For analytics there are plenty of subscription options, from Sprout Social and Social Bro to Topsy and Hootsuite. They will all tell you the best times to engage with your followers, who they are and what they are talking about. They will give you ranking and influence scores and all sorts of other data that is nice to know but probably won’t change your behavior too dramatically for how much they will charge you. However, there are a couple analytics tools that can give you important data for free. Hashtracking and TheArchivist are fantastic. They gather data on particular hashtags when you want to track a Twitter chats or event. Another solid tool is TweetReach, which tells you who interacts with you most and how influential they are.

The way people interact online seems to change every year and the top organizations will create strategies for every new social media channel. These three guidelines have helped us become a reputable online education provider thus far and as we continue to follow them, we hope to be able to navigate all the changes that await us.

—-

Screenshots from Followerwonk

 

Since TechChange was founded in 2010, our logo has always had a dynamic quality to it. This past summer, we began playing with the logo to make it come alive, both visually and audibly, to better reflect the TechChange brand as interactive and engaging. That started the creative process behind the current TechChange animated logo known internally as the “Tech Sprout”. What follows is a conversation between the animator, Alon Askarov, and the sound designer, Erik Tans, on this creative and technical process.

 

Where did you begin to think about this animation challenge?

[Alon] “The first time I saw the TechChange logo I was struck by how dynamic it felt. The nodes that connect into the circuit board, the seed that grows into the plant, the clear, and yet, invisible line that is drawn between the blue and yellow halves of the circle. All of these elements, and some more, are what formed the story that is behind the ‘Tech Sprout.’”

 

How did you approach sound design?

[Erik] “In this particular logo animation, there is the progression of the animation from simple to complex, from seed to sprout and water, to the wider-environment scene. Within all of this I saw a certain ebb and flow. With the sound I wanted to mimic that tension and release, that anticipation that I saw in the animation. After seeing this pattern, I decided to make my production a roughly two-part composition: the first section being the tension-building audio following the growth of the sprout, and the second part being the release of the static logo bringing on a short, memorable theme.”

Screenshot: Working on the “TechSprout” in After Effects – Audio and Animation Timing.

Was there anything different from how you had approached a similar process before?

[Alon] “Usually when I start animating, I break the static image down on the page into rough thumbnails and I look for composition, arcs, negative spaces, color, and shape. However with this animation I took a slightly different approach and Instead of laying down all the elements as a sketch, I just broke them apart and started timing them individually, like lego blocks. First the nodes, then the connections, then the plant with the leaves, and finally the blue and yellow circle.”

What was your next step in the process?

[Alon] “After I had the basic animation done I could see that the elements are telling a story, but it wasn’t complete. I sensed that there was something there but it wasn’t clear. At that stage of the production I went back to a basic step in the creative process which is: ‘share your work at early stage and get feedback’. Through other colleagues’ reactions, I could start figuring out what was working and what wasn’t.”

[Erik] “So much is communicated in sound: the rhythm and number of instruments; their sequence; organic or inorganic sounds; a fast tempo or a more slow and deliberate speed. What is communicated here should gel with what the brand is trying to communicate, and any audio can amplify the emotional response gained from the visual. With this in mind I began running through various instrument sounds and melodies, looking for something that would help tell the “story” of the animation. What really inspired me was the initial circle, and how it seemed to bounce into the frame like a violin starts up an orchestra: one violin for one circle. As the other circles entered the frame, the rest of the violins come in and crescendo like an inhaled-breath. I was aiming to mimic the rise in the graphic with this rise and tension in the music, and help to tell the “sprout story”.

“The flash which introduces the text logo is a turning point: with a swooping sound the graphic sprout is established, and the previous tension is released with the four-note melody coming in via a ‘tech-like’ synthesized sound. I wanted to leave the viewer with a short and memorable audio statement at the end to serve as an anchoring identity.”

 

How did the audio and visual elements work together?

[Alon] ”Now that I had the instruments tuned to the pitch, I could start building the beat. Finding the right timing was a lot of trial and error, timing each element to it’s natural pace and bringing them all together in harmony. I ended up producing 8 versions of the timing, each time pushing it a little bit further.”

[Erik] “From this point, we started a back-and-forth “improvisation” where we traded changes and influenced each other’s process. We took feedback from the rest of the production team as we changed the length, placement of hits, and- working within the limitations we set for ourselves- honed the feel of the story. In this way we balanced our artistic instincts with a craft-process which allowed us to change a static logo into a story with an emotional response.”

Get over 50% off tuition for Introduction to Intrapreneurship online course

Could the U.S. government shutdown be an opportunity for innovation? Being outside the confines of the office presents an opportunity for employees of any agency to develop the ideas and skills needed to advance innovation. In other words, here’s a chance for furloughed U.S. federal workers to focus on government innovation, and TechChange wants to help: starting today, TechChange is offering furloughed U.S. federal employees to take our Introduction to Intrapreneurship course for only $50.

More than ever, U.S. federal employees must find ways to maximize impact on a budget in one of the largest bureaucracies in the world. But where does innovation in a big bureaucracy come from? Ideas can come from every level of an organization, and are sometimes initiated by middle management or those in junior level-roles in a hierarchy. There’s a saying that, “Scarcity fuels innovation.” Outside the normal confines of the office, in a fresh setting, creates a breeding ground for new and innovative ideas. Thus the furlough is a great opportunity for government workers to discover and plan for new value-creating ideas.

Fortunately, government innovation has precedence. Todd Park, the Chief Technology Officer of the United States of America, is a great example of a government innovator. At the age of 24, he co-founded AthenaHealth, a company providing digital healthcare business services including electronic medical record services and virtual medical billing that went public on NASDAQ in 2007. In 2009, he accepted a job in the White House as the Chief Technology Officer of Health and Human Services (HHS) where he championed open innovation for government initiatives. He launched a series of hackathons and “datapaloozas” to make government data more available to public. In 2012, Park was promoted to CTO of the United States and special advisor to the president on technology. He has since launched the Presidential Innovation Fellows program.

TechChange wants to make it easier to empower U.S. federal employees to become intrapreneurs, applying entrepreneurial and start-up practices like Todd Park, to create innovation within their respective government agencies. Our Introduction to Intrapreneurship course, which was recently mentioned in Fast Company, is an opportunity for furloughed workers and other institutional innovators to learn from each other and be empowered to inspire change at their respective organizations, whether it be a federal government agency, an NGO, or a corporation.