Re – Designing LCMD – Introducing the New User Interface


I have been spending the last few days re-designing the User Interface of Language Coverage Matrix Dashboard. Although the last one was working smoothly, there was a need of more polished and efficient one than the previous. I met up with my mentors and the designer of our Language Engineering team a number of times to decide on the new UI.

So, let’s walk through the newly added User Interface of LCMD!

Now to begin with, I would like to mention what exactly demanded a new UI here. The issue with the previous one was as simple as: It demanded to show more details and also, the informations needed to be grouped.

About the new UI:

We have a few new features and a few useful changes here in the new UI. Which are basically listed as,

  • Data grouped in Universal Language Selector, Project Milkshake, Legacy Extension and More Info of that language.

Screen Shot 2013-07-28 at 3.56.33 AM

The new options

  • This grouped data is shown in responsive and smooth drop down.

Screen Shot 2013-07-28 at 3.57.06 AM

Dropped Down version of the options

  • New switch button is introduced for more efficient editing by the admin.

Screen Shot 2013-07-28 at 3.57.47 AM

Switch buttons

  • New modal design created to update the information of languages.
  • Icon cross and tick are added for showing language support.

Screen Shot 2013-07-28 at 3.56.46 AM

The cross and tick!

This is all about the new UI that we have right now! 🙂

Advertisements

One thought on “Re – Designing LCMD – Introducing the New User Interface

  1. Pingback: A summer full of code | Kothari Harsh

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s