Written by Anthony.
What shape are your app’s profile pictures? Chances are they’re square. A square isn’t the best shape to use because it makes it hard to visually process faces. A circular profile picture works better because it accentuates faces.
One reason square profile pictures are harder to process is because of its sharp corners. Sharp corners make shapes appear brighter. This brightness can interfere with facial processing in profile pictures.
A circular profile picture would not have corner brightness because it has no corners. This allows users to view faces without visual noise.
Most faces are at the center of a profile picture. When looking at a face in a square profile picture, users will spend longer focusing on it. This is because the distance from the center of a square to each corner is longer than the distance to the sides. Users have to move their eyes along the diagonals to see everything.
When looking at a face in a circular profile picture, users can see everything by looking at the center. This is because the distance from the center of a circle to every edge is equidistant. Users will spend less time focusing on it because they don’t need to move their eyes around.
The most important part of a profile picture is the face. The less background area there is, the more users can focus on the face. A square profile picture displays more background area than a circular one. A circular profile picture cuts the background area at the corners.
A circular shape for profile pictures work well because it accentuates the face. But it isn’t as effective for non-facial pictures. The background of a non-facial picture may contain content users want to see. Cutting the corners off could also cut depth and detail.
Shaping the Experience
Circular profile pictures accentuate faces more than square ones. Accentuating faces helps users identify their peers easier and distinguish usernames from content. If a simple change can shape the user experience this way, it’s a change worth making.