27 Who cares if designers are bored?
We see web interface design fads over the years as designers supposedly vie to garner visitor attention, but is that really what they are doing?
In 1984, Colin Wheildon performed some research into the effects of different typographical elements for the Newspaper Advertising Bureau of Australia Ltd. That research was later transformed into a book called Type & Layout: Are You Communicating or Just Making Pretty Shapes. As the title implies, there seems to be a tradeoff going on in design between what helps communication and what is being done for visual appeasement.
Up until then, layout rules were a rather ad-hoc collection of rules-of-thumb, and this research provided some rationale for design decisions that seemed to work well, or not, especially in advertising. Many graphics designers spat the dummy as it challenged the efficacy of many design elements that were more distracting than communicative, or were not communicating what they were supposed to. It is always a problem for creative people when someone comes along with criteria that cramp their style.
But then, graphic designers are not employed to be artists in their own right, to do what they want according to their own criteria. They are there to design a visually appealing aesthetic that enables the communication of the message that the whole work is there for. Of course, graphics designers will want to alleviate boredom by coming up with novel presentations, but what they are working on is not so they can win awards or make their resumes look better.
Books have been around for centuries, and while rarer early on, gained huge traction with the invention of the printing press. Many manuscripts were embellished with coloured flourishes and images, but the limitations of presses meant those extras could not be done on them until the first colour presses in 1457 and engravings in 1465. However, plain-text single-colour printing is still the cheapest for mass-produced novels, and they are still popular, even in electronic form. The only place where designers have any input is on their covers.
With the web and plentiful drag-and-drop designer interfaces for producing pages, almost anyone can throw together pages. However, to make those pages have something worthwhile to say requires writers, and to make them look good requires graphics designers. Having writers who cannot write coherent copy, or designers who clutter up pages with too many clashing elements, makes for a failure to communicate. So what's required to make it all work?
Visuals, like images and video in later years, certainly can make pages more attractive, but do they really communicate the message of the page? We have seen many iconic images over the years, and they may remind us of key events, but only because we remember what was happening at the time. They would mean almost nothing to someone who does not know that context, and a different caption could make them seem to be about something much different from the original context.
Words are a shorthand for triggering our internal meanings, and so particular sequences of them can prompt us to think more deeply, or distract us from that introspection. While images may trigger a reaction, words can lead us to change our beliefs. It is said that a picture is worth a thousand words, but without anything else, which thousand words are triggered can vary wildly between people. The only way to help people focus on what images are meant to convey is to prompt them with words.
For example, during the attack on the Twin Towers in New York on , a photo was taken of a person falling head-first from the upper floors of a tower. Just pondering on a person having to make a decision between being burnt alive or certain death from falling is horrific. However, if the caption to the picture said that the image was of a dummy being thrown off the building, a whole different and perhaps amusing set of thoughts is triggered. Here the context provided by a few words radically changes the perception of the image. The words have the power that the image reinforces.
It is the words that are the key communicator of the important messages on any page. That means that graphics designers are there to support the words by making sure they receive the focus. Indulging their efforts to make their designs more important will sabotage the message. Their job is to make sure the reader's visual focus proceeds through the required focal points on the page in the order required. That is the only purpose of the layout. A knowledge of typography is essential, especially as to what improves focus and communication, and what does not.
Web design is not for frustrated creative writers or designers unless it is their own site, and on those they can do whatever they like, but there are probably better mediums that can better show off their creativity. There are very few circumstances where people want to battle the design to get to what they want out of the site, so it is better we keep the layout and messages simple. The more complex the message or narrative, the more simple the design needs to be, otherwise visitors will go to a site that does not require them work so hard.
In industrial design, it is always better to keep layouts simple, with what is used most more obvious. Options need to be reduced and be unambiguous so that they are able to be selected from quickly, almost without thinking. Visual embellishments need to be used only if they facilitate focusing on a particular element, and certainly not for multiple elements that must be selected between. Related elements need to be closer together, with more space between those groups.
A reader's eye will follow their usual reading direction, so unless there is an element in the upper starting side of a page, their eye must be coaxed to the wanted focus. That may mean having intermediate but lesser elements, or having a gradient that fades into the wanted element. Too many elements will only create confusion as to what the real focus is to be. While artworks may use complex visual weighting to draw the viewer into the experience of the work, for websites, it is about keeping a flow that guides the viewer sequentially though the layout to what they must interact with.
In this way, web design is utilitarian, whereas artistic design is experiential. Therefore, web design is about getting a person to where they want to go as quickly as possible. Artistic design is about facilitating the viewer to dwell within the canvas at length. These are two radically different goals and confusing them will prevent either working as intended. That means keeping graphic design on a tight leash, even if designers feel bored!
Searching for web design trends on YouTube will bring up a lot of graphics designers extolling the virtues of many busy and obscuring designs that are supposed to be of benefit for websites but would actually make them less fit for purpose. These are like getting a producer to make a recording to highlight an artist's vocals, but the voice is buried in effects and so subservient to the whole track that it has become just another addition to their portfolio that they sucked someone else into paying for.
Before taking on a graphics designer, check out if the samples in their portfolio are actually useful as navigation pages or clearly appropriate for the type of content the site is to hold. Check if their complete website designs retain continuity of design across pages and clearly enable seeing that they do indeed belong to the one site, rather than being a bunch of individual artworks that do not aesthetically relate to each other. Visitors need to remember the name and branding of the site rather than whether it looked good or was entertaining.
Importantly, when examining the portfolio sites of a graphic designer, check that they actually worked on all their pages. Unfortunately, a lot of design work is focused upon the home page, which is usually just a fancy navigation page. Have they built pages for policies, contacts, and articles with more structure than just pictures with sporadic text in between? Do their sites have a structure that is suited to a body of knowledge rather than just a bunch of fancy pages? Do they really show that they understand how important the written word is as the core communicator of meaning?
Bento box – making a useful idea bad△
Web designers have sometimes been inspired by useful physical-world designs, but have unfortunately made them useless web design elements.
Bento boxes are a design that separates food into distinct compartments of a tray, and first appeared almost 1000 years ago in Japan. The design is still used for TV dinners and lunchboxes because it keeps the contents from becoming slushed together. The food in each compartment is kept homogenous by the dividers.
The boxes make food presentable for manufacture and allows the one tray to have multiple foods of different types at the same time. No one wants their soup to be flowing into their main course or dessert. The sizes of each cell can be appropriate for the type of food in each. Visually, they present a clean look, with each compartment's contents kept simple and clearly distinguishable.
Such a variable-celled design has been used for tool boxes or storage of variously sized screws or nails, so that a particular sized item can be selected quickly without having to spend a lot of time rummaging through a mass of mixed-up items. The design brings order to save time, and so enables minimal distraction from the task that required the items in the first place.
Graphic designers latched onto this simplicity as a possible web design style. Certainly, the idea of having clearly distinguishable homogenous areas would make such a design a useful way to select content to view. Because the sizes could be used to indicate the relative significance of each choice, it could be a more versatile implementation of cards. An alternative could be a gallery of various-size images to select from for whim picking.
Unfortunately, many graphics designers have run with the design far beyond its usefulness by making each cell contain what would have been the layout of a single home page, making them cluttered and the whole page almost impossible to make a quick selection from. Cards are for navigation, with their image, heading and text helping to clarify what the target page will contain. Bento boxes can use size to help visitors go the most useful pages. All this is lost if a visitor cannot readily – read subconsciously – make a quick choice because they have to sequentially decipher the purpose of each.
Navigation aids are meant to be facilitators of visitors making quick and simple choices so they can get to the content they want before they forget what they wanted or why. Making them slow down to have to look at details or try to decipher what the contents of cells are about severely degrades that ability. The design has thus failed in its primary objective, and so the graphics designer has failed to provide the website with proper value. Do not fall for fancy navigation designs if they do not actually facilitate that function properly.
The home page – a transit hub△
The home page is the transit hub to the rest of the site.
While someone new to the site will be wanting some rudimentary information about the site, most visitors want to get to some other page, even if they don't know what it is yet. That makes the home page principally a navigation page with a short blurb for the newbies. Anything else will just bog them down and risks defocussing them from their quest. The home page is like the signage in a transit hub, enabling visitors to quickly get to their destination. Nobody wants to spend time looking at artworks in a transit hub, and the same goes for a home page.
What web designers go on about on YouTube seems to be about turning home pages into art galleries. They rarely talk about what happens after anyone leaves the home page, as if that is not important, but those other pages are exactly why people come to a site, whether to buy, read or pass the time. A purchase does not happen on a home page, but product pages followed by the shopping cart/payment page. Readers might have to look at several pages to get all they need to know. People are not going to be entertained for long by a home page.
For a site for a product, the home page would have to cater for both ready-to-buyers and researchers, so the buy call-to-action can be in the top navigation bar so they don't have to hunt for it, while the rest of the home page can be devoted to getting the researchers to the information they desire. If the site is for several products, the main home page navigation items will be to those products, while each of their landing pages will do what the home page for a single-product site would do.
These navigation pages require very utilitarian layout because nobody wants to stay on them. Any designer making them out as being any more is deluding themselves, or wanting to delude the inexperienced. Such pages don't need much design skill because they should not be complicated. The real site design skills are about working out how to make a site do all that it has to do, and that is what none of these YouTube designers mentions anything about.
If there are too many options on the home page, new visitors are likely to be put off. Popular Asian sites' home pages can be very busy by Western standards, but that is because they are known to be a hub of many facilities. A new site is not one of those, so their home page should be sparser, but they should have enough options to make it interesting. If too busy, delegate to other navigation pages for information rich areas. Certainly, a bunch of cards on the home page would work, but could link to longer option list pages since a visitor has decided to venture deeper.
A lot of a site's design is about how to partition its mass of information into a coherent structure, with navigation that facilitates easy discovery and drill down to what is wanted. Simplicity is the key, as anything else gets in the way. Most content will use the same formats, so the rest of the design is about laying out the templates for each type of information. The focus should be on entering the content, and not its look. No one wants to be thinking about page layout each time they want to add some content. That would put off anyone after the first few pages, let alone hundreds.
Let us get real here. A site has a purpose, and time is far better spent on getting the content onto the site than worrying about useless design elements for the home page. Keep the design for the home page and other pages simple until ready to deal with the look and feel in some better way. Simple and consistent page designs can be made to look better by simple CSS. This whole home page design focus is an obsession like SEO when the content is the most important, and is what will keep people coming back and search engines putting the site at the top of listings.