07 October 2008

Visualizations, Innovations Overview



Well, here goes. Here is a quick view at the innovations both visual and interactive that have come out of my shops since 1997. I haven't included anything since 2007, but will be making some screenshots for those in the upcoming months. In the last two months there were a lot of very quiet projects with a substantial amount of thinking. Take the rethink of Western Union's transaction engine for one.

Enjoy.

process_tn.jpgITN-shorthand_tn.jpg
Left, this was my plan for creating a design structure for Internet Travel Network (ITN 1997). To the right, a quick visual shorthand for a user's travel history. It shows departure and arrival airports, travel days, and additional elements like rental cars.

flightScope_tn.gif5k_tn.jpg
Left, another design for ITN showing a great product that showed realtime flight location at a detail that would have made Homeland Security uncomfortable. To the right, the winning entry in Stewart Butterfield's 5K contest. My team at Cornell created an entire, working ecommerce site in less than 5k.

homePhotoConcept01.jpgcornell_search.jpg
Left, early design for Cornell University front page. Right, an early look at Cornell's revolutionary universal search. Both 2004.

homePhotoConcept02.jpggimme_label_art_tn.jpg
Left, another beautiful take on the Cornell front page concept. Right, a mockup for Gimme! Coffee's one pound bags showing origin, full taste profile, name, and roast.

gimme_label_tn.jpggimme2003-2006Home_tn.jpg
Left, final Gimme! Coffee label. Very close to what they use today. Right, the 2003 redesign for Gimme! Coffee's home page.

gimmeBuy_tn.jpggimmeHome_tn.jpg
Left, SiliconGorge concept for Gimme! Coffee's purchasing list. Right, evolution of design based on Learn/Buy dichotomy.

NoContext_data_31May2006_tn.jpgblob_diagram_tn.jpg
Two concept documents for a Fortune 500 customer service Web application. Left, data mapping for feature possibilities. Right, pre-historic use case clumping.

reagent_23Mar2006_tn.jpgcustomer_hub_tn.jpg
This shows the next step beyond use case clumping. Left, organizing the client's feature needs into silos. Right, further evolution of customer silo as we rapidly developed working models.

account_hubActivityLog_tn.jpgaccount_hubCommentLog_tn.jpg
Two ways for the CSR to check the health of the customer account. Left, a view of all relevant activity, changes, requests, and CSR comments at the rep's fingertips. Right, a view of CSR comment types.

managePayments_hub_tn.jpgmanagePayments_editMonth_tn.jpg
Left, the final prototype for managing a user's mortgage payment schedule, featuring a 12 month schedule. Right, zoom into a monthly view.

transactions_tn.jpgintegrityWarningAddC#309767.jpg
Left, the projected transaction schedule for all user payments. Right, a special comment type generated by the system warning CSR of integrity problems with the account.

theWall_tn.jpgedwardInProcess_tn.jpg
Evolving the payments persona presentation. We mocked up Edward's persona on a cork board before creating his 5 companions. Left, the persona wall. Right, the cork workspace.

bernardo_tn.jpgUser_Research_Report_tn.jpg
Left, a final proof of the persona concept tool. Right, another persona tool: a research report for a small business payments product.

360_desktop_tn.jpg360_smartcard_tn.jpg
Left, paper prototyping for Desktop payments application, the most trusted electronic payments space for the user. Right, concept model for debit card-to-payments card interaction.

appropriateness_tn.jpgubiquity_tn.jpg
Two grids used for developing our 360 concepts. Left, showing appropriateness of venue or method to payment type. Right, matching location and method access.

controlExcerpt_tn.jpg
An example of our work in defining Control for electronic payments.

Labels: , , , ,