Om författaren

Steven Bradley är författaren till Design Fundamentals: Elements, Attributes, & Principer och CSS-animationer och övergångar för den moderna webben. När inte … Mer om Steven Bradley↬

Du har antagligen hört frasen ”form följer funktion”, men har du verkligen tänkt på vad det betyder eller vad det innebär om webbdesign? På ytan verkar ”form följer funktion” göra mycket känsla. Hur något ser ut bör bestämmas av dess syfte. Är det verkligen sant? Håller frasen vid djupare inspektion?

I samband med utformningen av en webbplats används ”form följer funktion” ofta för att betyda att designern först bör samla in webbplatsens krav från klienten och sedan bestämma webbplatsens estetik baserat på dessa funktionella krav. Även om det verkligen är bra praxis, tillämpas verkligen ”form följer funktion”? Är kundkrav ”funktion” på en webbplats eller något annat?

Ytterligare läsning på SmashingMag:

• Lärdomar från grafisk design i schweizisk stil
• Autentisk Design
• Om konst – Vad menar vi verkligen
• En Frank Lloyd Wright-strategi för digital design

När du läser igenom det här inlägget, fortsätt dessa frågor i åtanke. Tänk på din egen process för att designa och utveckla webbplatser och fundera över om och hur ”form följer funktion” gäller den.

Historisk bakgrund

Även om den ibland tillskrivs skulptören Horatio Greenough, frasen ”form följer funktion” myntades av den amerikanska arkitekten Louis Sullivan. I sin artikel från 1896 The Tall Office Building Artistically Considered (PDF) skrev Sullivan:

”Det är den genomgripande lagen om allt organiskt och oorganiskt, av allt fysiskt och metafysiskt, av allt mänskligt och allt övermänskligt, av alla sanna manifestationer av h ead, av hjärtat, av själen, att livet känns igen i sitt uttryck, att formen alltid följer funktionen. Detta är lagen. ”

Vid den tiden förändrades teknik, smak och ekonomi snabbt. Formerna på byggnader från slutet av 1800-talet utarbetades fortfarande, baserat på innovation som går tillbaka till antikens grekisk och romersk arkitektur. Det var tydligt för Sullivan att det behövdes en ny form för byggnader, och han tyckte att den här formen borde komma från en byggnads funktion, inte historiskt prejudikat.

Denna nya form blev den moderna strukturella stålskyskrapan.

Frank Lloyd Wright, som då var Sullivans assistent, antog frasen ”form följer funktion” och främjade den ytterligare. Guggenheim-museet är ett bra exempel på Wrights tillämpning av principen. Dess spiralform var tänkt att göra det möjligt för besökare att enkelt se konstverket inom.

1908 utropade den österrikiska arkitekten Adolf Loos den arkitektoniska prydnaden var ett brott ”(PDF). Modernistiska arkitekter som Le Corbusier, Walter Gropius och Mies van der Rohe antog båda ”utsmyckning är brott” och ”form följer funktion” som moraliska principer och tillämpade dem på design.

De två fraserna betyder inte samma sak dock. ”Form följer funktion” möjliggör utsmyckning så länge den tjänar en funktion.

Fortfarande kom modernismen i arkitektur från båda principerna. Målet var att bestämma byggnadens form enbart utifrån funktionella krav och inte traditionella estetik.

Bauhaus ideologi och framtiden för webbdesign

Walter Gropius grundade Bauhaus, en skola för tanke och rörelse i konst som förespråkade att ett objekts design skulle domineras av dess funktion Bauhaus var på vissa sätt en reaktion mot tidens emotionella expressionism, och dess estetiska design baserades på enkla former, rena linjer, rationalitet och naturligtvis funktionalitet.

Gropius mål var:

”att skapa en ny guild av hantverkare, utan klassskillnader som höjer en arrogant barriär mellan hantverkare och konstnär . ”

Bauhaus stängdes så småningom under påtryckningar från nazistregimen, som stämplade skolan och modernismen i allmänhet som otysk.

Flera medlemmar av Bauhaus hittade vägen till USA. Mies van der Rohe migrerade till Chicago efter att skolan stängdes och tog med sig Bauhaus-idéerna till staden som förkunnade ”form följer funktion.” Walter Gropius började bland annat undervisa vid Harvard Graduate School of Design. Båda påverkade den amerikanska arkitekten Phillip Johnson.

Johnson var en stark förespråkare för modern arkitektur och hjälpte till att montera showen ”The International Style: Architecture since 1922” på Museum of Modern Art. De designprinciper som identifierats av International Stil var:

1. Uttryck av volym snarare än massa,
2. Balans snarare än förutbestämd symmetri,
3. Utvisning av applicerad prydnad.

Johnsons verk var ofta en balanserande handling mellan minimalism och popkonst. Han introducerade senare både Mark Rothkos och Andy Warhols verk till Museum of Modern Art. Johnson tillhörde den post-modernistiska rörelsen i arkitektur, som var en reaktion på modernism och funktionalism.

Johnson hävdade att yrket arkitektur inte alls har något funktionellt ansvar och säger:

”Varifrån kommer jag inte, men det h som ingenting alls att göra med de funktionella eller sociologiska aspekterna av vår arkitektur. ”

Ytterligare resurser

Följande artiklar ger ytterligare perspektiv på historien av frasen ”form följer funktion” och Bauhaus.

• Form följer VAD?
• Form följer funktion (Wikipedia)
• Bauhaus

Tolka ”Form följer funktion”

Det finns två sätt att tolka frasen ”form följer funktion”:

• Beskrivande: skönhetsresultat från funktionens renhet;
• Förskrivande: estetiska överväganden i design bör vara sekundära till funktionella överväganden.

Beskrivande tolkning

Den beskrivande tolkningen gynnar enkelhet till komplexitet. Den säger att skönhet härrör från funktionens renhet och inte från ornamentik. Detta ideal härrör från tron att form följer funktion i naturen. Är det verkligen sant?

Egentligen är det motsatta. Evolution förmedlar genetiska egenskaper till efterföljande generationer utan några skäl för deras syfte. Varje generation av en art hittar sedan en användning för den form den har ärvt. Funktion följer form i naturen.

Att tillämpa funktionella element på en design är i allmänhet en mer objektiv process än att tillämpa estetiska element. En funktionellt objektiv process resulterar i mönster som är tidlösa men kan upplevas som enkla och ointressanta.

Prescriptive Interpretation

Den receptbelagda tolkningen prioriterar funktionalitet framför alla andra designhänsyn, inklusive användbarhet, ergonomi och estetik.

Estetiska överväganden i design bör vara sekundära till funktionella överväganden. Är denna tolkning problematisk? Leder det designers att ställa fel frågor om en given design?

Denna tolkning verkar leda till att designers frågar vad som ska utelämnas från en design. Vilka element i en design fungerar inte som en funktion och bör därför tas bort? Bör formen på en design bestämmas enbart av dess funktion?

Taget till den logiska slutsatsen skulle varje element i slutändan ha samma design. Varje funktionellt föremål skulle ha en och en design. Innan ett objekts form kan ändras måste det ha en annan funktion.

Bättre frågor kommer från dina kriterier för framgång. Vilka aspekter av din design är avgörande för framgång? När tid eller resurser är begränsade, vilka designavvägningar skulle minst skada designens framgång? Ibland måste viss estetik överges och ibland måste viss funktionalitet överges. Ibland behöver både estetik och funktionalitet äventyras.

Ytterligare resurser

Följande artiklar hävdar att formen på en design ska följa dess funktion.

• Funktion är död, Long Live-funktion
• Form följer funktion (Digital Web Magazine)

Artiklarna nedan hävdar att ”form följer funktion” inte är en absolut regel .

• Form, funktion, dårskap
• Följer form verkligen funktion?
• Nedgången av ”Form följer funktion” (New York Times)

Hur man utformar en klocka

Om vi skulle följa ”formulär följer funktion ”som en hård och snabb regel, hur skulle en klocka se ut. Funktionen är att berätta tid och inget annat. En designer kan dra slutsatsen att det enklaste, snabbaste och mest exakta sättet att visa tid skulle vara på en digital skärm. Digitala klockor är dock inte särskilt vackra.

Analoga skärmar är mer estetiskt tilltalande för de flesta. De är inte lika exakta och folk behöver vanligtvis ett extra ögonblick eller två för att berätta tiden, men de är i allmänhet trevligare att titta på.

Vilken klocka ovan är bäst? Skulle du känna samma sak för någon av klockorna nedan om dess skärm var digital?

I stället för att använda ”form följer funktion” som en oflexibel regel, skulle en bättre väg vara att utforma vår klocka baserat på framgångskriterier. Om hastighet och noggrannhet är viktigast för klockans framgång, då är en digital display skulle vara bäst. Om estetik är viktigare skulle en analog skärm vara det bättre valet.

Framgångskriterier, inte funktion, bör avgöra form.

Hur bestämmer du din I slutändan måste du definiera dem själv eller be din klient att definiera dem för det givna projektet. Hur som helst skulle de troligen göra följande:

1. Identifiera alla som har en andel i projekt,
2. Bestäm målen för varje intressent,
3. Prioritera och harmonisera dessa mål,
4. Bestäm hur framgång ska mätas.

Vad avgör framgången o f vår klocka?

Är den klocka som säljer bäst den mest framgångsrika? Vad händer om färre klockor kan ge större vinst? Vem är marknaden för vår klocka? Att kunna berätta tiden vid en snabb blick är viktigare för våra målköpare än att göra ett uttalande på deras vardagsrumsvägg? Hur mycket är de villiga att spendera på en klocka?

När du tittar inom ditt eget företag, hur kommer klockan att påverka ditt varumärke? Skulle du vara stolt över att lägga ditt namn på klockan? Är försäljningssiffror irrelevanta eftersom klockan främst kommer att få människor att köpa din serie armbandsur.

Kommer din klocka att massproduceras, eller är detta ett engångsprojekt, som några av klockorna i bilderna ovan? Om det är unikt, vem ska dra nytta av det? Kunden som beställde den eller publiken som ska se den?

Svaren på dessa och många fler frågor kommer att vara specifika för projektet. I slutändan måste du bestämma målen för din klocka och hur du kommer att mäta framgången för dessa mål. Vad du kommer med leder dig till dina framgångskriterier och designmål. Du kan välja en exakt digital klocka för masskonsumtion eller ett konstverk som hänger i terminalen på en större järnvägsstation.

Kanske måste din klocka vara både vacker och korrekt.

Vackra saker fungerar bättre

Människor spendera mer tid med produkter som de tycker är vackra och de hävdar att de är lättare att använda. Produkterna verkar fungera bättre eftersom de är vackra.

Människor har en attraktivitetsförmåga; vi uppfattar vackra saker som bättre, oavsett om de faktiskt är bättre. Allt annat lika föredrar vi vackra saker och vi tror att vackra saker fungerar bättre. Som i naturen kan funktion följa form.

De flesta marknadsförare vet att våra inköpsbeslut främst baseras på känslor. Vi använder logik för att rationalisera dessa beslut. Vi är känslomässiga varelser. Estetik påverkar våra åsikter om produkter, och vi tycker vanligtvis att estetiskt tilltalande produkter är mer effektiva helt enkelt på grund av deras estetiska överklagande.

Steven P. Anderson talar om estetikens betydelse i design i sitt inlägg på A Lista bort, ”In Defense of Eye Candy.” Med ett exempel i boken Emotional Design noterar han:

”Forskare i Japan ställde in två bankomater,” identiska i funktion, antalet knappar och hur de fungerade. ”Den enda skillnaden var att den ena maskinens knappar och skärmar var ordnade mer attraktivt än den andra. I både Japan och Israel (där denna studie upprepades) observerade forskare att försökspersoner fick mindre svårigheter med den mer attraktiva maskinen. Den attraktiva maskinen fungerade faktiskt bättre. ”

Detta kan kanske förklaras med” haloeffekten ”, där vi överför tidigare bedömningar av vissa produkter till framtida bedömningar av liknande eller relaterade produkter. En vacker produkt utlöser positiva känslor som informerar din bedömning om dess användbarhet.