I am designing a dashboard/homepage where there is a toggle button that users will use somewhat frequently and affects the object detection feature of our app. I have two versions currently, one with the toggle button at the top and the other where the toggle button is above the object detection. I can see pros and cons for both versions.
Version 1:
Pros
- Toggle button is easy to find/access
- Separates the toggle switch from the rest of the display
Cons
- At first glance, it is not clear that toggle button enables/disables the object detection (The toggle button will have text that tells the user what it does, but the law of proximity is lacking here)
Version 2:
Pros
- Law of proximity makes it clear that toggle affects object detection.
Cons
- A frequently used feature is stuck in the middle of a screen (Is this necessarily bad?)
- Messes up the clean UI by placing a toggle in the middle of the display.
Which version provides the better ux? What about the better UI?