Hey Bicycle App Design showcase

Hey Bicycle App Follows Dieter Rams’ 10 Principles Of Good Design

Hey Bicycle is a design case study for a voice-controlled cycling computer for outdoor and indoor use.

The revolutionary concept was conceived and developed by Brainz Disruptive, a Prague-based agency “helping brands adapt to the future.”

The proposed app records rides and measures speed, distance, time, power, cadence, elevation and the rider’s heart rate. Its AI system is capable of assessing the effectiveness of a training and suggesting when a rider should take a break.

The Hey Bicycle app design is predominantly black matte, with a sleek metal trim, very reminiscent of high-end lifestyle products such as the Apple Watch.

The first term that comes to mind when looking at the design is minimal. In fact, both the look and functionality of the design seem to follow the 10 Principles Of Good Design as defined by the iconic industrial designer Dieter Rams.

It proclaimed that good design is:

  • Innovative
  • Useful
  • Aesthetic
  • Understandable
  • Unobtrusive
  • Honest
  • Long-lasting
  • Thorough to the last detail
  • Environmentally-friendly
  • Minimal

The ultramodern tool helps pro racers stay prepared and remain at the top of their game. It also has a wide range of third-party integration options with Rouvy, Zwift, Wahoo and other indoor cycling ecosystems.

Hey Bicycle app design screens

The Voice Interface Is At The Center Of Hey Bicycle’s UX Design

The voice-activated user interface is the functional centerpiece of the Hey Bicycle design study. It's a marvelous example of how experienced app designers leverage emerging technologies to enhance usability and create more engaging user experiences.

In the words of its creators - UX is the crucial part of their thinking process when developing this app. This results in a design founded on an uncluttered AI system that utilizes the right amount of information at the right time.

Hey Bicycle's voice user interface follows three principles: a reduced number of steps necessary to complete the task, no command teaching and brevity of questions and responses.

The voice activation screen serves as an overture for all other user screens and features, including sending kudos to fellow team members, listening to music during the workout and many others.

The minimal number of steps needed to accomplish a task makes Hey Bicycle’s UX design remarkably simple and user-friendly.

The voice-activated commands boost the usability of a device, which revolves around working out and training. Users, not having to use their hands, have a greater degree of freedom and can focus on the physical aspects of their routine.

Receive proposals from top app design agencies. It's free.
Hey Bicycle mobile app design animation

Hey Bicycle Mixes Simple UI With Creative Typography And A Raw Color Palette

While the clarity and straightforwardness of the UI cannot be understated, the creative agency behind Hey Bicycle added a bit of visual pizzazz to stir things up and make various screens distinctive.

For example, during the actual workout, the screen displays a much flashier layout, with a bolder typeface and animated minimap that shows the workout progress.

Another screen offers an aerial view of the segment ahead and the rider’s planned outdoor route.

The music player is very restrained in its use of black negative space, with a red progress bar and song title in white.

Hey Bicycle’s entire color palette relies on black, red and white, with the latter two colors taking on a function of accent colors rather than primary ones. The resulting aesthetics has a very retro sport feel to it.

Smooth And Fluid Animations Counterbalance The Subdued Voice Activation Screens

While the voice activation screen is quite reminiscent of Dieter Rams’ speaker grills, with a spherical arrangement of white dots that form a 3D perspective, it boasts a touch of modernity thanks to fluid animations.

Branding experts often incorporate elements from iconic design styles to create a sense of familiarity and evoke positive associations with the brand.

Both the “grills” and the transcription text are animated, which never compromises the readability of very smart typography that comes with several specific quirks on certain letters (like cuts on V’s and Y’s).

Hey Bicycle app design

Hey Bicycle App Design Is A Triumph Of Vision, Philosophy And Continuity

Being a design study, Hey Bicycle is merely in conceptual stages, which means that the actual product has not (yet) seen the light of day.

As such, its functionality is purely theoretical, but with a minimalist design that takes away all the major issues of a more elaborate design that may hinder usability, it’s a safe bet that the actual product would work just fine.

Brainz Disruptive, the agency behind the revolutionary Hey Bicycle, explains their process and method behind all of their work – including this one:

“We bring innovative solutions for brands and organizations to grow and succeed in the era of exponential changes in technology, business, and society. We combine strategic and creative thinking, together with understanding new technologies and digital communication to deliver disruptive ideas and uniquely crafted digital products and services.”

“Innovative,” “changes in technology,” “creative thinking” and “disruptive ideas” are the main takeaways.

Get a chance to become the next Design Award winner.