Get Pumped Up Over Flat Design

On 7/23/2013, Adaptistration published an article about “Authentic Design,” which examined the growing design shift away from skeuomorphic and stylistic excesses (such as using realistic page turn effects for digital pages) in favor of what is colloquially known as flat design. Since then, I’ve been looking for a way to incorporate flat design into Adaptistration then measure the resulting impact and I’m pleased to say that the recent round of efforts have been producing positive results.

The changes were put into place over the course of several days from 8/12/13 through 8/23/13 and released is four segments:

Social Media Icons and Main Navigation Menu, Before and After
Social Media Icons and Main Navigation Menu, Before and After
  1. Updating social media icons to flat design variations and relocating from sidebar to header.
  2. Replacing the footer widget promotional images.
  3. Replacing the sidebar widgets images promoting the donation and weekly email summary subscription as well as the images used for the “As seen in…” section.
  4. Updating the main navigation menu styling (via desktop/laptop browser widths) from a gradient to flat background color

Within a period of a few days, the changes were already producing positive results. Granted, changes to the images and related content for all three of these items have been modified to various degrees over the past two years, but those changes did not manage to produce positive results as quickly as the move to flat design.

Coffee Tip and Subscriptions, Before and After
Coffee Tip and Subscriptions, Before and After

Clearly, the changes are having a positive impact on user experience; indeed, metrics confirm improvements in conversion and/or usage for all flat design items, the two biggest changes were related to a sharp uptick in email subscriptions and coffee tip donations, both of which were located in the sidebar.

Some common elements in each of the image related flat design updates includes using less text, larger blocks of solid colors, and favoring simple icons over photo-realistic imagery.

Footer Widget Images, Before and After.
Footer Widget Images, Before and After.

If nothing else, the results demonstrate the value in making regular small and incremental changes in lieu of sweeping site-wide comprehensive design updates once every few years (a topic we explored in a trio of articles from 2012). Granted, this approach is most effective if the underlying site framework, navigation architecture, and layout is solid and doesn’t hamper user experience; without that firm foundation to build upon, you may not experience comparable results when undertaking similar efforts.

Anyone else out there incorporating flat design via incremental changes?

Anyone else out there incorporating flat design via incremental changes? If so, take a moment to send in a comment to related your experience.

About Drew McManus

"I hear that every time you show up to work with an orchestra, people get fired." Those were the first words out of an executive's mouth after her board chair introduced us. That executive is now a dear colleague and friend but the day that consulting contract began with her orchestra, she was convinced I was a hatchet-man brought in by the board to clean house.

I understand where the trepidation comes from as a great deal of my consulting and technology provider work for arts organizations involves due diligence, separating fact from fiction, interpreting spin, as well as performance review and oversight. So yes, sometimes that work results in one or two individuals "aggressively embracing career change" but far more often than not, it reinforces and clarifies exactly what works and why.

In short, it doesn't matter if you know where all the bodies are buried if you can't keep your own clients out of the ground, and I'm fortunate enough to say that for more than 15 years, I've done exactly that for groups of all budget size from Qatar to Kathmandu.

For fun, I write a daily blog about the orchestra business, provide a platform for arts insiders to speak their mind, keep track of what people in this business get paid, help write a satirical cartoon about orchestra life, hack the arts, and love a good coffee drink.

Related Posts

2 thoughts on “Get Pumped Up Over Flat Design”

Leave a Comment