The user interface (UI) is the very surface through which a person interacts with a system—bringing to life buttons, screens, shapes, colors, and delightful micro-interactions. It is the visible, tangible, and beautifully hands-on side of design.
While UI is often confused with UX, it is actually a vital component of it: where UX-design shapes the overall journey, UI provides its exquisite, real-world expression on the screen. A stellar UI makes interaction absolutely effortless by masterfully guiding affordances and signifiers: making it instantly clear what is clickable, where a user is, and what exciting step comes next!
This field has long been animated by an inspiring debate: should form strictly follow function, or can it stand beautifully on its own? As the visionary architect Louis Sullivan famously posited, "form follows function," which Dieter Rams later refined into his legendary maxim, "good design is as little design as possible." In this minimalist tradition, pure ornament is viewed with caution, believing the perfect interface should elegantly fade into the background. However, emotional design teaches us a wonderful lesson: beauty is never a luxury. A polished, thoughtful interface is naturally perceived as more intuitive and instantly builds trust. When form gracefully elevates function, spectacular things happen!
The secret lies in avoiding both extremes: the "pretty" but confusing UI that sacrifices clarity for visual flair, and the strictly "functional" but sterile UI that forgets we all love using things that inspire us. Achieving consistency—elegantly scaled through a design system—beautifully resolves much of this debate: a harmonious, recurring form becomes highly functional because the user only needs to learn the interface once.
Our guiding philosophy: a truly successful UI operates so seamlessly that it feels effortless, yet still leaves a lasting impression of meticulous craftsmanship. It is all about form beautifully serving real-world use—never the other way around.
Explore related insights: UX (the holistic journey), affordance and signifiers, design systems (for seamless scale), emotional design, and usability.
References: L. Sullivan, "form follows function"; D. Rams, principles of good design.
Rémi
Gréau
Director of Design
Related Articles
UX: Is it about the screen, or the ultimate experience?
UX encompasses a user's entire journey, far beyond just the screen (as Don Norman famously noted). To confine it merely to the interface is akin to polishing your storefront while leaving the back-office in disarray.
Affordance: When Guiding Gently Transitions into Manipulation
Affordance: the action an object naturally suggests to its user (Gibson, Norman). Yet, guiding a behavior and manipulating it share the very same mechanics. Where do we draw the line?
Emotional Design: Forging Ahead with Logic or Passion?
Emotional design shapes how a product makes us feel (Norman: visceral, behavioral, reflective). Since decision-making relies entirely on emotion, affect is never the enemy of reason—it is its greatest ally!
Usability: simple doesn't always mean valuable
Usability measures effectiveness, efficiency, and satisfaction (ISO 9241, Nielsen). However, a product can be highly usable and entirely useless—easy doesn't always mean valuable!
Information Design: Elevating Data into Meaningful Insights
Information design beautifully transforms raw data into clear understanding (as championed by Wurman and Tufte). Yet, elevating data into true insight is an art of interpretation: clarifying complexity without compromising its integrity is where real design differentiation shines.
