Ada Ren-Mitchell

About the Project

This is an exploratory data visualization to communicate the alignment of speech intonations with gesture phases. I coded this in Processing, and added the trajectory path sketches in Adobe Illustrator.

About the Project

The ESSIL data visualization supports visitor recall of the experience in New York Hall of Science’s Connected Worlds exhibit, a huge interactive projected simulated ecosystem.

My Role

As a Research and Development Specialist on the project, I designed and coded the time-animated bar graphs using p5.js to support tracking of plants and animals of different levels over the course of the session.

About the Project

Change It is a simulation environment to address problems and practice solutions in a changing school. It is designed for teachers and school administrators to navigate and address the complex social environment of a

My Role

Designed and implemented the front end to work with the backend database. Fine-tuned the user experience to make it easier to interact with, and have a game-like feel to it. I also developed a new logo, using triangles representing the mathematical symbol, delta, meaning change, with variations in color, formats, and sizes (adjusting for smaller views) to support future needs. Additionally, I created the card design to mirror elements of the web app to support the in-person workshops.

About the Project

These are the visual notes I took during a workshop retreat on the intersection of Hip-hop and STEM.

About the Project

J-WEL is a "global collaborative effort will help educators, universities, governments, and companies revolutionize the effectiveness and reach of education and aims to help prepare people everywhere for a labor market radically altered by technological progress, globalization, and the pursuit of higher living standards around the world." -MIT News

My Role

Starting from a web designer's mockup for the homepage of the site, I put the site into motion based on the designer's recommendations to use a specific WordPress theme. From there, I recreated higher resolution vector versions of graphics that were provided. I designed and implemented the layout for all the pages, with significant input for new edits to the home page design. The site is tested in different browsers and some of the design decisions were adjusted for maximum compatibility. I'm especially proud of the responsiveness and engagement I've built into the design of the About page.

About the Project

The LSOL Symposium was hosted by the MIT Office of Digital Learning. It invited university instructors and education researchers to share their experiences and discuss the changing education paradigm towards online learning. The symposium aimed to influence current policies and practices to meet the challenges of the changing educational landscape.

My Role

I designed, implemented, and maintained the website. I also created signage, name tags, and other print and web media to maintain consistency with the look and feel of the website. During the event, I helped with the day-to-day operations.

About CCMIT

CCMIT was created for the Massachusetts Community Colleges and Workforce Development Transformation Agenda (MCCWDTA). It is designed for vocational community college students in advanced manufacturing to prepare them for the work environment. The case studies focus on problem-solving skills and observation skills, both crucial in preventing major mistakes and communicating problems and solutions.

SEI worked with Education Development Center (EDC) to design a case study for problem-solving and for observation skills. The case studies focus on the limitations of our observation skills, how to communicate issues before they become larger problems, and ways to manage distractions in the workplace. Included in the case studies is an element called Idea Logs which ask student questions about the video or text presented on the page. It keeps students engaged and is an easy way to help instructors assess their students' understanding.

My Role

I participated in conversations where current instructors in the field discussed what their students need to succeed in the manufacturing workplace. I implemented the website's look and feel, created illustrations, and put together a choose-your-own adventure activity that asks students what they would do in solving a manufacturing problem at every step. I also helped write and edit the text. I also enabled CCMIT website to be able to link a school's Learning Management System (LMS) (via BlackBoard) such that students do not need to log in and can save their progress. When they finish the case study, they automatically receive a PDF, via online and email, of their submitted Idea Logs to bring to class for discussion.

About AJJ

MIT’s American Jiu-jitsu club is not just a club on self-defense. They practice a way of thinking that combines their engineering know-how with physical manipulations of the human body’s center of mass and angular momentums. It’s also a combination of judo, escrima, brazilian jiu-jitsu, and stand-up self defense.

My Role

I’m a green belt member! I also designed these fun meme posters to advertise for the club around campus.

About the Project

Boston Housing Authority in conjunction with MassDEP wanted to inform a local population of proper recycling methods.

My Role

I worked on the graphic design of the posters, inserts, and door hangers.

About the Project

It’s a local block party to promote community cooperatives and just general good vibes.

My Role

As one of the organizers, I helped recruit volunteers and designed the poster to post around the neigborhood.

About the Project

Code Query is developed for INK-12 researchers to analyze the data extracted from student work. The "code" in code query refers to the research-specific coding and annotation format.

My Role

Originally, Code Query started as an in-terminal mini script program but then I realized it would be much easier for most people to have a web interface. I designed it from top to bottom, with the ability to upload a new dataset, and print out queried results to several text files in addition to web view format. I used Perl, or CGI for web Perl scripting, HTML and CSS. It has a rudimentary search function that allows for AND, OR, and NOT queries, with the ability to use regular expressions as well. The read-out of the results are tables that show comprehensive matches of each query. It's also mobile-friendly for doing research on the go.

About the Project

From the website: "A group at MIT has responded to the challenge presented by the destruction of Haitian universities by the earthquake of January 12, 2010. One silver lining in the dark cloud left by this earthquake is the unique opportunity to build in Haiti universities for the future. These future universities will be able to make quality education available to greater numbers of Haitians in more (geographically and socio-economically) diverse sectors of Haitian society."

My Role

I redesigned the site to be responsive, to increase engagement, and to allow faster access to the educational resources provided. The current website has since been re-redesigned and transferred to a different group to manage.

About the Project

This is a floor banner for the LSOL Symposium.

My Role

In addition to supporting the logistics, I designed the banner and other print elements for the symposium.

About the Project

This website is designed for a new initiative at MIT focused on promoting and funding projects geared toward pK-12 STEM education around the world.

My Role

I worked with the PI on the project to design and develop the layout, look, and some written content of the website. It is consistent with the overall clean look and feel of other websites in MIT's Office of Digital Learning and Strategic Education Initiatives.

About the Project

From the website: "Strategic Education Initiatives (SEI) in the MIT Office of Digital Learning supports MIT’s partnerships with other universities, foundations and trusts, non-governmental organizations, and national governments to experiment with and implement digital learning. Some SEI projects span across nations and hundreds of schools, helping to advance the field of digital learning for practitioners, researchers, and learners at MIT and around the world. SEI also partners with faculty to create new digital tools for use in MITx courses in edX and in residential teaching. SEI’s work in other settings can lead to new pedagogy and curriculum design at MIT. Through these initiatives, MIT is furthering its mission to advance learning worldwide."

My Role

Due to a bet between my boss and my boss's boss, we had 24 hours to put up this site! (Beating the ODL site's launch date.)

Within 24 hours:

• we created the logo, based on MIT ODL's new logo

• my boss set up the WordPress skeleton while I worked on the design

• I implemented the design with CSS tweaks

• we developed and set up the sitemap and content

About the Project

This is a poster for the Speech Prosody Conference 2016 in Boston, MA. The work is done in collaboration with my research group at MIT's Speech Communication Group, Dr. S. R. Chandrasekhar Institute of Speech and Hearing in India, and the Child Learning Lab at Macquarie University, Australia.

My Role

I worked on most of the adult prosody research and the data viz. For this poster, I incorporated the various visualizations tools I've developed to create editable vector formats of our data and formatted it all into a cohesive color scheme in Illustrator. I focused on imagery and data and it ended up being a sort of research infographic.

About the Project

Speech Prosody is a conference held for researchers in linguistics focused on intonations in speech across many languages and cultures.

My Role

The conference coordinators asked me to design a user-friendly linked webpage for their detailed schedule that will allow site visitors to access the abstracts and files for each talk and poster. There were about 200 elements so I formatted the proceedings in a tabular format with the abstract and paper filenames and wrote a Perl script to write to HTML for their website. The elements link to a Google site I set up with a Google Apps Script to automatically create all the pages for each talk and poster. The script also grabbed the Google file links inside Google Drive to anchor on the pages.

There were also many latin characters like é and ô for this conference so I converted them to html encodings to display correctly on the different sites.

About the Project

TMA is part of the INK-12 and Classroom Learning Partner NSF-funded research. It explores the use of a interactive pen-tablet in showing that math learners as young as second- and third-graders understand and express algebraic proofs.

My Role

I designed and implemented the logo and the one-page website.