Visual Hierarchy & Perception
Law of Uniform Connectedness
Visually connected elements feel more related than disconnected ones.
Takeaways
- 1
Connect sequential steps with lines or progress rails.
- 2
Use consistent color threads across related items.
- 3
Show process flow rather than isolated states.
Origins
Visual connectors — lines, rails, shared color families — strengthen perceived relationships between elements. This is especially useful in timelines, wizards, and multi-stage workflows.
Disconnected UI can make users unsure whether steps belong to the same journey.
Design Applications
- Add connectors in step indicators and onboarding.
- Link timeline events with a continuous vertical rail.
- Carry category color through labels, icons, and charts.
Frequently Asked Questions
What is the Law of Uniform Connectedness?
Visually connected elements feel more related than disconnected ones.
How do you apply Law of Uniform Connectedness in UI design?
Add connectors in step indicators and onboarding. Link timeline events with a continuous vertical rail. Carry category color through labels, icons, and charts.
Why does Law of Uniform Connectedness matter for user experience?
Connect sequential steps with lines or progress rails. Use consistent color threads across related items. Show process flow rather than isolated states.
