I'm making a screen for a charging station for a IOT device. The screen displays charging status, and that will be a functionality initially. Moving forward it will have more functionalities such as configuring the IOT devices.

I was wondering if having a container (box) on the representation of each device a creates affordability on whether something is clickable.

1 Answer 1


The box indeed invites the user to click, whereas without the box it looks like a simple status with no possible interaction.

To decrease user cognitive load of having to match which status correspond to which device, I would make the boxes larger to occupy the entire screen real estate, so that each box corresponds to a physical slot as much as possible.

  • Putting each box beside the physical slot is a great use of gestalt principles.
    – Franchesca
    Nov 16, 2018 at 8:13
  • 1
    Do you know of any research behind on that? I want to know more theory. I need to have more science data to present to decision-makers. Nov 16, 2018 at 22:31
  • Here is an article from Cognition showing that grouping by similarity (in their case color) is much faster when the elements share a border, compared to separated elements. doi.org/10.1016/j.cognition.2018.08.006 In the case shown here, the similarity would likely be even slower. Nov 23, 2018 at 22:57

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.