WeCott, an online platform to act on journalism

WeCott is a tool for investigative journalists to engage with users in creating a civic movement around investigative stories. The original prototype was built by Amy Zhang and friends during the iCorruption hackathon. They envisioned a platform of communities where people could participate in boycotts together – offering advice on alternatives, uploading photos of their boycott, and otherwise supporting each other.

wecott1-1024x630

We (Amy, Wahyu, Alicia, Giovana and Anna) updated the idea in order that WeCott could serve to engage readers based on solid evidences and compelling stories produced by investigative journalists. They could engage not only in boycott, but also buycott or even “vericott” where we ask users to verify a story in their nearest community/neighborhood.

The objective is also allow the participants to offer advice on alternatives, uploading photos of their boycott or buycott or vericott, and otherwise supporting each other. Not only would this make the process more fun and supportive, it also allows people and companies to see the effects of the movement all in one place.

The nail salon exposé published by The New York Times this week is one of the best examples of stories that could generate this kind of engagement. After the first part being published, hundreds of readers wrote to NYTimes asking what they could do, as customers, to help solving the problem. We believe that a tool as WeCott could be perfect to offer some options. For example, people could contribute to create a map pointing salons with bad practices, but also those who develop good practices.

Screen Shot 2015-05-13 at 12.42.39 PM

Posted in All

Egg: a place for science stories to nest

egg_homescreen

Frustrated with the perception of certain sciences as “cold” and the programmer-storyteller divide, I wanted to create a space with tools and stories that gently remind us there is in fact no such divide aside from the ones in our beliefs.

Here’s a prototype, without uploading capability.

Posted in All

Student Debt Project Team: “It Gets Smaller”

Charles, Gideon, Luis, Melissa B, Melissa C, and I started off with an interest in the crisis of rising student debt in the United States. After perusing resources and tools for students to figure out how to afford college and plan their financial future, we realized that (1) information on student loans is dispersed across the web and confusing, (2) most calculators are offered by profit-driven platforms, and (3) the convoluted facts about loans and scary numbers of debt and future payments can make users feel isolated instead of part of a community of affected students. Therefore, our first goal was to create a tool that combines basic information and a comprehensive calculator for financial planning with tailored connections to relevant online communities. We hope that our tool can be used both by affected students and by journalists in search of a streamlined way to crowdsource information on the topic and connect with pertinent groups. You can see the tool, the It Gets Smaller website, here.

Our second goal was to use the tool in two journalistic pieces. We proudly present Gideon and Melissa B’s article and Melissa C’s video.

The Student Debt team is looking forward to your feedback!

Posted in All

Kitty, Vivian, and Bianca uncover the peanut gallery

Check out the demo of our commenting system here: http://um-viz.media.mit.edu/finalFON/index.html
As the news industry has evolved, individuals both inside and outside of established media corporations have made efforts to improve the processes of news consumption and production.  Emerging technology allows users to interact with and produce news and broadens both the reach of the news and the range of individuals who can help create and spread it.  While the process of writing and disseminating news has become more participatory, very little meaningful work has been completed and implemented towards improving systems that allow readers to react to and interact with news and other media content.
Often overlooked and undervalued, comments can provide a rich opportunity for discussion: they provide a portal to understanding how news is received, points of contention, and further resources to delve deeper into the topic at hand.  Comments allow the reader to interact directly with the content and the news producers rather than passively consuming material.
For our final project, we explored methods for creating more engaging comment experiences through visual cues, responsive environments, and audio snapshots. One of the great functions of news is to get people talking and debating,  informing them of possible perspectives and involved parties. A comment section should then be a large support or platform for such discussion but it has yet to be perfected in terms of layout,  design, expressive control,  and even analytics. Here,  we are exploring possibilities in the design of comments to reflect user emotion and tone through a mix of sentiment analysis, typographical behavior detection, and a new type of censorship (yay, censorship!!)
In existing systems, all speakers are given the same visual weight, and all words are displayed in the same manner.  We started by asking how reviews and responses could be reinterpreted by more clearly signifying speakers who were representing a business or organization (in the context of Yelp), but instead we chose to provide more implicit features for every commenter.
As it stands, all words and tones are given the same typeface and size.  It can be difficult to parse through and understand sarcasm, irony, anger, and genuine enthusiasm.
Our goal was to answer whether or not changing the design of comments could change the way we interact and read them for the better. In exploring the power of comments and attempting to amplify their richness, we considered the role of lurkers (those who passively read, and potentially vote on comments, while not actively commenting themselves), active commenters, and the authors and publishers themselves.  Part of efforts to amplify comments result in and include creating an environment that is more readily scannable.  This was achieved via two means:
A) Visual Effects:
– repeated letters are translated into larger letters and letters of increasing size
– flowery letters and butterflies to mitigate curse words
– positive words are colored red, negative words are colored blue
– ellipses turn the previous word into fading one
– exclamation points turn preceding words “Large yelling” words
– increasingly positive words become darker red
B) audio soundscape
– drawing from the quantity and sentiment of the comments, the play button produces tones and sounds that represent the fervor and tone of the comment field

How are social workers handling student debt?

The nation needs more social workers. But when they enter the profession, they’re staring at low salaries and mountains of student debt. How are they handling it?

Gideon Gil and I used the It Gets Smaller student loan tool to find out. First, we used the income planner tool to identify a profession where student loan payments are projected to make up a high percentage of a person’s income.

Then we used the second part of the tool, which generated suggested Reddit threads based on our search. The tool connected us to a hoppin’ Reddit forum for social workers. We posted a question asking for stories of how social workers are handling student loans. We got flooded with stories from around the country.

Read the stories here.

Gideon and I worked along with Léa Steinacker, Charles Kaioun, Melissa Clark and Luis Guillermo Natera Orozco on the student debt team, which created the Its Gets Smaller website.

Our hope in creating the website is not only to connect students to better loan information, but also to create a new way to seamlessly connect readers and journalists to social media and Reddit forums, where they can crowdsource advice and more information.

Posted in All

Shovel It Forward

Remember this?nopaththrusnow

And this?

nopathsnow

And this?

snowedover

I do, too, because I couldn’t get across THIS: Screen Shot 2015-04-17 at 12.17.13 AM

That’s Cambridge Common, the 16-acre park I cross to get to my classes and to Lippman House, where our Nieman activities take place.

On an average day, some 10,000 people cross the park on foot or bicycle. 

But the park pathways don’t get plowed until all the priority plowing – and shoveling – is done.  In a winter like 2015, that meant crossing the park felt something like this:

Record setting deep snows block a doorway in North Cambridge.

What if there were a way – to help each other?  When the city has its hands full? 

workerssnow

That got me thinking:  what if we could all come together and lend a hand?  (you can see my first “Scratch” lesson if you click)

Instead of “paying it forward” … what if we “Shoveled it Forward?

Do you really want to keep trudging over this unplowed path? Of course you don’t!

Imagine Cambridge Common planted with three bright shovels. (Scratch #2, my art is priceless.)  

As you walk the path, your only task as a pedestrian is to shovel two steps ahead of you.  So you will have at least two shovel-wide paces that won’t be as narrow as those dodgy, one-step-at-a-time paths.

Then park the shovel for the next person, who will (we hope) shovel two paces ahead themselves.

Kind of like Boston’s Adopt-a-Hydrant program, only for pathways that don’t always get shoveled.

happy_hydrant

See how happy this hydrant is at being shoveled out?

It would probably be easy enough to tweak the Adopt-a-Hydrant app – in some form, with some very simple map or geo-coded details – for a few public pathways just for trial.  (If anyone is into this – I can volunteer to leave some snow shovels behind for next year!)

The social media aspect  – take a picture of yourself and your shoveling citizenship, and upload it? Get a badge? – could be done in Tumblr or Instagram.  

You could hastag it “CommonWealth-y”

Or, as I originally imagined, #Shovelitforward.  

Then I discovered there already IS a program like this – in friendly and polite Canada.   

They’ve already built this better than I could have pictured or built.  (Journalism lesson #1 – always check to see who else might have already written about your story!)  

Could we use their model – maybe even co-brand it?  We ARE neighbors, after all.  

boston-buried-in-snow-2015

Posted in All

Dosage Preferences

Bianca Datta and I worked on the current debate over ‘cognitive enhancers.’ This topic offered a wide range of possible actions for those interested because the debate is both so broad and becoming more visible.

To navigate the space of options, we decided to think about how we could explore our capacities as humans with limited time and resources.

We decided to create an interactive bar chart that allowed a person to signal their general level of interest in pursuing any one type of contribution to the issue. This would (or is supposed to) in turn reshuffle the display of options available to be more in line with the reader’s interest and capacity.

The act of exploring the options not only means a little more thought into how one can ‘help’ but also serves as a survey tool for media outlets.

In the ideal situation, this would be a fully responsive page where information did actually shuffle according to specified preferences but as it stands, it currently lacks that last capability. It is easy enough, however, to gut the information and put in new information so it could possibly serve as a tool in future after some extra work and polish.

With regards to the type of options we left available for the reader, Bianca and I felt that three broad actions governed most abilities to contribute for any given reader. A reader could either spread the information to raise awareness and attention, participate in discussions which could lead to greater action, or donate to an organization that would act in their interests.

Here are some screenshots:

Screen Shot 2015-04-22 at 3.14.16 AM

(Drag and release to increase or decrease dosage of action)

Screen Shot 2015-04-22 at 3.14.27 AM

(Read about actionables from what was selected as most important to least important – in progress functionality)

 

Check is out at: http://um-viz.media.mit.edu/fonAction/index.html (slide bars for fun, then click ‘okay’ to see information)

 

Posted in All