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.

up vote 2 down vote accepted

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 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. – Daniel Vianna Nov 16 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. – celinelenoble Nov 23 at 22:57

Your Answer

By clicking "Post Your Answer", you acknowledge that you have read our updated terms of service, privacy policy and cookie policy, and that your continued use of the website is subject to these policies.

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