Yes, websites really are starting to look more similar
Was the hamburger menu always so ubiquitous?
These posts usually point out some common design elements, from large images with superimposed text, to hamburger menus, which are those three horizontal lines that, when clicked, reveal a list of page options to choose from.
My colleagues Bardia Doosti, David Crandall, Norman Su and I were studying the history of the web when we started to notice these posts cropping up. None of the authors had done any sort of empirical study, though. It was more of a hunch they had.
We decided to investigate the claim to see if there were any truth to the notion that websites are starting to look the same and, if so, explore why this has been happening. So we ran a series of data mining studies that scrutinized nearly 200,000 images across 10,000 websites.
How do you even measure similarity?
It's virtually impossible to study the entire internet; there are over a billion websites, with many times as many webpages. Since there's no list of them all to choose from, performing a random sample of the internet is off the table. Even if it were possible, most people only see a tiny fraction of those websites regularly, so a random sample may not even capture the internet that most people experience.
We ended up using the websites of the Russell 1000, the top U.S. businesses by market capitalization, which we hoped would be representative of trends in mainstream, corporate web design. We also studied two other sets of sites, one with Alexa's 500 most trafficked sites, and another with sites nominated for Webby Awards.
Because we were interested in the visual elements of these websites, as data, we used images of their web pages from the Internet Archive, which regularly preserves websites. And since we wanted to gather quantitative data comparing millions of website pairs, we needed to automate the analysis process.
To do that, we had to settle on a definition of "similarity" that we could measure automatically. We investigated both specific attributes like color and layout, as well as attributes learned automatically from data using artificial intelligence.
For the color and layout attributes, we measured how many pixel-by-pixel edits we would have to make to transform the color scheme or page structure of one website into another. For the AI-generated attributes, we trained a machine learning model to classify images based on which website they came from and measure the attributes the model learned. Our previous work indicates that this does a reasonably good job at measuring stylistic similarity, but it's very difficult for humans to understand what attributes the model focused on.
How has the internet changed?
We found that across all three metrics – color, layout and AI-generated attributes – the average differences between websites peaked between 2008 and 2010 and then decreased between 2010 and 2016. Layout differences decreased the most, declining over 30% in that time frame.
The graph shows website similarity of companies in the Russell 1000. Lower values mean that the sites studied were more similar, on average. (Sam Goree, Author provided)
These findings confirm the suspicions of web design bloggers that websites are becoming more similar. After showing this trend, we wanted to study our data to see what kinds of specific changes were causing it.
You might think that these sites are simply copying each other's code, but code similarity has actually significantly decreased over time. However, the use of software libraries has increased a lot.
The graph on the left shows a decline in code similarity among Russell 1000 websites, while the graph on the right indicates an increase in library overlap. (Sam Goree, Author provided)
Libraries feature collections of generic code for common tasks, like resizing a page for mobile devices or making a hamburger menu slide in and out. We looked at which sites had lots of libraries in common and how similar they looked. Sites built with certain libraries – Bootstrap, FontAwesome and JQuery UI – tended to look much more similar to each other. This could be because these libraries control page layout and have commonly used default options. Sites that used other libraries, like SWFObject and JQuery Tools, tended look much different, and that might be due to that fact that those libraries allow for more complex, customized pages.
The changes of websites from 2005 to 2016 illustrate what's happening.
Sites with average similarity scores in 2005 tended to look less similar than those with average similarity scores in 2016.
For example, in 2005, Webshots.com and Yum.com were considered relatively similar, but had somewhat different color schemes and very different layouts. While they both mostly use white, blue and black, the site on the right has a blue background.
Screenshots from 2006 of Webshots.com and Yum.com. (Sam Goree, Author provided
Two 2016 sites, Xfinity.com and Gilt.com, on the other hand, are even more similar: They both have a menu bar on the top and are primarily white and black with images. These pages have much less text and make better use of the higher resolution monitors that exist now.
Screenshots from 2016 of Xfinity.com and Gilt.com. (Sam Goree)
Is conformity healthy?
What should be made of this creeping conformity?
On the one hand, adhering to trends is totally normal in other realms of design, like fashion or architecture. And if designs are becoming more similar because they're using the same libraries, that means they're likely becoming more accessible to the visually impaired, since popular libraries are generally better at conforming to accessibility standards than individual developers. They're also more user-friendly, since new visitors won't have to spend as much time learning how to navigate the site's pages.
On the other hand, the internet is a shared cultural artifact, and its distributed, decentralized nature is what makes it unique. As home pages and fully customizable platforms like NeoPets and MySpace fade into memory, web design may lose much of its power as a form of creative expression. The Mozilla Foundation has argued that consolidation is bad for the "health" of the internet, and the aesthetics of the web could be seen as one element of its well-being.
And if sites are looking more similar because many people are using the same libraries, the large tech companies who maintain those libraries may be gaining a disproportionate power over the visual aesthetics of the internet. While publishing libraries that anyone can use is likely a net benefit for the web over keeping code secret, big tech companies' design principles are not necessarily right for every site.
This outsize power is part a larger story of consolidation in the tech industry – one that certainly could be a cause for concern. We believe aesthetic consolidation should be critically examined as well.
Bardia Doosti, David Crandall and Norman Su contributed to this article.
- Complete Guide to Front-End Web Development and Design ... ›
- Creating a Business Website with a Responsive Design | StackSocial ›
- The homogeneity of the news media can now be quantified - Big Think ›
- The homogeneity of the news media can now be quantified - Big Think ›
What would happen if you tripled the US population? Join Matthew Yglesias and Charles Duhigg at 1pm ET on Monday, September 28.
Whether or not women think beards are sexy has to do with "moral disgust"
- A new study found that women perceive men with facial hair to be more attractive as well as physically and socially dominant.
- Women tend to associate more masculine faces with physical strength, social assertiveness, and formidability.
- Women who display higher levels of "moral disgust," or feelings of repugnance toward taboo behaviors, are more likely to prefer hairy faces.
Beards and perceptions of masculinity<img type="lazy-image" data-runner-src="https://assets.rebelmouse.io/eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpbWFnZSI6Imh0dHBzOi8vYXNzZXRzLnJibC5tcy8yMjU5OTg0MC9vcmlnaW4uanBnIiwiZXhwaXJlc19hdCI6MTY0NzkxMjM3N30.cH-GqNwP5GVqvstgJWAhBPn1B_lYpVEAI0I7iax7EQw/img.jpg?width=1245&coordinates=0%2C1900%2C0%2C849&height=700" id="caae6" class="rm-shortcode" data-rm-shortcode-id="cb0a355a4e8e1899789bc45f3f7aef56" data-rm-shortcode-name="rebelmouse-image" />
Photo Credit: Wikimedia<p>The study used 919 American (mostly white) women ages 18-70 who rated 30 pictures of men they were shown with various stages of facial hair growth. The photographs depicted men with faces that had been digitally altered to look more feminine or more masculine, with a beard and without a beard. The women rated the men according to perceived attractiveness for long-term and short-term relationships. The study found that the more facial hair the men had, the higher the men were rated on their attractiveness, particularly for their suitability for a long-term relationship.</p><p>Part of this might be attributed to facial masculinity — i.e. protruding brow ridge, wide cheekbones, thick jawline, and deeply set narrow eyes — which conveys information to a woman about a man's underlying health and formidability. Women tend to associate more masculine faces with physical strength and social assertiveness. It can also indicate a man with a superior immune response. The researchers suggested that their findings favoring bearded men could be due to the fact that facial hair enhances the masculine facial features on a man's face, like creating the illusion of a thicker jaw line. This could communicate direct benefits to women like resources and protection that would enhance survival among mothers and their infants. In other words, while a beard doesn't mean superior genetics in and of itself, it might be a primitive, ornamental way of saying, "Hey girl, I'm a testosterone-fueled lean, mean, pathogen fighting machine." <br></p><p>It could also be that a beard becomes its own destiny. The researchers in this study cite prior research that found that by growing a beard, men felt more masculine and had higher levels of serum testosterone, which was linked to a higher level of social dominance. They also tended to subscribe to more old-school beliefs about gender roles in their relationships with women as compared to men with clean-shaven faces.<span></span><br></p>
What does disgust have to do with beard preference?<p>Obviously, not all women dig beards. The researchers were particularly interested in what traits make a women prefer bearded men over clean-shaven faces. They looked into several factors including a woman's disgust levels on various concepts, her desire to become pregnant, and her exposure to facial hair in her personal life. </p><p>According to the study, women who were not into facial hair were turned-off by potential parasites or other critters they imagined could be in the hair or skin. Women ranking high on this "ectoparasite disgust" scale might have viewed beards as a sign of poor grooming habits. However, women who ranked higher in levels of "pathogen" did find the bearded men to be desirable, possibly because they perceived beards as a signal of good health and immune function. An intriguing discovery in the study was links to morality. Women who displayed higher levels of "moral disgust," or feelings of repugnance toward taboo behaviors, were more likely to prefer hairy faces. The authors opined that this could reflect a link between beardedness, politically conservative outlooks, and traditional views regarding performances of masculinity in heterosexual relationships.</p>
Additional findings<img type="lazy-image" data-runner-src="https://assets.rebelmouse.io/eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpbWFnZSI6Imh0dHBzOi8vYXNzZXRzLnJibC5tcy8yMjU5OTg1My9vcmlnaW4uZ2lmIiwiZXhwaXJlc19hdCI6MTYyNDI1NjUyOX0.P9B8WbmJR0q4nfzYZKbuNSA-2SAigVWJgrQE-_Gxlds/img.gif?width=980" id="49143" class="rm-shortcode" data-rm-shortcode-id="2ed3b1d6f20fc170bf2974646e565e8d" data-rm-shortcode-name="rebelmouse-image" />Giphy<p>The correlations that existed between married and single women's rating on the attractiveness of beards were not particularly clear, although the researchers noted that single and married women who wanted children tended to find beards more attractive than the women who didn't want children. They also found that women with bearded husbands found beards to be more attractive, which might indicate that social exposure to beards influences how desirable they are perceived of as being. Or it could be that men with wives who like beards grow beards.</p><p>It's important to note that culture plays a huge role in how attractive women perceive certain male characteristics as being. This study looked at a small, culturally specific group of American women, so no big, universal claims should be made about masculinity, facial hair, and male desirability to women. However, research like this is important in highlighting how human grooming decisions are driven by much more than fashion trends. Sociobiological, economic, and ecological factors all play a part in the way we choose to present ourselves.</p>
Dominique Crenn, the only female chef in America with three Michelin stars, joins Big Think Live.
Having been exposed to mavericks in the French culinary world at a young age, three-star Michelin chef Dominique Crenn made it her mission to cook in a way that is not only delicious and elegant, but also expressive, memorable, and true to her experience.
New experiments find weird quantum activity in supercold gas.
Quantum Mechanics, Onions, and a Theory of Everything<span style="display:block;position:relative;padding-top:56.25%;" class="rm-shortcode" data-rm-shortcode-id="036ae7b8dd661df2d125a3421a0299ba"><iframe type="lazy-iframe" data-runner-src="https://www.youtube.com/embed/bcVruA0AJ-o?rel=0" width="100%" height="auto" frameborder="0" scrolling="no" style="position:absolute;top:0;left:0;width:100%;height:100%;"></iframe></span>
Researchers say that moral self-licensing occurs "because good deeds make people feel secure in their moral self-regard."
Books about race and anti-racism have dominated bestseller lists in the past few months, bringing to prominence authors including Ibram Kendi, Ijeoma Oluo, Reni Eddo-Lodge, and Robin DiAngelo.