In Most Cases (I think in all cases, but be that as it may) the system’s functional requirements requirements determine it’s constraints, architecture, and operation.
Fortunately, while producers may have no control over the system’s functional requirements, producers have considerable control to chose difference, constraints, architecture, and operations,
The latitude producers have in the choices they make is particularly pronounced in Information Systems because Information Systems which are much less constrained by the laws of nature than physical systems. For example when I build a car and sell it to you, I no longer have a car. However, when I build information, I can easily share it with you, but I still have it. Or when I build a car I am constrained by the natural laws of getting steel, plastic, glass and all the raw materials to build a car. Steel is very heavy and moving it takes a lot of energy. Information on the other-hand is weightless. Information systems are not constrained by the physics of mass and gravity as car building systems are.
Various elements in the community focus on different things because specialization is required in our modern world. However, this specialization may blind us to the links between the various elements in the community. The architecture of a complex technical system fundamentally influences and is influenced by the economic system that drives the development, production, and use of the system.
Failure to appreciate these links may result in policies and/or strategies that do not realize the economic potential of the system.
Broadly speaking I am saying that engineers must learn a bit about economics and managers must learn a bit about the technologies they aim to manage.
Architecture is politics.
Constraints – prices, laws/technical standards, norms, natural laws, raw materials, network effects.
The architecture of the computer defines the components – CPU, Memory, keyboard, monitor, network, power supply, etc , and describes how the components interact (peripherals may connect to the rest of the system using the Universal Bus Standard). The key point here is that the architecture does not describe how the individual component works internally. The Architecture of the computer does not dictate how a keyboard works.
The architecture provides an abstract view of a system as a collection of “black boxes,” describing how they behave and interact but not how they work.
Architecture is a hierarchical concept. Components at the highest level can be decomposed into a set of interrelated subcomponents that may also have architectures. In the case of a computer monitor, the monitor can be further broken down into interacting subcomponents, such as the case, the power supply, the screen, the speakers.
Going up the hierarchy, a PC is probably part of a larger complex system of network and home life.
Second-order events – unintended consequences.
Key performance Indicator
garbage in – garbage out
In the context of designing a website, “form follows function” is often taken to mean that the designer should first gather the website’s requirements from the client and then determine the aesthetics of the website based on those “functional” requirements.
While that’s certainly good practice, is “form follows function” really being applied? Are client requirements the “function” of a website or something else?
Does Form follow function? Yes, but it does not follow exactly An office building has to be a building, but not all buildings need to be the exactly the same.
How To Design A Clock Link
If we were to follow “form follows function” as a hard and fast rule, what would a clock look like. It’s function is to tell time and nothing else. A designer might conclude that the simplest, fastest and most accurate way to show time would be on a digital display. Digital clocks are not particularly beautiful, though.
Analog displays are more aesthetically pleasing to most people. They aren’t quite as accurate, and people usually need an extra moment or two to tell the time, but they are generally nicer to look at.
Which clock above is best? Would you feel the same about either clock below if its display was digital?
Historical Background Link
While sometimes attributed to sculptor Horatio Greenough, the phrase “form follows function” was coined by American architect Louis Sullivan. In his 1896 article, “The Tall Office Building Artistically Considered,” Sullivan wrote:
“It is the pervading law of all things organic and inorganic, of all things physical and metaphysical, of all things human and all things superhuman, of all true manifestations of the head, of the heart, of the soul, that the life is recognizable in its expression, that form ever follows function. This is the law.”
People spend more time with products that they find beautiful, and they claim they are easier to use. The products seem to function better because they are beautiful.
Human beings have an attractiveness bias; we perceive beautiful things as being better, regardless of whether they actually are better. All else being equal, we prefer beautiful things, and we believe beautiful things function better. As in nature, function can follow form.
Most marketers knows that our purchasing decisions are based primarily on emotion. We use logic to rationalize those decisions. We are emotional beings. Aesthetics influence our opinions of products, and we typically find aesthetically pleasing products to be more effective simply by virtue of their aesthetic appeal.
Steven P. Anderson speaks of the importance of aesthetics in design in his post on A List Apart, “In Defense of Eye Candy.” Drawing on an example in the book Emotional Design, he notes:
“Researchers in Japan set up two ATMs, ‘identical in function, the number of buttons, and how they worked.’ The only difference was that one machine’s buttons and screens were arranged more attractively than the other. In both Japan and Israel (where this study was repeated) researchers observed that subjects encountered fewer difficulties with the more attractive machine. The attractive machine actually worked better.”
Perhaps this can be explained by the “halo effect,” whereby we carry over previous judgements of certain products to future judgements of similar or related products. A beautiful product triggers positive emotions that inform your judgment of its usability. The product does not necessarily function better, but you perceive it as functioning better because of its looks.
You can define aesthetics in many ways, but it comes down to connecting thought, emotion and beauty. How something looks affects us emotionally and influences what we think about it.
If pure aesthetics influence our perception of a product’s functionality, if we’re willing to take an extra second to learn how to use things that we find beautiful, and if we think objects function better because they’re beautiful, then does form follow function or does function follow form?
Applying “Form Follows Function” to Web Design Link
What’s the function of a website? Does a website have a single function? The function of a blog is to communicate information. It might also be a means to deliver advertising or to generate leads to sell a service. An e-commerce website also communicates information. It also exists to sell products.
“Form follows function” might dictate that all e-commerce websites should look the same. But would you design a website for computer networking hardware and one for children’s toys to look exactly the same? Obviously not.
At the start of this post, I described the well-known scenario in which you gather requirements from a client and then proceed to design the website. Are those requirements “functions”? Some no doubt are. How many pages will the website have? Will the content need to be updated often? Is a shopping cart needed? What are the goals of the website in the context of the overall goals of the business?
If you’re asking merely for functional requirements, you aren’t asking the right questions. Better questions seek to define what success looks like for the website. Should the e-commerce website serve to generate leads to draw people into the physical store. Will all of those pages help drive sales, or are some plain fluff?
Define your success criteria first. Think of our clock example. Will success come from function or aesthetics. What would make your website successful? What is most critical to achieve that success.
The principle of “form follows function” assumes that objects exist because of their function. That’s simply not true. There could be any number of reasons why something exists, from chance to some broad aesthetic value and anything in between. An object can exist for reasons other than function.
Mother Ann Lee (1736–1784), founder of the Shaker movement in America, proposed another idea. “Every force evolves a form.” Dynamic forces shape eventual forms. These forces could be functional or could be aesthetic, spiritual, communal or random.
“Every force evolves a form” is a more useful guide for designers to follow:
“Function alone does not drive form. Form evolves from the holistic forces of the project—audience needs, client desires, ethical obligations, aesthetic inclinations, material properties, cultural presuppositions, and yes, functional requirements.
“For working designers, “every force evolves a form” is a more useful rule. The design process actually begins with something that doesn’t yet exist but needs to exist, and it moves forward toward a formal result. Function alone doesn’t drive the resultant form. The form evolves from the holistic forces of the project—audience needs, client desires, ethical obligations, aesthetic inclinations, material properties, cultural presuppositions, and yes, functional requirements. “Function” is rightly seen as a single, isolated, quantifiable aspect of the overall “force” driving the form.”
Does all of the above mean that you should ignore “form follows function” completely? Not at all. Use the descriptive interpretation of “form follows function” as an aesthetic guide. Beauty often does come from function. A building should not look like a boat or a magazine. Each has a different function, and that function helps to define what makes it successful.
Objects with different functions should look different aesthetically.
However, don’t apply the prescriptive interpretation of “form follows function” as a design rule. Pure function may not be the most important factor of success. Focus on the relative importance of both form and function as based on your criteria for success when making design decisions. Balance form and function as needed, while letting success criteria guide your decisions.
Google’s home page is little more than a search box. Over time, links have been added, but the page has clearly been designed around its primary function, which is search. The sparse design is likely a key factor in Google’s early success. Other search engines at the time did not have pages that communicated a single clear function.
Function, no doubt, guided Google’s success criteria. The only thing the company wanted a visitor to do upon reaching the home page was to type a query in the box and click the “Search” button.
Craigslist is perhaps the poster child for subordinating form to function. Many think the website could use a redesign, but the Craigslist faithful see no reason to change. The website’s design, while not aesthetically pleasing, is functional.
As with Google, Craigslist’s success was based on functional considerations. Beautiful it is not, but the website does work. It doesn’t take long for anyone who stumbles on the website to learn how to use it. Would aesthetic considerations have made the website easier to use and made Craigslist even more successful?
The Twitter application Tweetie lacks some features that other desktop and smart-phone Twitter apps include. Tweetie users claim not to care. The program has earned its loyal audience through its beautiful design. It does what it needs to do, and some functionality has been deliberately left out to stay true to the design objectives.
One of the early goals of Tweetie was to embrace the iPhone interface. It was built for people who already use Apple products and who appreciate aesthetics for the sake of aesthetics. Form in and of itself was an important success criterion.
USB NECKLACE LINK
Most USB drives are essentially the same. Their functionality differs little from one drive to the next. Some hold more data, some transfer data faster, some include encryption and some are more rugged.
If you were to buy either of the USB necklaces above, would it be because of the specs? Or because of the function of the drive itself? It’s doubtful. You would likely have purchased it based on looks and your emotional response to it. You might glance at the specs to make sure the drive meets your minimum needs, but you would be using the specs to justify your emotional response to the aesthetics.
Does form follow function? Function certainly influences form in many designs, but does it have to? This post should have enough examples to show that function sometimes follows form.
“Form follows function” works well as an aesthetic guide. Many designers, me included, believe that beauty arises from functional considerations. Functionality is important to design, but it isn’t the only thing that should be considered.
Both function and form can guide design. More often, both follow something else. Ultimately, you need to define your criteria for success, from which the design will evolve.
Success criteria helps you determine the functionality needed in your website and the form it should take.