Responsibilities

  • Visual Design
  • Interaction Design

Telerik Analytics was a service that helped teams make data-driven decisions about their products. It collected usage trends on things like installations, versions, and session length.

Challenge

When Telerik acquired EQATEC in early 2013, the goal was to transition the Silverlight-based web interface to HTML5 and CSS3. I joined to lead the effort to build brand consistency with existing Telerik products.

The Telerik acquisition of EQATEC

Screenshot of the Silverlight EQATEC interface before the project

Telerik acquired EQATEC to add application analytics to the suite of tools it offered. To offer a modern experience and a few long-awaited features, the interface technology needed to be updated. Silverlight was nearing end-of-life and was not available on popular mobile devices at the time.

Rebranding the EQATEC interface

Screenshot of the TeamPulse interface
Mockup of redesigned installations dashboard

The product owner, lead developer on the EQATEC team, and I decided to update the interface to fit with existing Telerik products like TeamPulse, shown first above.

I then worked to translate each element of the interface to the new style using Illustrator. A sample rendering, second. This approach was especially appreciated by the developer since existing UI code could be reused, reducing the time to delivery.

Scope change!

Partway through the project, Telerik announced the upcoming release of Telerik Platform. This was a suite of products that enabled planning, development, and deployment of cross-platform and mobile applications. EQATEC was slated to add measurement as a new offering and was thus rebranded as Telerik Analytics.

The Telerik Platform experience was being designed at company headquarters in Bulgaria. I took a trip to join other product designers at HQ to converge on a shared style guide, a precursor to what we would call a design system today.

Once we finalized the style guide, I got to work updating the interface designs for Telerik Analytics.

An in-progress version of the styleguide

Final rendering of the rebranded interface

Final rendering of redesigned installations dashboard

I translated the Telerik Platform style guidelines to the new Telerik Analytics interface. Some aspects of the UI had no room for experimentation. For example, the top navigation was shared between all application in Platform and the interactions available there needed to be supported in our interface, as well.

Usability studies

Each time I completed a rendering for each section of the interface, the developer would add it to the prototype. This was a completely functional prototype so we were able to get it in front of users to get feedback.

Once we had a solid set of features prototyped out, I scheduled remote usability studies with a slate of beta testers. I asked each participant to perform a few of the actions we had identified as high priority. This study led to a few tweaks to the interface design that made those tasks easier to complete, confirmed by a follow up study.

During these studies, I was also able to gather feedback about desired functionality. It became obvious that users needed a way to customize their dashboards so they could have an at-a-glance view of the data most important to them. A brief, high-level overview of that solution is shown below.

Rendering of a feature to create and edit custom dashboards

Conclusion

Telerik Analytics shipped on time in early 2014 and was sunset in 2018.

This was one of the first projects where I had the chance to work with a developer in real time. This iterative process helped me update the design to help reduce the development time and address user needs at the same time.

Working with teammates in Denmark and Bulgaria forced me to be deliberate with my communications. Our respective timezones only allowed for a small window of real-time collaboration each day.

One key takeaway I had from this project was to get feedback as early and often as possible. Include users in that early feedback cycle, if you can. It is much easier to change the interface in the design phase than it is once it has been implemented.