#25 - Law of proximity, uniform connection and good continuity

All of you who read me will know the Gestalt laws, or Gestalism, born in Austria and Germany at the beginning of the 20th century by Max Wertheimer, Wolfgang Köhler, and Kurt Koffka.

Gestalt (psychology of form or psychology of configuration) is a set of principles associated with how we perceive patterns or configurations, not individual elements themselves, visualising connections between these and the environment. We will focus this microarticle on three principles of grouping, the law of proximity, uniform connection and good connectedness.

• Principle of proximity

"Elements that are close to others are perceived as more related than those that are farther away". What this principle tells us is that all the elements that are close form a group with respect to other elements that are far away.

You can differentiate in Google that they form several groups, one being the card on the right with synthesized information of its meaning and another block with the search results themselves on the left.

• Uniform connectedness

"The elements that are connected by visual properties, such as lines, shapes, colours... are perceived as more related than those that are not". When we pull out a context menu from a button, what element do we usually use to group it? If your answer is none, you'd better be using some resource to create that sense of container. In the example below we use, among other principles, a container that isolates these options from the others.

• Principle of good continuity

"Elements that are organized in a line or curve are perceived as more related than those that are not". Surely you've tried to create a domino effect; once done, did you perceive each domino as an element or did you only think of the whole as an element in itself? The same thing happens in product design, as is typical for menus. We do not scatter all the elements on the screen, but rather we classify, categorize and order, like this menu of types of results (we can see that the law of proximity also applies for the other configuration options (Settings and tools) or the law of uniform connection in the search box and, within this again, the law of proximity, dividing the search and the icons and so on infinitely and beyond.

Articles & Idea

Version Management for Design Systems‍

How does your design system team notify subscribers that new features are being released, bugs are being fixed, or security holes are being patched?Patrick Fulton‍

The Psychology of Misinformation during the 2020 U.S. election‍

A case study of the misinformation parameters and characteristics related to Facebook interactionGrowth.design‍

Always Use Thumbnails to Represent Additional Product Images (76% of Mobile Sites Don’t)‍

Interestingly, our desktop and mobile UX benchmarks show widely divergent strategies for displaying additional gallery images — while 100% of desktop benchmark sites use thumbnails for optimal visibility, only 24% of mobile sites do so.Kathryn Totz‍

Research Repositories for Tracking UX Research and Growing Your ResearchOps‍

Organize user research in a research repository to communicate and track insights across teams and over time for success and to grow ResearchOps.Kara Pernice‍

UX Research for Brand Colour‍

Because I deeply love both UX research and colours, I set out to understand what would be the best choice for This Too Shall Grow.Clo S‍

Hands-Free Coding‍

Earlier this year, I developed Cubital Tunnel Syndrome, a repetitive-strain injury, in both of my elbows. As a result, I pretty much can't use a mouse or keyboard; after a few minutes, I get a burning pain shooting down my arms.Josh Comeau‍

State-Switch Controls: The Infamous Case of the "Mute" Button‍

On–off controls that switch between two different system states need to clearly communicate to users both the current state and the state the system will move to, should the user press that control.Raluca Budiu

Products

Uxcel‍

The easiest way to learn UX/UI design.Available on any device anywhere in the world, Uxcel is the best way to improve and learn UX/UI design online in just 5 minutes per day.‍

UXArchive (retired)‍

The world's largest library of mobile user flows. UXArchive is the leading destination to find mobile UX trends from the world’s top mobile apps.‍

iOS Design Kit‍

The biggest free collection of iOS 14 screens and components. ‍

ClipDrop‍

Capture and transfer anything around you. ClipDrop (AR Copy Paste) is now available on Android, iOS, macOS and Windows.‍

PatternPad‍

PatternPad offers unlimited unique pattern designs that fit your style. Ideal for branding, presentations, social media posts or customising products.

Jam Beta‍

Collaboratively improve your website.Jam transforms your site into a collaborative doc. Comment, discuss, create tasks, and even use your existing tools like Jira and Asana right from your website.‍

Pitch‍

The new face. of presentations. Uncompromisingly good presentation software. Purpose-built for teams.

Remote Jobs 

GitHub - Sr. Manager, Web Design & Infrastructure‍

Learn Git and GitHub without any code! Using the Hello World guide, you’ll start a branch, write comments, and open a pull request.‍

Designlab - UX/UI Design Mentor‍

Build your new career in UX design! Our UX Academy students receive 1 on 1 online training as well as help landing your first product design job.‍

Teamwork - Sr. Product Designer‍

All The Features Your Team Needs - Task lists, Boards, Templates, Time Tracking & More. Run Your Projects More Efficiently & Profitably with Teamwork Project Management Tool.