Internet Plans table - Differentiate by speed Units

by MagisterMundus   Last Updated April 28, 2016 08:06 AM

I have this administrator section in my online Internet Service Provider management system where he can insert new Internet plans, edit and visualize existing ones.

Here is a simple example using Bootstrap and Angular:

I need to find a way to highlight plans by their upload/download speed which might be in kB/s, MB/s and GB/s. How should I differentiate them, both on the upload and the download columns, based on the fact that they might be using kB/s or MB/s or GB/s?

Thank you.

Answers 1

Personally, I don't think you need to highlight plans by their speed as the table is rather easy to follow. But I do have the following comments:

  • Do you really have plans with speeds ranging from KB/s to GB/s? If not, I would really try to settle on a consistent unit of measurement across all of them.
  • If possible, I would make the table sortable by the user. That is, using your sample, allowing the user to click on the header to sort your plans by download or upload speeds, or by price, etc. Or perhaps just provide a drop-down menu prompting the user to Sort plans by and have it default to "Best download speed".

Below is a mockup I did as an example:

enter image description here

The above provides the best user experience because it empowers them to differentiate your plans based on what is important to them. Note that the above example includes both the sorting options in your headers as well as the "Sort plans by" menu, but you wouldn't need to implement both.

In terms of the actual question though, you could use some sort of icon to indicate the speed. Below is a quick mockup I did of how this could work:

enter image description here

Of course you'd have to use appropriate icons. But, as I said earlier, the best approach would be to do something like the first mockup above.

April 28, 2016 00:43 AM

Related Questions

Is this crystal clear in terms of functionalities?

Updated November 07, 2017 18:16 PM

How to handle lists with 10,000+ entries?

Updated June 10, 2015 00:07 AM

How to filter tables/list views?

Updated July 03, 2015 17:07 PM

Primary contact indicator in table

Updated April 11, 2019 17:16 PM