This is a website that I designed and developed for the New York Public Library, in conjunction with the Brooklyn Library and Queens Library. SummerReading.org 2010! Every summer institutions across the nation implement various reading programs to help with learning retention. This year the 3 NYC library systems wanted a website with light social networking features combined with a facility for participants to find and rate books while earning rewards for their involvement. So this is what I delivered! Summer Reading 2010 is a LAMP project built using the Drupal framework. I did all of the database and website coding, most of the UI/navigation design, and brainstorming assistance on core features. The fine folks at the NYPL provided vision, requirements, some layout and graphic design, implementation. It was a good pairing. Limited budget, tight deadlines... rarely dull.
Most of the design challenges had to do with the target audience - children. It needed to be engaging and simple, both visually and functionally. My background as a technological essentialist was put to good use here. The kids also needed to feel socially comfortable, so we avoided any 'friending' functionality so users wouldn't feel friend-count pressure. Social commenting was limited to book reviews in hopes to minimize trollish behavior (folks getting annoyed or picked on). I also developed a custom profanity filter and comment moderation system. Privacy is the principal concern of any social networking site, and so Summer Reading profile functionality is also rather limited. Mostly just your saved books, reviews, and earned badges. But we came up with another way for kids to show some personality safely - avatars!
In trying to complete the avatar portion of the site, I was very pleased to stumble across the My Avatar Editor open source project which conforms to Nintendo's Mii standard. The Flash application was designed for users to design and save their avatars locally, but I found that with a little hacking I could pass the character data directly to the website engine and process the images in a uniform manner. TODO: open source this hack.
The badge system we came up with was influenced by the popular Foursquare service. You earn some badges automatically through website activity such as logging in, adding books to your log, writing reviews. A new user gets a few teaser badges right away. Other badges are unlocked via 'secret code'. Because I provided a way for branch librarians in every NYC borough to design and create new badges, this allows for all kinds of interaction and gameplay. Librarians can also award a badge directly to a user. At summer's end, I believe this stuff may translate into actual prizes, but please don't quote me on that.
The badge pages and media/book pages act as social hubs where you can find and view other profiles. By the end of summer the website has about 50,000 user signups. This was a good project that I was grateful to work on... as the mighty Mr. T might say, "for the kids". It has been well received by the library and given some press. Here are some screens of the site in action. And what does Mr. T and Justin Bieber have to do with reading or learning retention? Probably very little, that's just me whistling while I work.
My Profile Page with Collected Media and Badges
Avatar Designer Flash Application
Searching for Books & Media
Media Page with Reader Reviews
An Active User Profile Page
Badge Information Page
Clickable Grid of Badge Winners
System Administration Page