Introducing a New Interface: Modernistic

John Reeve | July 14th, 2017 |

Project Dashboard

“I really like the new user interface. It’s a much-welcomed update.”
—Michael

“The updates look great! Definitely a fresh look and feel.”
—Tony

“Really love the new interface!”
—Nathan

We’re excited to introduce the new “Modernistic” interface design for Intervals, our task, time, project management software. Our new look is based on several months of research and design, as well as several rounds of beta testing with existing customers (A big thank you to all those who participated in the beta).

We’ve overhauled most of the visual interface in a conscious and concerted effort to “modernize” the look. But, we’ve also refactored some of the software’s functionality to reduce clutter and make features more intuitive. Here is an overview of what’s changed…

Take a screenshot tour here.

Limited Color Palette

Limited Color Pallet

By first reducing the color palette to grey scale, we were able to re-introduce color intentionally and sparingly to draw the user’s attention to the most current information and relevant actions. With this new theme we’ve tried to find the right balance between grey scale and color, between letting the user rest their eyes and cuing them in to what to do next.

Flat Design

Flat Design

Design elements have evolved over the years as more and more businesses have adopted web-based software into their workflow. As users have become more familiar with design elements, like buttons and forms, these same elements have become less and less literal. Our new design embraces the same flat look that is becoming commonplace with most web-based software today.

New Icons

New Icons

The original icons were custom designed in-house for the initial launch of Intervals over eleven years ago. They had served their purpose well, but their age was showing. We decided to let the experts handle icon design and selected FontAwesome as our font library. Adopting a professional and universal icon library arguably had the most noticeable impact on the new design.

Reduced Visual Clutter

Reduced Visual Clutter

While overhauling the look of the interface we decided to clean up a few minor features. Mainly, we’ve demoted some of the features that were used less often, and regrouped other features where it made more sense to have them visually consolidated. By reducing the visual clutter, users can focus better on higher priorities.

Getting Started

Anyone who signs up for a new Intervals trial will have the modernistic interface by default. Existing customers can load the new design by logging into your account and navigating to Options -> Settings & Defaults. Select the Modernistic option from the list of themes. More instructions are available here on our help site if needed.

If you don’t have an Intervals account, click here to create one now and try out the new look.

What’s Next?

This new look is only the beginning. Up next, we’ll be overhauling the mobile experience, adding streamlined task to do lists, adding more infrastructure, and working on a new beta mobile app. Please try it out and let us know what you think.

2 Responses to “Introducing a New Interface: Modernistic”

  1. Dave Rietz says:

    I really like the new interface. The “flat” design is great; my only wish would be to have a “condensed” version that allowed for more information to be displayed on smaller screens.

  2. Michael says:

    Thanks Dave! We are kicking around some options for smaller screens and appreciate the feedback.

Leave a Reply

Intervals Blog

A collection of useful tips, tales and opinions based on decades of collective experience designing and developing web sites and web-based applications.

What is Intervals?

Intervals is online time, task and project management software built by and for web designers, developers and creatives.
Learn more…

John Reeve
Author Profile
John Reeve

John is a co-founder, web designer and developer at Pelago. His blog posts are inspired by everyday encounters with designers, developers, creatives and small businesses in general. John is an avid reader and road cyclist.
» More about John
» Read posts by John

Jennifer Payne
Author Profile
Jennifer Payne

Jennifer is the Director of Quality and Efficiency at Pelago. Her blog posts are based largely on her experience working with teams to improve harmony and productivity. Jennifer is a cat person.
» More about Jennifer
» Read posts by Jennifer

Michael Payne
Author Profile
Michael Payne

Michael is a co-founder and product architect at Pelago. His contributions stem from experiences managing the development process behind web sites and web-based applications such as Intervals. Michael drives a 1990 Volkswagen Carat with a rebuilt 2.4 liter engine from GoWesty.
» More about Michael
» Read posts by Michael

help.myintervals.com
Videos, tips & tricks