Internet of things graphics: tablet communicating with devices connected to the internet.

Internet of Things & Web Design

Is there a connection between the two subjects?

I think there is…

Here’s why I think there will always be a connection.

Web Design can be broken into 2 parts:

  1. Front-end (Graphical User Interface[GUI] and User Experience[UX])
  2. Back-end (Database storage, Data manipulation, Data processing)

Let’s begin by making sure you understand what Internet of Things (IoT) is defined in a no-BS way!…because you deserve to know.

Internet of Things or IOT is basically any device that has been given a unique ID with the ability to collect and send information over the internet without any human interaction.

Examples of IoT devices

  1. ATM machines
  2. Self-driving cars
  3. fitbit
  4. Apple Watch
  5. Nest
ATM machines? What the heck? But they’ve been around for so long and Internet of Things is a new subject, isn’t it?

Yup! Believe it or not, the implementation of this IoT concept has been around since as early as 1974.

Again I’m going to rephrase, it’s any device that has the ability to transmit and collect data over the Internet without any human interaction.

With the ATM machine as an example; it’s connected to the Internet 24/7 and the information being displayed on the screen to you is collected from the Internet, it’s instantaneous and it’s personalized.

That’s all you see in the front-end of things. Speaking of front-end, let’s dig into the connection between IoT and front-end Web Design.


Front-end Web Design & IoT

Graphical User Interface (GUI)

What does GUI mean?

It’s whatever you see on your phone, a website, mobile app etc.

It’s the actual design layout you see when using the above mentioned.

So what does Web Design have to do with IoT?

Well, let’s say you own a fitbit.

It’s basically a wrist-watch that gives you personalized data on a micro-screen. It’s connected via Bluetooth to your smartphone. If I just stopped here, the fitbit would not be considered an IoT device.

Let me dig in and give you the real substance now.

The fitbit relies on a bluetooth connection to display the rich data such as total steps, total floors climbed, total miles walked, total calories burned etc. Your personal fitbit data is also displayed on a website portal which needs login credentials. Boom! this is exactly where Web Design falls in.

fitbit dashboard on fitbit.com
fitbit dashboard 30 day graph.

It’s crucial that fitbit owners are able to view their personal data easily on their fitbit dashboard. As a web designer, it’s up to me to ensure the website is clean, easy to read and just works as far as data display is concerned.


The future of IoT and Web Design

As more IoT devices come out, there is always going to be a web portal associated with it.

Think about this. By 2020, if not earlier, your refrigerator will re-order your groceries for you without you having to move a muscle.

Again, to display the historical grocery re-orders and weekly spending data, you’re going to have the option to log into a website to view it, guaranteed!

In fact, your refrigerator will have a touchscreen system integrated to view the same which is actually your IoT fridge account logged in to a web portal showing you the data.


The future of connected is already here and more is coming fast!

Thank You so much for your time =) Tap that green heart below if you liked this story. Your recommends to this story will also be highly appreciated!