Read how Lars Hammerschmidt reworked Circle’s interface design / MartinFAW on July 11th

Looking back at Circle 1, what was key in the design of its interface?

I think the design language of Circle 1 is a good mixture of a flat, minimalistic approach and a detail-oriented simulation of textures and shadows. The way that Circle balanced these elements is very attractive. But we thought that it was slowly but surely the time to overhaul certain elements, especially structures that gave the user the feeling of handling a device from the physical world. Circle certainly used this technique sparingly, so that the interface surely can’t be described as skeuomorphic, but we felt that some elements were out-of-date in contemporary interface design.

What was your approach for the redesign?

Our goal was to construct a flat design with even brighter, more distinct colors. In doing so, we were able to improve Circle’s most prominent features: the clarity of the arrangement of the interface and the ease of figuring out the synth’s capabilities. Designing a synthesizer to be simple is a difficult task since it is a complex application in which many elements are dependent on each other. After breaking down the interface into its small components and reworking certain parts, everything has to fit together again as a whole. For making Circle² the best synthesizer in terms of intuitiveness, the interface design doesn’t just have to look good, but has to feel good to the musician.

Can you give us examples on details that were reworked?

The most distinguishing design elements in Circle are the circles that control the synthesizer’s modules. If you look at Circle 1’s interface, these circles come in different sizes: For example, the circle to manipulate the filter’s cutoff has a larger diameter than the filter’s resonance control, which resembles the look of common hardware synthesizers. This allusion to physical synthesizers didn’t make sense for us anymore and has been exchanged for a flatter, contemporary design language. We found that on a screen, a flatter design enables the human eye to grasp all information much more speedily and comfortably.

Did you have different approaches for users who just discovered Circle² and existing Circle fans?

Circle 1 was already great in bringing an order to the complexity of a synthesizer, which is why we kept most features where they used to be. The interface will therefore already be familiar to existing Circle users. The greatest change will be in the experience of the synthesizer: Using Circle² will look and feel better, which will make using it a lot more fun. For new users, we hope that the Circle’s message has even more impact: By being focused on simplicity and intuitiveness, Circle will assist you in your creative flow when making music.

Thanks Lars, we’re excited about releasing Circle² with its beautiful redesign soon!

Have a look at Lars Hammerschmidt’s portfolio over here.

Circle is currently available for a reduced price of only €49/$69. If you purchase Circle from our download store today, you’ll also receive a free upgrade to Circle² on release day, so there’s never been a better time to join the ever-growing community of Circle users worldwide.

6 Responses to “Read how Lars Hammerschmidt reworked Circle’s interface design”

  1. 1 / nowayback / July 11th at 11:47 am

    nice interview, looking forward to Circle release

  2. 2 / petemagic / July 11th at 4:03 pm

    I like the new interface, definitely clearer to see everything. Also the positioning of the modulation outputs in the top left is a good idea

  3. 3 / Taylor / July 12th at 2:43 am

    Looking good!

    The designer in me doesn’t understand the following:

    “For example, the circle to manipulate the filter’s cutoff has a larger diameter than the filter’s resonance control, which resembles the look of common hardware synthesizers. This allusion to physical synthesizers didn’t make sense for us anymore…”

    The cutoff generally has a larger diameter to indicate that its a more important function, no? You made both cutoff and resonance controls have the same diameter? Why not just have direct manipulation of the filter graph instead of the knobs?

  4. 4 / Martin / July 12th at 7:55 am

    I also don’t understand the statement quoted by Taylor. Making certain elements larger than others doesn’t have anything to do with analog vs. digital. It’s called visual hierarchy. If it made sense on a physical synthesizer, why not on a virtual one?

  5. 5 / Johng699 / August 9th at 4:55 pm

    I got what you mean, regards for putting up.Woh I am delighted to find this website through google. You must pray that the way be long, full of adventures and experiences. by Constantine Peter Cavafy. cegeckdbbgcd

  6. 6 / michael kukulka / August 6th at 12:37 am

    When it comes to business you want ot be sure that you’ve got all your bases covered. More importantly it seems like you’ve covered the basics in this post.

Leave a Reply