Key takeaway (TL;DR)
“Form follows function,” first crystallized by Chicago School master Louis Sullivan, has been a defining maxim of modernist architecture and industrial design for a century. Yet in contemporary digital business, many teams distort it into the utilitarian excuse that “beauty can be discarded as long as functionality is satisfied,” or the idealistic belief that “a rational function will automatically create beauty.” Experience shows that aesthetics is itself one of the highest dimensions of function: it directly affects trust, emotional engagement, brand premiums and decision speed. In corporate website design and product redesign, JVDS advocates moving beyond the opposition between form and function to build a mutually supportive system around clear business goals: “Form is the promise; function is the foundation.”
1. The historical roots of a century-old maxim: from Sullivan to Bauhaus modernism
In the United States at the end of the nineteenth century, mature elevator technology and high-strength steel frames made it possible, for the first time in human history, to construct skyscrapers dozens of stories tall.
1.1 Sullivan's original context: challenging artificial neoclassical revivalism
When Louis Sullivan, the father of the skyscraper, wrote The Tall Office Building Artistically Considered in 1896, he confronted an absurd situation:
- Architects still clung to the heavy stone columns and elaborate carvings of ancient Greece and Rome, forcing the decorative skin of classical temples onto the walls of new steel-framed skyscrapers.
- Sullivan angrily argued that everything in nature takes its shape from its inner laws of life: an eagle's wings respond to airflow, and pine needles resist severe cold. Tall buildings should honestly express the upward rise of their internal steel frames and the rhythm of large windows. Form should always faithfully answer the call of its inner function.
1.2 Historical distortion: the turn toward harsh, cold functionalism
In the subsequent waves of the International Style and Brutalism, however, some mediocre practitioners twisted the maxim into an excuse for cheap minimalism and taking shortcuts:
- Cold, monotonous matchbox buildings arose in large numbers, devoid of human warmth or room for the spirit to breathe.
- People discovered that stripping away emotion, symbolism and aesthetics left purely mechanical functionalism producing an urban wasteland that felt depressing and suffocating.
2. The reversal in modern cognitive psychology: the aesthetic-usability effect
Decades of empirical work in human-computer interaction have shattered the outdated notion that aesthetics is merely inconsequential decoration.
2.1 The Kurosu and Kashimura study (1995)
A landmark experiment by Masaaki Kurosu and his colleague at Hitachi's design center in Japan demonstrated the following:
- Participants received several ATM interfaces with identical internal functional logic, button distances and layout hierarchy. The only variables were color combinations, typographic breathing room and visual refinement.
- Remarkably, although objective operating efficiency was exactly the same, participants overwhelmingly felt that the more attractive interfaces were smoother to operate, easier to learn and even less error-prone.
- This became known as the aesthetic-usability effect: excellent visual aesthetics can activate the brain's prefrontal reward system and generate small positive emotions. Those feelings substantially broaden mental bandwidth, making users more patient and tolerant of minor interaction friction.
2.2 The clock thought experiment: value choices across four forms
Imagine four clocks, all indicating 06:00 in the morning:
- A digital LCD reading 06:00: The fastest possible reading and lowest possible misreading rate—the extreme of pure functionality.
- A traditional wall clock with Arabic numerals from 1 to 12: A balance of fast reading and a spatial sense of the hour hand's position.
- A clock with only 12 minimalist metal dots: A tasteful object for a high-end living room.
- An avant-garde clock with no markings and only two floating black hands: It cannot be read precisely at a glance, but it delivers a sense of connection with minimalist philosophy and an expression of identity.
None of these four clocks is inherently superior, because they serve completely different measures of success. If the project is judged on precision in an aerospace control room, the digital clock wins. If it is judged on artistic character in a luxury hotel lobby, the artistic dial is the clear winner.
3. A comparison matrix for form and function
When redesigning corporate websites and the UI/UX of complex business software, teams need a clear strategic balance between form and function:
| Scenario | How form and function are balanced | Core businesses and applications | Common misconceptions and failure risks |
|---|---|---|---|
| Function-led Efficiency and zero error | • Form strictly follows function: 80% function, 20% form • Clean, compact, high-density data grids and responses within seconds • Remove all decorative motion and showy floating 3D effects | High-frequency financial trading dashboards, heavy-industry control rooms, emergency medical monitoring and aircraft cockpit interfaces. | Assuming “function first” permits an ugly, antiquated table with no visual quality, unclear type and uncontrolled spacing. |
| Form and function in partnership Business conversion and taste | • Form is function; aesthetics is trust: 50% excellent functionality plus 50% exceptional aesthetics • Refined typography, G2 curvature continuity and natural breathing room • Fast loading combined with memorable brand expression | Innovative technology companies' websites, premium B2B brand websites, standalone stores for flagship consumer products and professional SaaS portals. | Being pulled between two extremes: sacrificing all beauty to make a dry instruction manual, or forcing users through a 10-second load for impressive animation. |
| Self-indulgent formalism Empty visual spectacle | • Form dominates and destroys function: 95% form, 5% function • Hiding an essential submit button three levels deep to preserve visual symmetry • Using extremely thin, pale-gray text that even people with normal vision cannot read | Concept demonstrations for art exhibitions; unsuitable for any serious commercial monetization scenario. | A business hires an avant-garde artist unfamiliar with commercial requirements to design its website. The result wins an award, yet customers cannot even find the phone number. |
4. How JVDS engineers a partnership between form and function
For premium corporate websites and multinational SaaS redesigns, JVDS proposes a philosophy of mutual support: “Define success through goals, and let form carry the mission.”
[The JVDS four-stage balance of form and function]
Define business success → Safeguard hard metrics for core tasks → Introduce aesthetic value → Blind-test cross-device friction and conversion
- Establishing a Success Metric Charter upfront: At the start of a project, JVDS rejects vague debates about whether something should look good or be easy to use. We first define the digital touchpoint's primary measure of success. If the page's central mission is to convey advanced technology, premium value and industry leadership, visual aesthetics and brand character are core functions. If its mission is rapid, bulk entry of reimbursement invoices, task speed and accessible contrast are non-negotiable.
- Aesthetics as an emotional lubricant: In demanding administrative systems requiring intensive, complex calculations, JVDS deliberately introduces elegant, small-scale order. Rigorous grid alignment, warm earth tones and microinteraction feedback as precise as a mechanical watch relieve the pressure of looking at a screen for hours. Aesthetics becomes a productivity tool for improving concentration and reducing staff turnover.
- A quantitative Aesthetic Cost Audit: Every advanced visual treatment must undergo a strict review of its engineering cost. Does it sharply increase page code size? Does it delay time to interactive beyond 2 seconds? Does multilingual localization cause the layout to overflow or break? In JVDS engineering standards, visual vanity that sacrifices core task usability is rejected outright.
5. Frequently asked questions
Q1: B2B customers are rational decision-makers. Do they really care whether a website or software looks good?
They do, and aesthetics is the first foundation for premium positioning and trust in capability. B2B purchases frequently involve budgets in the millions. Decision-makers may appear to compare cold performance specifications, but before detailed discussions begin, a website's visual sophistication and confidence directly suggest financial strength, technical maturity, team discipline and reliable after-sales service to their subconscious. A poorly made website with chaotic typography can instantly consign a company to the category of a low-end imitation workshop, depriving it even of the opportunity for technical negotiations.
Q2: How can a product team resolve constant arguments between designers pursuing visual beauty and engineers pursuing development efficiency?
Build a unified design system that packages aesthetics into reusable engineering components. These arguments arise because individual pixels are adjusted in isolation every time. Once typography scales, spacing increments, corner-radius rules and common components are established in the codebase, designers can assemble pages from standard components and engineers can reproduce them faithfully with a line of code. Aesthetics stops obstructing development efficiency and instead accelerates engineering iteration.
Q3: How can we tell whether a redesign benefits both beauty and function or has slipped into formalism?
Monitor key-path conversion funnels and blind tests of brand recall. After a successful design is launched, users move smoothly through the main business flow without getting lost, and support incident rates fall substantially. At the same time, after leaving the page, they can still clearly describe the brand's distinct character and core value proposition. If a redesign looks spectacular but checkout abandonment rises by 40%, aesthetics has undermined function. Explore the JVDS team's design portfolio to see premium commercial aesthetics coexist with rigorous functional engineering.
