Semiotics in Design - klinke.studio

Semiotics in Design

browse sections

Semiotics in Design

Semiotics studies how signs produce meaning. In interface design, the interface is a sign system: labels, icons, cursor states, motion, sounds, and layout all communicate what the system is, what it allows, and what it is currently doing (de Souza, 2013; Norman, 2013).

Core concepts

  • Saussure: signifier/signified relation; meaning arises through differences inside a system of signs (de Souza, 2013)
  • Peirce: sign, object, interpretant; meaning is mediated by interpretation rather than being embedded directly in the mark itself (de Souza, 2013)
  • Peircean sign types: icons resemble, indices point through connection, symbols rely on convention

Design meaning

  • a button label is not neutral text; it frames user expectation about outcome
  • a close icon, spinner, disabled state, or swipe affordance works only if the user can interpret it correctly in context
  • signifiers are often more important than bare affordances because users act on what the interface communicates, not on latent action possibilities alone Design of Everyday Things

Practical implications

  • prefer sign systems over isolated signs: icon shape, copy, motion, and placement should agree
  • use redundancy when stakes are high, for example icon plus label instead of icon alone
  • avoid culture- or platform-specific symbols unless the audience is already trained on them
  • test interpretation, not just aesthetics; a beautiful sign that is decoded wrongly is still a usability defect

Failure modes

  • decorative ambiguity: signs look expressive but do not resolve intended action
  • semantic drift: the same visual token means different things across views
  • overreliance on convention: symbols assumed to be universal often depend on product, culture, or era

Semiotics is the bridge between visual organization and action semantics: Gestalt shapes what is grouped; semiotics shapes what that grouping means.

de Souza, C. S. (2013). Semiotics. In The Encyclopedia of Human-Computer Interaction, 2nd Ed. Interaction Design Foundation. https://ixdf.org/literature/book/the-encyclopedia-of-human-computer-interaction-2nd-ed/semiotics
Norman, D. (2013). The Design of Everyday Things: Revised and Expanded Edition. Basic Books.
  • de Souza, Clarisse Sieckenius (2013). Semiotics. The Encyclopedia of Human-Computer Interaction, 2nd Ed. desouza2013aa
  • Norman, Don (2013). The Design of Everyday Things: Revised and Expanded Edition. Basic Books. norman2013aa
  • George, Ceenu (2025). Introduction to Human-Computer Interaction. Lecture 2: Interfaces and Interaction. george2025ab