Design | TechChange | The Institute for Technology and Social Change

At TechChange, we believe that online learning doesn’t have to be boring, which is why we have an in-house animation and graphic design studio. What is it like to be a production designer and animator working with international development organizations? Read on to learn about what it’s like to be on the TechChange Creative Team from Senior Production Designer, Pablo Leon.

Where are you from?
I was born in Los Angeles, California and grew up in Guatemala.

What did you do before working at TechChange?
I was a sign artist at a store, and also did a lot of freelance work with graphics and such.

What exactly do you do at TechChange?
As a senior production designer, I wear many hats in the creative process. I’m a production designer, where I set out to create the look and feel of our projects. I’m also an illustrator. In addition, I do some motion graphics animations.

TechChange ICT4D animation

How did you hear about TechChange?
I was in school at the time and decided that being a sign artist was just not for me. I wanted to do more with my skills. One day while I was browsing the web, I saw a post for a creative job at TechChange. I read up on the company, liked what I saw, went in for an interview, and the rest is history.

How did you get into animation?
I graduated from the Art Institute of Washington with a degree in media arts and animation. Animation, cartoons, and comics have always been a passion since I was young, and I didn’t see a reason to grow out of them.

TechChange CGAP animation

What is the most important lesson you’ve learned in doing graphics and animations for international development?
It is very important to be socially aware of what best conveys a message on screen. Translating certain topics to a visual medium can sometimes be difficult, especially when you’re not familiar with the subject or if it’s a very sensitive subject, such as religion.

The TechChange Team with the 2014 TechGirls during the Job Shadow Day visit

How do you keep up with the latest developments in animation/multimedia technology and trends?
The Internet is a good place to start but there are only a handful of websites out there for it, such as Animation Scoop, or the ever controversial Cartoon Brew. The animation community is not huge but we tend to talk and learn from each other a lot.

What do you love most about working at TechChange?
I have the most fun when I can take complex content, tear it apart, and put it together with a narrative to make it simple for everyone to understand. The second best thing would be the coffee here. And arguing about geek culture wearing a Mexican wrestling mask is a close third on my list.

Between Two Nerds: Episode 1

What is your favorite TechChange moment so far?
Our move to a new office on U Street from Capitol Hill, and being able to hang up my Jurassic Park’s Jeff Goldblum print is quite a highlight.

Pablo works at his desk under his Jeff Goldblum photo

What do you do when you’re not at TechChange?
Basically I just draw and paint on my free time. I love working on the projects I get for TechChange, but working on personal projects is equally important as a stress reliever. I’m not a fan of resting, so workaholics unite!

If you had to direct someone to the best place to eat in D.C. where would it be?
Burger Tap & Shake has the best burgers in town. You cannot question me.

Yohan Perera recently joined TechChange as a Graphic Designer. He received his Bachelor’s degree in Digital Arts & Design from Full Sail University, Winter Park, Florida. Born and raised in the beautiful island nation of Sri Lanka, a country that was torn by civil war for 30 long years, he received an opportunity to work as a Graphic Designer for Sri Lanka Unites, a Youth Movement for Hope and Reconciliation in 2011, where he gained his true passion to use graphic design & media for social change. He enjoys seeing the world around him through his camera.

Welcome to the TechChange team, Yohan!

Where are you from?

I’m originally from Israel, specifically a city south of Tel Aviv called Rishon Le Zion.

What did you do before working at TechChange?

Before I worked at TechChange, I worked as an Animator/After Effects Compositor on a few different children’s cartoons. The shows were produced either in Israel, or in Europe. I worked both in a production studio environment and I spent some time traveling and working where ever I had a stable internet connection and a desk.

How did you hear about TechChange?

I heard about TechChange through a job posting on indeed.com.

What exactly do you do at TechChange? What does a typical day look like for you?

I coordinate the work of our amazing creative team, with the vision of the instructional design team and provide feedback and guidance for different projects. My typical day would start by talking to my team, getting their input on current projects, checking their progress and setting goals for the day. Followed by answering clients and team emails. After that I would go into either storyboarding, drafting a concept note for a project, editing video boards (for animation), animate, figuring out next steps for larger projects, hop on check-in calls with clients or any other task that requires my input. At the end of the day I would make sure that the creative team has delivered completed tasks, check in with Nick or Chris on long term deliverables and plan my next day. The job is pretty diverse and requires a lot of long term planning, as well as attention to details. The things I always try to ask myself are: Are we on schedule? Are we improving? Are the team members in the loop?”

How did you get into animation?

As a kid, I was (and still am) a geek that spent a lot of time indoors watching TV and movies – especially cartoons and Disney movies. With heroes like Bugs Bunny, Spiderman and the Genie, I was amazed by the power of animation. I couldn’t believe that there were people out there creating visual representations for stuff that I thought only existed in my head. Growing up, I went to an engineering high school, and my sense for design and animation wasn’t very encouraged. After I finished my mandatory military service, my girlfriend at the time (now my wife) sent me a link to the animation department of Bezalel Academy of Arts and Design in Jerusalem. I had no idea that a career in animation and design was even an option, but I told myself that if I get in, I’ll go for it. I applied and some how got through the tests. The first two years were very hard, but even after a lot of failures I couldn’t give up, because my drive to animate and draw kept growing as school was getting harder and harder. 4 years after graduating, I look back and I know that taking that chance was one of the best decisions I ever made.

Alon Alaskov creating interactive infographic

What is the most important lesson you’ve learned in creating animations for international development and social change?

The most important lesson in international development that I’ve learned is that there is a lot of room for creative thinking. Coming from a design background, I try to approach animation projects with a clean slate and do a lot of exploration. I’ve learned that this approach can applies to international development-related work as well, especially when explaining data-intensive concepts in visually compelling ways that make it easier to understand.

How do you keep up with the latest developments in animation/multimedia technology and trends?

A lot of web browsing. I have a Google News feed that keeps me updated on these issues, as well as colleagues who post interesting articles on Facebook and Twitter.

What do you love most about working at TechChange?

The people. This is by far the best team I’ve ever had the chance to work with. There’s a wonderful environment here, amazing energy, and hard working individuals.

Alon with his birthday gifts from the office: cupcakes and a sketch of himself made by his co-worker Pablo

Alon with his birthday gifts from TechChange: cupcakes and a sketch of himself made by his co-worker Pablo

What is your favorite TechChange moment so far?

After almost two years of living in the US, I finally got to have a proper Halloween office party. In the party I had the privilege to participate in a short intellectual experiment called: “Between Two Nerds”. Thanks to Nick Martin, Pablo Leon and Charlie Weems, it turned out to be one of the best productions I ever took part in.

What do you do when you’re not at TechChange?

I enjoy spending time with my wife, watch movies, read comics/books, work on personal animation/design projects, hike, play PC games, and hangout with friends.

If you had to direct someone to the best place to eat in D.C. where would it be?

Busboys and Poets. Great food, awesome atmosphere.

Does Alon’s job sound like your dream job? Apply to our Animator/Videographer position here.

Sara recently joined us as an online instructional designer and works with clients to develop and design online courses, in addition to coordinating and broadcasting live events. Prior to TechChange, Sara taught middle and high school STEM courses at the Barrie School, where she also led an Engineering Product Design program for high school students. Sara graduated from Yale University with a degree in Mechanical Engineering, which sparked her passion for design thinking and human centered design.

In her spare time, Sara enjoys reading, traveling, and perfecting her guacamole recipe.

Welcome Sara!

On Friday, Nov. 1, TechChange was honored to participate in a panel at the latest Tech@State conference on education technology, as well as sponsor the informal reception afterwards to celebrate ten years of e-diplomacy. We wanted to share a few thoughts below of the day to continue the conversation online!

Nick Martin (far right) on the Tech@State panel on “Using MOOCs in a Global Context”

1) There is a gap between a classroom and MOOC

Throughout the panel on “Using MOOCs in a Global Context”, the distinction between online education and MOOCs came up repeatedly. MOOCs are a form of online education, but not the only form. And that’s problematic because educators are feeling like they are stuck with a binary choice. However, there are alternatives that we’ve been exploring that allow highly interactive small-group forums. Taylor Corbett (@data4d) of OpenEMIS gave a short ignite talk during the session, and part of us wondered what it would be like if you could instantly go back and watch the talk afterwards or click around content while he spoke, or ask him questions directly in a conversational manner — just as students were able to do in our Mobiles for International Development course when Taylor spoke there only a few weeks ago.

John Maeda, President of the Rhode Island School of Design, giving his keynote address

2) Instructional design will be as important as educational content

A recurring theme throughout the day was the increasing significance of design. John Maeda nailed it during a talk that included elements of his previous TED Talk on How Art, Technology, and Design Inform Creative Leaders. We’ve written previously on how content will be vital for online education, similar to what’s happening with Netflix for online video, but what came across was that design will be at a premium for not just what gets included, but how. This is literally a matter of life and death, as Maeda pointed out that Florence Nightingale saved lives of soldiers not with nursing, but with statistics and a clever visualization that influenced decision makers to look at thousands of soldiers dying needlessly in hospitals. We’ve tried to think critically about design in our own work — getting the most information into as few seconds of student experience as possible, such as our logo animation redesign.

TC105: M4D course alumni hanging out at the e-Diplomacy happy hour at 1776 DC

3) You can’t network over a beer in online education

One of our course facilitators, Graham Lampa (@grahamlampa) brought up an excellent point in our MOOC panel, which is that the informal qualities of education and in-person experiences can be as valuable as the formal knowledge transfer. Until you can virtually “grab a beer” with someone, online education will not be able to replace the informal qualities. However, there are ways to leverage both! We sponsored the happy hour at 1776, where they had tweets from the day on #edip10 and #techatstate displayed on large monitors (courtesy of Zoomph), so that the walls were removed between offline and online content.

Moreover, we had a great time seeing everybody from our classes who we had the pleasure of meeting in person, including our Alumni Beth Ceryak (@bethceryak), Matt, and more!

Did you attend the 2013 Tech@State conference and come away with any other conclusions? Feel free to post your comment below and/or share your thoughts using the hashtags, #techatstate and #edip10.

Traditional education in the US has long been required to accommodate those with disabilities through statutes like the Individuals with Disabilities Education Act (IDEA), but online learning has lagged behind. The excitement for improving online access to Ivy League classrooms should extend beyond just connectivity to intentional instructional design. But what standards and guidelines exist?

We recently took on the challenge of bringing all of our coursework into compliance with Section 508, a set of regulations which sets technical standards to promote equal access to (among other things) web content and multimedia for populations with disabilities.

Online learning can improve access to information by people with disabilities. Compliance with Section 508 of the Rehabilitation Act isn’t just the right thing to do, it also makes good business sense. But we still have a long way to go.

According to Wikipedia: “Section 508 (29 U.S.C. § 794d), agencies must give disabled employees and members of the public access to information that is comparable to the access available to others.” These accommodations include things like closed captioning and audio descriptions for multimedia, machine readable design to allow screen readers easy access to and navigation through content, and other methods of ensuring that everyone has the ability to benefit fully from our courses. Some may say that regulations such as these impose a great cost, and likely help few. But we think differently, for several reasons.

This is an endeavor we want to be doing anyway, because it’s the right thing to do.

A lot of the courses we do are about inclusion: using technology for democracy, better health, and conversation across traditionally disparate groups. We are proud to have students from around the world in each of our courses. Leaving behind those who have difficulty accessing technology would undermine our mission.

It is not difficult if done from the beginning.

Though including closed captioning or audio description tracks obviously involves more than the bare minimum amount of effort, if included from the beginning, it becomes part of the content generation process, and overhead is low.

It makes us more competitive.

Federal agencies and contractors are required to conform to the 508 standards if compliance is possible. This includes procurement. So a compliant product must be chosen over a non-compliant one.

It naturally follows from good design and coding principles as well as web standards.

Good code and good design have a common theme: they are clean. Clean design and code is also easier for assistive technology like screen readers to read. It’s simpler to do things like make text larger if there is plenty of space to do so, avoid using colors to denote meaning since it can’t clash with your color scheme, and leave room for captioning and transcripts in empty space that doesn’t distract other users with unnecessary detail.

Thinking about the challenges of accessing our content helps us make the experience better for all of our students.

Thinking about how to minimize the impact of compliance on your media forces you to think about how you present material, and to present it in different ways that will complement each other. Not only because different people learn different ways, but also because reinforcement through a different mode is still repetition, the most effective form of learning.

Thankfully, the 508 Standards are fairly straightforward. Indeed, they involve a careful analysis of the problem and what solutions work, which is a long and arduous process we are ill equipped to duplicate.

What isn’t straightforward ways to test your product and underlying platforms for actual usability. The next couple of posts on accessibility will talk about some of the more troublesome edge cases in 508, our process to make all of our content as accessible as possible, and how future standards and technologies can continue to make learning inclusive.

What processes do your organization use to expand access to your services?