mattchudesign

Blog

Switch Design

discord-switches.jpg
 
 

Discord is an amazing app.

They claim that it's time to ditch Skype and TeamSpeak, which, as a gamer, I couldn't agree more as those clients are outdated when it comes to voice and chat clients for gamers. The product offers an "All-in-one voice and text chat for gamers that’s free, secure, and works on both your desktop and phone." When I first started using Discord, the layout and the use seemed closely related to Slack (An amazing product by the way), so some elements of the chat were familiar, giving me freedom to explore the platform without hindered stress.

Today, I find that Discord just updated their layout in the options menu. When in the options menu and "Connections" is selected, you have the ability to connect Discord with many apps such as Steam, Skype, Battle.net, which gives gamers easy access to promote their profiles and games that they play.

Now let's talk about their switches.

Twitch-panel-revamp.jpg

The design of these switches gave me some confusion initially, because of the two switch designs on one panel. I looked at my connection on League of Legends and decided to test the switches. As you can see, it's not too noticeable what is on or off, though we've probably been accustomed that the button on the right means "on." 

Here's my proposal to make it more user-friendly:

  • Rearrange the priority of what is important: Platform connected, Name of account, then syncing and displaying on profile. The reason for actually naming the platform (Twitch in this case) is because the Title should enforce the icons.
  • The Switch colors are now much more apparent on what is on/off. I used the green that Discord uses for "voice connected" so that it stays within their brand.

What do you think about switches?