Learning Management Systems Constraints – Does Form Follow Function? Yes, Within the Constraints.

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.

 

Counterparty Risk

Interdependence

Second-order events – unintended consequences.

Key performance Indicator

garbage in – garbage out

Tolerance

analytical honesty

Context

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.

clock collage

 

 

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?

clock collage

 

Rather than use “form follows function” as an inflexible rule, a better route would be to design our clock based on

success criteria. If speed and accuracy are most important to the clock’s success, then a digital display would be best. If aesthetics are more important, then an analog display would be the better choice.Success criteria, not function, should determine form.

How do you determine your success criteria? Ultimately, you have to define them yourself or ask your client to define them for the given project. Either way, they would likely do the following:

  1. Identify everyone with a stake in the project,
  2. Determine the goals of each stakeholder, (This is very difficult if the stakeholders have hidden goals.  And most stakeholders have hidden goals.)
  3. Prioritize and harmonize those goals,
  4. Decide how success will be measured.

What will determine the success of our clock?

Is the clock that sells best the most successful? What if fewer clocks sales could bring greater profit? Who is the market for our clock? Is being able to tell the time at a quick glance more important to our target buyers than making a statement on their living room wall? How much are they willing to spend on a clock?

Looking within your own company, how will the clock affect your brand? Would you be proud to put your name on the clock? Are sales figures irrelevant because the clock will mainly serve to get people to buy your line of wrist watches.

Will your clock be mass produced, or is this a one-time project, like some of the clocks in the images above? If it’s one of a kind, who is to benefit from it? The client who commissioned it or the audience that will view it?

The answers to these and many more questions will be specific to the project. Ultimately, you have to determine the goals of your clock and how you will measure the success of those goals. What you come up with will lead you to your success criteria and design objectives. You could decide on an accurate digital clock for mass consumption or a work of art hanging in the terminal of a major railroad station.

Perhaps your clock will need to be both beautiful and accurate.

big-ben

 

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.”

 

Beautiful Things Function Better Link

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 LINK

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.

google-home-page-2

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 LINK

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.

craigslist-denver

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?

TWEETIE LINK

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.

atebits-tweetie-mac

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.

USB Necklace

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.

Summary Link

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.