The Berkshire Hathaway Site is a master class in human-centered design
builtin.com
builtin.com
I can list an endless list of bad things on this website:
- Bad information architecture.
- Poor contextualization, narrative, and direction of a message (just because it's Berkshire Hathaway, doesn't mean that I automatically know what I'm trying to find in their website)
- Poor document structure that renders at the whole width of wide screens and doesn't wrap for small screens.
- Bad typography and typographic scale (can a visually impaired person read the small text that shows dates and footnotes?)
- Bad use of color. Everything is blue, the links are purple. Usually in plain stylesheets blue is reserved for links and purple for clicked links.
- External links don't open in a new tab.
- No branding. Can a user trust that this is an official website?
- No navigational elements (navbar, breadcrumbs, etc) that allow a user to return to the main page (which is supposed to be the "master class of human-centered design). Every click is a dead-end.
- Multiple SEO and accessibility issues:
- Does not have a <meta name="viewport"> tag with width or
initial-scaleNo `<meta name="viewport">` tag found. Document
does not have a meta description
- Text is illegible because there's no viewport meta tag
optimized for mobile screens.
- Tap targets are too small because there's no viewport meta
tag optimized for mobile screens
- The page does not contain a heading, skip link, or
landmark regionThe triumph of form over function.
http://people.math.sc.edu/thornef/
Very simple static HTML. No stylesheet at all.
Although there are also a fair number of academics who invest more effort in web design than I do, this type of design is fairly common in math. I haven't heard anyone within the field criticize it as "bad" or "lazy".
I was thinking more of something like a CMS control panel or some data-entry tool, or a consumer website like an e-commerce.
For example, if I give a talk at a conference, then someone who was in the audience might plausibly look up my website to get a sense of my research interests.
- Here the information you're probably after is right at the top: letters from the CEO, and annual statements. If you're visiting the site you probably know what you're after.
- Websites optimised for mobile usually wrap text and remove zooming because the designer is perfect at deciding at what size the text looks prettiest, and doesn't want the user to spoil this. This is the worst thing that's happened to web design, probably ever. It's worse than IE6 at it's ugliest.
- I am not visually impaired, so can't comment on this.
- Links are underlined consistently making it clear what is a link.
- I can middle click, or open in new tab. I don't want new tabs popping up just because the designer wants me to stay on their site.
- Does branding ever help this? They have the .com, why would a pretty logo make things safer? They're quite easy to screenshot.
I agree that a link back to the homepage would be useful.
Overall a return to information dense websites like this one would be a wonderful thing.
Many people can land on this website first. Not everyone is looking for the CEO letters and annual statements. That's basically assuming that anyone who interacts with BH has to be an investor which is definitely not the case.
So, you're not wrong in your design criticism, but it's important to know what decisions will make the most impact for the users you're designing for and which are less important. For Berkshire Hathaway's target customer, this website may actually meet their needs perfectly fine.
Edit: One note: the author of this article does NOT provide any evidence that this solution actually is the right one for that customer base. I wish they did, because I suspect it's actually pretty close to what will do the best job for their users, but the author assumes it's right based primarily on Berkshire Hathaway's success.
> No navigational elements (navbar, breadcrumbs, etc) that allow a user to return to the main page (which is supposed to be the "master class of human-centered design). Every click is a dead-end.
This is the web, it works like people expect web pages to work. No custom behaviors, links work like links, the back button does what the back button should. That is absolutely human friendly. If external links were supposed to open on a new page then the browsers would default to that.
> Multiple SEO and accessibility issues
Whether a site has SEO issues is irrelevant to usability of the site. It's not like they are looking for organic traffic. If I'm looking for BRK's homepage, it's easy enough to find which is all that matters from a SEO perspective for a site like this.
The accessibility issues are a concern if they actually existed. This kind of site is ideal for screen readers and while it doesn't automatically adjust for mobile, it doesn't get in the way of zoom or reader view which makes the site just fine for people who struggle with small fonts.
> The page does not contain a heading, skip link, or landmark region
You don't seem to understand why the skip links are there. In this case, there is no heading full of links you need to skip over, if you open the page and start tabbing, you are already on the first bit of content. It is better from a usability perspective than a skip link.
Sure its generally speaking a good rule of thumb to follow but saying the default is the right thing to do because its a default is a logical fallacy. Its appealing to authority for no actual reason.
Why is the default the default? Is it because of user studies or is it because a developer said thats the easiest thing to implement in the time i have available.
It's a fair point, but rather vague. Perhaps if you gave an example of where you disagree it might be more useful a criticism.
BRK's page is not ideal by any means and I don't think my post or the original article suggested as much.
A website with a bunch of responsive elements, meta tags, and fonts spent a lot of time thinking about how they are going to convert clicks.
Does everyone just use their browser full screen now? I never want super-wide text, but I can always narrow my browser window or switch to portrait mode if I'm using a phone or tablet.
I just checked hn, and it lets text get too wide to comfortably read, but stops somewhere before full screen width.
As a shareholder, I don't want them wasting money on a redesign. And this has been the design for at least 20 years.
Over that time period, they've added about 400 billion dollars to their market value.
It would also cost nothing.
The site gets the info out to the people that need it, nothing more nothing less. It's a good design for what they are trying to do however it's a terrible design for many other companies.
The Mac OS dock might be a real master class, the Windows start bar (for it’s time, to some degree, before it get’s overwhelmed).
But that's more of an indictment of out-of-control web design that's all too common.
[1] I think the author could plausibly mean "class" in the sense of "lesson", since he contrasts it with the other, newer site design and uses them to illustrate the difference purposes, but a) that's a bit of a stretch, and b) he never frames it as a lesson or uses the word "class" for the rest of the article.
Most modern websites just obfuscate information, but they still all just follow the leader with where they put information. Say you want to contact someone for customer support and you're on the homepage. Where do you go? To search the page footer for that information, of course.
You might remember http://motherfuckingwebsite.com/ vs. http://bettermotherfuckingwebsite.com/ from a few years back. Some minimal tweaks to typography/colors/spacing can make a big difference.
Of course, utilitarian and plain boring design aesthetics have a place in the world, but imagine if everything was like this website. It would be almost impossible to generate opinions because we don't have any distinct reference to help us imagine if something could be more harmonic and visually appealing.
I believe that the goal of aesthetics is precisely to empower people to generate feelings toward objects that otherwise wouldn't generate a connection. It's the same reason why we can appreciate art or admire nature. Because those things are full of visual attributes that help us to elicit thoughts and re-describe things as we see them (ugly, funny, colorful, boring, etc).
What web browser was this guy using in the 80s?
For example, I wouldn't call it hyperbole (or effective writing) if you referred to an interest rate of 45% as 55% "to emphasize how big it is".
Furthermore, Berkshire does not try to entice visitors or market any services through its website. Its only purpose is shareholder communication, and for that, this website is one step removed from sending those by fax.
The insurance business is Berkshire's primary business, and all the cash generated from premiums (the float), which is just theirs to do with what they please until claims come in, is what has allowed it to invest and buy other businesses.
Warren Buffet still appeals to Middle Americans even though his company has been at the heart of just about everything that went wrong in finance and business in the 2010s.
For instance, they bought a number of food-related brands such as Kraft, made changes that damaged the taste of the products, and seemed blindsided when sales fell. They replaced the cheese in Kraft Mac and Cheese with Milk Protein Concentrate from China, which hurt the sensory qualities of the product dramatically. Within a few years, most store brands had made the change to keep up.
Later on I saw Kraft MC ads all over NYC asking you to remember how much you liked it when you were small that don't tell you that it tastes much worse than it did then. They'll sell you a box, sure, but then you'll spit it out and never buy it again.
Jim Cramer has talked about the decline of big food brands on his show many times, but he doesn't say Warren Buffet or Berkshire Hathaway has anything to do with it because he can do no wrong in the eyes of media companies that are swimming in Geico ad cash.
Similarly, CNBC sends Becky Quick out to Omaha as often as they can. The oldsters in the audience really likes Warren Buffet and Warren Buffet thinks Becky Quick is a babe (I sure do) and leers at her more and more as dementia claims his mind. It is in plain view but doesn't get talked about because the media can't get enough of that Gecko.
When I read an article like that I don't think the author got paid off, it's just they see that all the respectable people act as if they'd been paid off so you can look respectable by acting as if you were paid off too. It's like those fake influencers who can't get paid but pretend they do because maybe someday they will be.
At least Warren does it in the CEO's message :) https://www.berkshirehathaway.com/message.html
Almost all the content is intended for investors, and that's behind the link at the top right.
> Furthermore, Berkshire does not try to entice visitors or market any services through its website. Its only purpose is shareholder communication, and for that, this website is one step removed from sending those by fax.
That's exactly what the post says:
> The official website is built for the shareholders of Berkshire Hathaway. It’s not built to convert customers. It’s not built for you or me. Shareholders are really only concerned with very specific things: news releases, reports and letters from Warren Buffett to name a few.
It's the purity of the function that leads to good design. The function is to provide information for stock owners and potential investors, many of them are old people. The site is not trying to sell, influence or impress. Berkshire is selling nothing to consumers or visitors. Their subsidiaries that sell have their own websites.
Berkshire HQ has just 25 staffers. Their subsidiaries employ close to 400,000 people.
From Wikipedia:
"[Tim Berners-Lee] wrote the first web browser in 1990 while employed at CERN near Geneva, Switzerland. The browser was released outside CERN in 1991, first to other research institutions starting in January 1991 and then to the general public in August 1991."
I guess the eighties have become a frame of mind rather than a period in time.
It's great to be able to say "we are so good all we need is an unsecured landing page from the 90s."
Usage appears to be on the rise too: https://trends.google.com/trends/explore?date=all&geo=US&q=%...
>What happened?
>This website is using a security service to protect itself from online attacks.
So being HNed is now considered as DDoS? Last time I checked an article on HN Front page got me about 30K in a day, even if that happened to be all within the one minute, how could that be classified as DDoS?
The author seems to believe that there's an essential zero-sum relationship between form and functionality, i.e. by removing "bells and whistles", you've somehow improved the finding of information. That doesn't make sense to me.
Awesome!
It's not good design. It's a legacy system.
It still 'does the job', so upgrading it is probably seen as an unnecessary expense.
No matter what you do, people will think it is profoundly smart.
it feels a bit naive to shrug this off as "elite wealthy people getting their ego boosted". where are the articles praising Jeff Bezos' "expeditions" website[0], or Bill Gates' personal blog[1]?
Disclaimer: I’m a yak shaver, I’ll waste immense time on “perfecting“ something irrelevant.
Have you looked at sec.gov?
And looking at sec.gov right now looks nothing like a 90s website. It has clean graphics, its responsive, etc. Not exactly sure how it looks like it hasn't been updated from the 90s.
Meanwhile, thousands upon thousands of unadorned personal websites (including that of yours truly), especially in academic circles, or websites of old-school software projects look just like this masterpiece.
Whereas with BH, they can be sure that this page gets used as BH has a wide net of consumers that'd need to leverage this site. If this design was a major blocked to business effectivity, BH has enough money to change it. The fact that they haven't suggests it's at least good enough.
Also, your argument that any company with enough money to fix a dysfunctional website must have a good enough website is kinda laughable.
I think this is more a case that extreme wealth and prestige has lessened the pressure to follow what are arguably dumb trends.
Berkshire Hathaway's website is smart (in relative terms), but not because Berkshire Hathaway is smart.
I've noticed that certain people can say nearly anything and people will gush all over it, even when it's clearly foolish or someone else said the same thing just 10 minutes previous.
That's what happens when you make financial success equivalent to wisdom.
I'm obviously biased in this interpretation, because I tend to favour low-bandwidth version of websites as much as I can, such as using the no-javascript version of facebook (m.facebook.com) where there is much less actual interaction than facebook wants, or using an alternate twitter client (nitter.net) because I just want to read the content, not wait for javascript to load and execute if I'm not even going to interact. Just look at Hacker News: isn't that supposed to be laughable in 2020's web design world ? And yet we're all using it because, beyond being centered on content, it's _fast_
The side effect of aiming for no javascript is that the content is more easily reachable: there's no need to wander into endless menus and animations that bring no value, because everything is there already. I feel it's a lesson that more designers should apply.
So yeah, doing a 90s' style website is not necessary to have a fast website, but it's impossible to have a slow website. But it's true that a very minimum amount of CSS can totally change the look of your site without being bloated: see for example the Best Motherfucking Website (https://bestmotherfucking.website/)
But I still think the post you're responding to is too cynical (shocking on HN, I know). One author on one website praised Berkshire Hathaway's website. So what? Plenty of people on plenty of other websites praise mediocre things created by non-rich people all the time.
If users leave your site because of how it looks, then you’re not serving them. If users go to your site in spite of not looking terribly good, then you’re providing a valuable service (and that service is not “web design”).
Also, Craiglist has evolved their site quite a bit and at this point their "design" is no longer a matter of simplicity, but essentially a visual aesthetic that they maintain as a matter of branding and culture, kind of like Amazon giving people door-desks long after it became cheaper for them to just buy regular office furniture in bulk.
It reminds me of a national adverts website over here, Marktplaats; it used to be a very 90's, table-driven lists of links kind of deal with a fugly brown background. But it took off nevertheless, and became a major business that was eventually taken over by Ebay (in 2004). It's very slowly changed its front-end to a more modern facing one. But they made sure to do it slowly. Evolution rather than revolution.
Just seems like circular logic.
https://www.scotiabank.com/ca/en/about.html
This is for shareholders etc. Suppose you give that page + the berkshire page to a group of shareholders. I’d bet they can find what they need faster on berkshire’s site. And it loads damned fast. Scotia’s is bloated.
Moreover, Berkshire shareholders are wealthy. Berkshire has a large portfolio, but Geico is the one product pretty much all of them need (car insurance). There’s a highly visible geico add with a clear call to action right on the home page. That’s no accident (Buffett also mentions it constantly at shareholder meetings and in his popular letters)
I genuinely think the Berkshire site is better suited for its purpose than 95% of corporate relations pages.
Simple and straightforward is best when the information is far more valuable than anything else.