Berkshire Hathaway
I chose this website because it looks awful and has serious usability problems.
Click the image below to go to the actual website.
Problems With this Page
| Usability Guideline | Problem |
|---|---|
| Usability | As a landing page, this page is actually reasonably usable. It's main goal is to provide links to other pages that contain information about the company. It does that very well because it's very simple. |
| Learnability | This page isn't very learnable, since many of the links have ambiguous titles that don't explain what they link to very well. |
| Memorability | This page is memorable, but only for how bare bones it is. Otherwise, it is not memorable. The plain style and use of hyperlinks makes it hard for a user to distinguish the steps they take on the website to get to any other given page. |
| Conceptual Model | The conceptual model of this website is as straightforward as can be, but this does not mean it is good. In fact, it proves that the website was poorly designed and difficult to navigate as a result. |
WebAIM WAVE Accessibility Findings
- The language of the document is not identified.
- The page has no headings.
- Text is very small.
- No page regions or ARIA landmarks were found.
I do have to agree with WebAIM WAVE's warnings and errors. The page itself is very simple and hardly accessbile by today's standards.
The only finding that WAVE made that I would not argue is an accessibility concern is the lack of regions. I don't find this to be particularly harmful to the layout, considering how straightforward it is.
Low-fidelity Wireframes
UI Style Guide
Hi-fidelity Wireframes
Desktop
Tablet
Mobile
Final Responsive Page
Click the image below to go to the actual webpage.
