Novus Biologicals is Live!

The Novus Biologicals website homepageRocket surgery has nothing on immunobiology and proteomics. With over 100,000 products, in a dozen categories, and the most complex set of product attributes and filters I’ve ever had the honor of untangling, the Novus Biological website was a textbook case of Information Architecture challenges. Working for SpireMedia, I took on the task of understanding the incredibly intricate world of antibodies.

It was a long and hard slog, yet we got through the information architecture and wireframes mostly on budget and on time. Beyond organizing and laying out the site, I also helped resolve some thorny data issues, such as how to apply cumulative filters on a dozen variables to a list of 50,000 items. I also helped evaluate, spec and implement the Novus Explorer, a Flash-based relationship browser, which for the first time gives researchers a visual, interactive way to explore the connections between antibodies, proteins, diseases and genes, clicking through to extensive scientific litterature. I dare say that, for a site with a tenth the budget of its main competitor, the new raises the bar.

On a personal note, I also had the pleasure of working again with Scott Osgood, an old friend, colleague and client from my Immedient/INS days, who took on the job of CTO for Novus on the same day that I took on the Information Architecture tasks for Spiremedia. A very happy coincidence indeed!

I’m more than a little proud of the work that went into this site, though of course the real credit goes to the amazing design and Drupal development teams at Spiremedia, who burned even more midnight oil than I did.

Ten Buddhist Tales is open!

Ten Buddhist Tales posterBehold: Sausage!

Wow. We’ve done it. We’ve opened our show. What a rush!

After a hell week that went surprisingly well, we had energy aplenty for opening. The cast was on fire, lots of friends and family in the audience, and the show rocked! It’s 90 minutes of pure seat-of-your-pants craziness, both on-stage and off. I screwed up a couple of sound cues, but the actors kept right on going.

We’re all exhausted. It will take me a few days to process the feeling. This is a big achievement for me, and for all of us.

DRD v3 is live!

Thumbnail of the DRD websiteThird version of the Department of Redundancy Department’s website, this time using WordPress. WordPress is a beautiful piece of software, highly discoverable… of course, it’s targeted at geeks, but I think it broadens the target a bit.

For the DRD’s site, I chose a simple theme, and tweaked the typography. Videos will be hosted on YouTube, which will keep things simple as well.

If you have a high opinion of me, and a strict sense of appropriateness, please don’t look at these crazy, NSFW videos. Thanks!

BT DiamondIP is live!

BT DiamondIP WebsiteA whopper of a project!

I was able to set a good direction on the information architecture, and to keep everyone committed to a more-or-less standard navigation scheme. There was little I could do to influence the tone and tenor of the copy, but I did help cut down the marketese to a manageable level. In terms of the visual design and branding, I got to work again with my good friend Peter Alexander, who took in the strict constraints that I was imposing and provided me with just the clean look and photo-graphics I was looking for.

I was committed to building a good modern website, with as little compromise as possible in the quality of the code, design, and trying to stick close to semantic HTML. Noble goals. But I didn’t get a choice in CMS packages. EktronCMS it would be. Ektron is an ASP.NET CMS package with all the features you could want. Smell a rat yet?

It was a constant struggle to get it to work, to get it to work as it should, to get it to work well with clean code. I based the site’s HTML structure on the BluePrint CSS Framework, but that got partially butchered by the junk code ASP.NET wants to inject, and the spaghetti code that Ektron gleefully injects everywhere.

Of course, as a CMS package, Ektron fails as many do: by making GUI editing as complex and counter-intuitive, if not more, than HTML itself. Which means, of course, that the webmaster will have to do the updates anyway… and I could do them faster in Notepad! Also, as a typical ASP.NET application, it breaks all the time. And as a typical enterprise application, it’s also very slow, and ugly as a pig farmer in a cocktail dress.

Nevertheless, I soldiered on through. I used an XML sitemap to drive the navigation dynamically, Ektron collection controls and content placeholders and other god-awful components to put together a site that looks good and doesn’t suck. And custom-coded a bunch of tools and forms. I worked through my Christmas vacation in Paris to get it done. And now it’s done.

I’m proud of the result, yet I can’t say that the process made a lot of sense. I’m an excellent swimmer, but I don’t like to be forced to swim with a backpack full of rocks, especially when nobody needs the rocks or the backpack.

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.

Directions and Campus maps for Exempla Healthcare

This is an interesting set of Flash movies. The directions to the hospital are animated, and the campus map features zooming in to the different floors.

Not exactly earth-shaking stuff, but I did try to go a bit past the paper metaphor, and exploit some of the capabilities of animated media. A bigger budget could have made it look more slick, but I don’t mind tight deadlines. Obstacles breed creativity.

Depth of Vision: Isometric Flash 3D for Business Visualization

Thumbnail for Depth Of VisionAhem… Sorry about the overly pompous title on this post… “Depth of Vision”, a flash presentation, is a nice little piece I developed, pretty much on my own, to showcase Immedient’s solution offering. Not much budget behind it: The voice-over talent is my wife!

Isometric 3D is that funny look you’ve seen with pixel art. It’s perspective without depth. I’ve always liked the look of it, even though it’s artificial. I think it’s because even though we never see the world without depth, when we conceive 3D objects, our mind’s eye sees them in an isometric mental model…

This fun little project took less than a week to put together, and was finalized and committee-stamped in less than a week after that. Kept me busy between billing gigs. Enjoy!

Colorado Midwives Association is Live!

Spent a couple of days overhauling the Colorado Midwives Association‘s website, for my friend Dana Beardshare. Dana and Jan were our midwives, and the genuine love they poured into caring for my wife and I was an enlightening experience, and a deeply humbling one for me.

Yes, there is room for love in business, and in medecine, but we’ll have to stop and listen to women to learn how. My meager thanks is this little bit of help on their website.

USA.NET is live!

Thumbnail of new USA.NET websiteToday we released the new USA.NET website, designed by yours truly. I’m pretty happy with it. I initially set the vision for a fully flash-based, dynamic website. Flash today is not a dynamic tool, but using Macromedia’s Generator server, we could theoretically produce a “dynamic offline” site, that could be refreshed as frequently as needed.

We pulled back from that initial vision. We’re releasing a ColdFusion-based website, featuring Flash navigation and enhanced elements. I coded the dynamic update system that queries the database, develops a generation plan for Generator, and builds all 180 navigation panes and page headers in Flash, dynamically, in a few seconds. It also outputs JPGs and imagemaps for older browsers.

The look and feel is also my doing. Professional and modern. Check out the evolution of my design comps. So, not a bad site overall. And I’ve learned some important lessons:

  1. Strong vision leadership is important, and I do this well. I set a direction at the start, and fought hard to see it through. Without that, the site would have quickly devolved into a committee-built frankenstein.
  2. Developers have too much of a chokehold on everything. The clear lines of authority implied by corporate structure mean nothing if developers can put up technical obstacles, without fear of being challenged. It behooves me to keep increasing my technical development skills, to be able to confront them when they’re being short-sighted. Mind you, I understand their plight: The goals they are measured against often run contrary to Marketing’s goals.
  3. There needs to be something else between corporate decision-makers at the top, and designers and developers at the bottom. Regular marketing executives are too far removed from the details of user experience, and too mired in old media, to act as the moderators between designers and developers. Some higher design authority must take charge.

So the need for a Usability Expert is clear, now. I attempted to be that person, but was never granted the authority to do this job. But now I know that that’s the job I want.