Visual Designs

Generally I work with visual designers, but graphic design and illustration is something I’m happy to do when called upon. The following examples show visual design employed to make sense of the large forms, complex interactions, and deep data-sets typically found in enterprise software.

Sauce Labs

Some snaps from the sauce connect console.

MarkMonitor 2007-2018

MarkMonitor offers four lines of services: brand protection, anti-fraud, anti-piracy, and domain registration. Over a 10 year span, I consulted with them as their sole in-house designer, and later helped them scale their in-house design team.
MarkMonitor applied for three patents based on work I’ve done for them. Those patents stem from two projects not shown here:
  • A browser plug in used to mark up infringing websites and auctions for the purpose of feeding a machine-learning algorithm.
  • Work done around linking the identities and activities of infringers who are active across sites. There is a visual component, workflow components, and data science components.

 

Studies for Revised Reporting

Studies for system to evaluate detection algorithms  and connections

these were quick visual wire-frames, outside the MM look and feel to explore ways to visualize connections and build detection algorithms. At this time MM didn’t have the very large numbers of enforcements which machine learning methods like.

 

Cast Iron Systems (2005)

Cast Iron (acquired by IBM) made integration appliances that orchestrated the flow of data from different systems in an enterprise. These orchestrations were built and configured using a visual designer that negated the user having to write code. The designer application was written in Java.

What’s innovative? Existing integration tools took an approach that didn’t reflect how IT staff actually do integration.  Existing tools were highly object oriented and top down. That’s not how people work in this case. They tend to build linear scripts, then abstract objects later (if at all). Systems that demand setting up lots of objects and abstract relations ahead of time tend to cause a lot of frustration and errors. Cast Iron’s software used visual programming and visual mapping, but worked in a way that allowed users to build scripts linearly.

 

Orchestration Icons

 

 

Cardfree -2017

Cardfree developed a platform that facilitates menu ordering and promotional campaigns via an application. Companies like Dunkin Donuts use them as a back end for creating and scheduling promotions.
Features: Multi-language, conditional scheduling, and coupling offers to other purchases.

 

What’s innovative? Seeing the whole campaign at a glance.
A lot of designs these days use a generous, elegant spacing. With long forms, generous spacing leads to big scrolling pages or multiple pages. Initial interviews with users surfaced a specific flaw of the product, an inability to see and edit the campaign on one page, in one step, as a living document. Users needed to tweak some settings and change others as assets or information were supplied, such as promotion images from an art department. Rarely were promotions launched in one go.
Client: CardFree design sketch for a campaign summary, including suggestions to allow for more direct editing.

 

Ed-ops

Last but not least, sometimes presentations are the product. An old friend runs a firm that helps charter schools with accounting. I helped refine and develop the visualizations. The chart below will be automatically generated, using PowerPoint native charting. When inner city DC area charter schools keep themselves solvent, it helps a lot of little people.

What’s Innovative? Aside from pushing office productivity apps to do graphs their maker did not intend, this proved  a good solution to the “where am I relative to my peers” problem. Its been done many times in static graphs, but this had to be maintainable, not a one off.

Sharp eyes can tell the tabular data is out of sync with the chart in this version. They might also notice the color coding on an expense graph should be reversed.  We fixed that when constructing the production graphs. Its a real native chart: getting this out of PowerPoint and Excel is no mean feat.