Stratification Tool

Thumbnail of the stratification toolBuilt a flash-based complex data visualization and stratification tool for a higher education consultancy. The company helps higher ed institutions to recruit and retain students. This tool is aimed at targeting outreach and marketing efforts to the right populations of high-school students, to maximize recruitment success.

In technical terms, it’s a statistical analysis tool. Likelihood to enroll is calculated for a body of applicants, and the tool gives a visual and interactive interface to the process of dividing that body into sub-groups.

This was a dense app, with lots of complex actionscript. I started with the data, building a visual representation that can be rendered as a histogram or smoothed line chart, with arithmetic or logarithmic scale. The user can then add or remove stratification bands, and set the bounds by sliding a knob along the y-axis. Each band reports its totals and percentages in real-time as the bounds are slid around, allowing the user to quickly create a 50-student band, or a band of 50 likely-to-enroll students.

My main goal was to take a complex decision-making process and make as much of it as possible as intuitive and tactile as possible. I did leverage some of the built-in actionscript animation libraries, using them sparsely and quickly to indicate pliancy of the UI, and give an overall feeling of responsiveness.

This was the most technically dense and complex Flash project I’ve done to date, involving XML/SOAP, handmade graphing routines, GUI design and lots and lots of math. I enjoyed it immensely.

Extranet with secure webmail

Extranet with SafeMailSometimes all a complex problem needs is a better metaphor.

This higher-ed consultancy, client of ours, has been struggling for years with transfers of large data files to and from their clients. Statistical analysis works best on large data sets, and in this case, the files reach in the dozens of megs, and they usually are burnt on CDs and sent in the mail.

Some more courageous institutions had been uploading files through a web interface, but that was fraught with problems, mostly with dropped connections and uploads. Also, there was a lot of back-and-forth on the phone with clients, trying to determine which uploaded file was which, which was outdated, which had changed.

We had finally come up with a semi-reliable way to allow web upload, and decided to revisit the whole user experience before we implemented it. The developers had a clear vision of an online file manager, but I insisted we look at the actors, context, and goals.

It turns out that these files are always exchanged in the context of customer service, always accompanied with conversation and clarifications. And there is a better metaphor for this kind of file exchange: Email attachments.

I proposed a prototype of “Safe Mail”, a new set of pages on the extranet where clients can check their mailbox for messages and announcements, send messages with secure multi-meg attachments, and keep track of the entire process. I made sure to include thumbnail photos of the client’s consultants with their email, and to demo an announcement from the big boss, to highlight the customer service, marketing and sales value of this relational tool. 

The client loved it. The entire office has been abuzz about it since the demo, and the developers are working hard to make it real. It’s going to simplify a whole lot of things around here, and everybody’s very busy trying to find the right photo to use on their profile.

I love it when looking at context and personal goals allows for a complete mind-shift into a better metaphor. We’ve done more than solve an issue here; we’ve changed the nature and tenor of customer service, making it both more rational and more personal.

Clean and simple…

Clean, clear UI for a questionnaire app.Finished building a nice clean UI for a college counseling questionnaire app. This was an exercise in using CSS to deliver a clear design across browsers, including the dreaded IE 6, with only a couple of days to test and deliver.

White space, use of Lucida Sans Unicode on Windows and Lucida Grande on the Mac, and attention to type spacing and layout made this a winner. The client was delighted, and requested no changes.

Another one in the bag. Moving on…