Skeuomorph Design
   HOME

TheInfoList



OR:

A skeuomorph (also spelled skiamorph, ) is a derivative object that retains ornamental
design A design is a plan or specification for the construction of an object or system or for the implementation of an activity or process or the result of that plan or specification in the form of a prototype, product, or process. The verb ''to design'' ...
cues (attributes) from structures that were necessary in the original. Skeuomorphs are typically used to make something new feel familiar in an effort to speed understanding and acclimation. They employ elements that, while essential to the original object, serve no pragmatic purpose in the new system. Examples include
pottery Pottery is the process and the products of forming vessels and other objects with clay and other ceramic materials, which are fired at high temperatures to give them a hard and durable form. Major types include earthenware, stoneware and por ...
embellished with imitation
rivet A rivet is a permanent mechanical fastener. Before being installed, a rivet consists of a smooth cylindrical shaft with a head on one end. The end opposite to the head is called the ''tail''. On installation, the rivet is placed in a punched ...
s reminiscent of similar pots made of metal and a software calendar that imitates the
appearance Appearance may refer to: * Visual appearance, the way in which objects reflect and transmit light * Human physical appearance, what someone looks like * ''Appearances'' (film), a 1921 film directed by Donald Crisp * Appearance (philosophy), or p ...
of binding on a paper desk calendar.


Definition and purpose

The term ''skeuomorph'' is compounded from ''skeuos'' (σκεῦος), meaning "container or tool", and ''morphḗ'' (μορφή), meaning "shape". It has been applied to material objects since 1890. With the advent of computer systems in the 1980s, skeuomorph is used to characterize the many "old fashioned" icons utilized in graphic user interfaces. A similar alternative definition of skeuomorph is "a physical ornament or
design A design is a plan or specification for the construction of an object or system or for the implementation of an activity or process or the result of that plan or specification in the form of a prototype, product, or process. The verb ''to design'' ...
on an object made to resemble another material or technique". This definition is broader in scope, as it can be applied to design elements that still serve the same function as they did in a previous design. Skeuomorphs may be deliberately employed to make a new look more familiar and comfortable or may be the result of cultural influences and norms on the designer. They may be the artistic expression on the part of the designer. The usability researcher and academic
Don Norman Donald Arthur Norman (born December 25, 1935) is an American researcher, professor, and author. Norman is the director of The Design Lab at University of California, San Diego. He is best known for his books on design, especially ''The Design ...
describes skeuomorphism in terms of cultural constraints: interactions with a system that are learned only through culture. Norman also popularized perceived
affordance Affordance is what the environment offers the individual. American psychologist James J. Gibson coined the term in his 1966 book, ''The Senses Considered as Perceptual Systems'', and it occurs in many of his earlier essays. However, his best-know ...
s, where the user can tell what an object provides or does based on its appearance, which skeuomorphism can make easy. The concept of skeuomorphism overlaps with other design concepts.
Mimesis Mimesis (; grc, μίμησις, ''mīmēsis'') is a term used in literary criticism and philosophy that carries a wide range of meanings, including ''imitatio'', imitation, nonsensuous similarity, receptivity, representation, mimicry, the act ...
is an imitation, coming directly from the Greek word.
Archetype The concept of an archetype (; ) appears in areas relating to behavior, historical psychology, and literary analysis. An archetype can be any of the following: # a statement, pattern of behavior, prototype, "first" form, or a main model that ot ...
is the original idea or model that is emulated, where the emulations can be skeuomorphic. Skeuomorphism is parallel to, but different from,
path dependence Path dependence is a concept in economics and the social sciences, referring to processes where past events or decisions constrain later events or decisions. It can be used to refer to outcomes at a single point in time or to long-run equilibria ...
in technology, where an element's functional behavior is maintained even when the original reasons for its design no longer exist.


Physical examples

Many features of wooden buildings were repeated in stone by the
Ancient Greeks Ancient Greece ( el, Ἑλλάς, Hellás) was a northeastern Mediterranean civilization, existing from the Greek Dark Ages of the 12th–9th centuries BC to the end of classical antiquity ( AD 600), that comprised a loose collection of cultu ...
when they transitioned from wood to masonry construction. Decorative stone features in the
Doric order The Doric order was one of the three orders of ancient Greek and later Roman architecture; the other two canonical orders were the Ionic and the Corinthian. The Doric is most easily recognized by the simple circular capitals at the top of col ...
of
classical architecture Classical architecture usually denotes architecture which is more or less consciously derived from the principles of Greek and Roman architecture of classical antiquity, or sometimes even more specifically, from the works of the Roman architect V ...
in
Greek temple Greek temples ( grc, ναός, naós, dwelling, semantically distinct from Latin , "temple") were structures built to house deity statues within Greek sanctuaries in ancient Greek religion. The temple interiors did not serve as meeting places, s ...
s such as
triglyph Triglyph is an architectural term for the vertically channeled tablets of the Doric frieze in classical architecture, so called because of the angular channels in them. The rectangular recessed spaces between the triglyphs on a Doric frieze are ...
s,
mutules This page is a glossary of architecture. A B C The Caryatid Porch of the Erech ...
,
guttae A gutta (Latin pl. guttae, "drops") is a small water-repelling, cone-shaped projection used near the top of the architrave of the Doric order in classical architecture. At the top of the architrave blocks, a row of six ''guttae'' below the narro ...
, and
modillions A modillion is an ornate bracket, more horizontal in shape and less imposing than a corbel. They are often seen underneath a Cornice (architecture), cornice which it helps to support. Modillions are more elaborate than dentils (literally translat ...
are supposed to be derived from true structural and functional features of the early wooden temples. The
triglyph Triglyph is an architectural term for the vertically channeled tablets of the Doric frieze in classical architecture, so called because of the angular channels in them. The rectangular recessed spaces between the triglyphs on a Doric frieze are ...
and
guttae A gutta (Latin pl. guttae, "drops") is a small water-repelling, cone-shaped projection used near the top of the architrave of the Doric order in classical architecture. At the top of the architrave blocks, a row of six ''guttae'' below the narro ...
are seen as recreating in stone functional features of the wooden temples that preceded them, respectively the carved beam-ends and six wooden pegs driven in to secure the beam in place. Historically, high-status items such as the Minoans' elaborate and expensive silver cups were recreated for a wider market using
pottery Pottery is the process and the products of forming vessels and other objects with clay and other ceramic materials, which are fired at high temperatures to give them a hard and durable form. Major types include earthenware, stoneware and por ...
, a cheaper material. The exchange of shapes between metalwork and ceramics, often from the former to the latter, is near-constant in the history of the
decorative arts ] The decorative arts are arts or crafts whose object is the design and manufacture of objects that are both beautiful and functional. It includes most of the arts making objects for the interiors of buildings, and interior design, but not usual ...
. Sometimes pellets of clay are used to evoke the
rivet A rivet is a permanent mechanical fastener. Before being installed, a rivet consists of a smooth cylindrical shaft with a head on one end. The end opposite to the head is called the ''tail''. On installation, the rivet is placed in a punched ...
s of the metal originals. There is also evidence of skeuomorphism in material transitions. Leather and pottery often carry over features from the wooden counterparts of previous generations. Clay pottery has also been found bearing rope-shaped protrusions, pointing to craftsmen seeking familiar shapes and processes while working with new materials. In this context, skeuomorphs exist as traits sought in other objects, either for their social desirability or psychological comforts. In the modern era, cheaper plastic items often attempt to mimic more expensive wooden and metal products, though they are only skeuomorphic if new ornamentation references the original functionality, such as molded screw heads in molded plastic items. Another well-known skeuomorph is the plastic
Adirondack chair The Adirondack chair is an outdoor lounge chair with wide armrests, a tall slatted back, and a seat that is higher in the front than the back. Its name references the Adirondack Mountains. The chair was invented by Thomas Lee between 1900 and 190 ...
. The lever on a mechanical slot machine, or "
one-armed bandit A slot machine (American English), fruit machine (British English) or poker machine (Australian English and New Zealand English) is a gambling machine that creates a game of chance for its customers. Slot machines are also known pejoratively as ...
", is a skeuomorphic throwback feature when it appears on a modern video slot machine, since it is no longer required to set physical mechanisms and gears into motion. Articles of clothing are also given skeuomorphic treatment; for example, faux buckles on certain strap shoes, such as Mary Janes for small children, which permit the retention of the original aesthetic. Automotive design has historically been full of physical skeuomorphisms, such as thinly chrome-plated plastic components and imitation leather, gold, wood, pearl, or crystal jeweled elements. In ''
The Design of Everyday Things ''The Design of Everyday Things'' is a best-selling book by cognitive scientist and usability engineer Donald Norman about how design serves as the communication between object and user, and how to optimize that conduit of communication in order ...
'',
Don Norman Donald Arthur Norman (born December 25, 1935) is an American researcher, professor, and author. Norman is the director of The Design Lab at University of California, San Diego. He is best known for his books on design, especially ''The Design ...
notes that early automobiles were designed after horse-drawn
carriages A carriage is a private four-wheeled vehicle for people and is most commonly horse-drawn. Second-hand private carriages were common public transport, the equivalent of modern cars used as taxis. Carriage suspensions are by leather strapping an ...
. Indeed, the early automobile design
Horsey Horseless The Horsey Horseless was an early automobile created by Uriah Smith, a Seventh-day Adventist preacher, and inventor, in Battle Creek, Michigan. It contained a wooden horse head and neck attached to the front of the car, intended to make it resembl ...
even included a wooden horse head on the front. In the 1970s,
opera window An opera window is a small fixed window usually behind the rear side window of an automobile. They are typically mounted in the C-pillar of some cars. The design feature was popular during the 1970s and early 1980s and adopted by domestic U.S. m ...
s and
vinyl roof Vinyl roof refers to a vinyl covering for an automobile's top. This covering was originally designed to give the appearance of a convertible to models with a fixed roof and eventually evolved into a styling statement in its own right. Vin ...
s on many luxury sedan cars similarly imitated carriage work from the
horse and buggy ] A horse and buggy (in American English) or horse and carriage (in British English and American English) refers to a light, simple, two-person carriage of the late 18th, 19th and early 20th centuries, drawn usually by one or sometimes by two ho ...
era. , most
electric car An electric car, battery electric car, or all-electric car is an automobile that is propelled by one or more electric motors, using only energy stored in batteries. Compared to internal combustion engine (ICE) vehicles, electric cars are quie ...
s feature prominent front grilles, even though there is little need for intake of air to cool an absent internal combustion engine.


Virtual examples

Many computer programs have a skeuomorphic
graphical user interface The GUI ( "UI" by itself is still usually pronounced . or ), graphical user interface, is a form of user interface that allows users to interact with electronic devices through graphical icons and audio indicator such as primary notation, inste ...
that emulates the aesthetics of physical objects. Examples include a digital contact list resembling a
Rolodex A Rolodex is a rotating card file device used to store business contact information. Its name, a portmanteau of the words ''rolling'' and ''index'', has become somewhat genericized (usually as ''rolodex'') for any personal organizer performing thi ...
, and IBM's 1998
RealThings IBM RealThings is a software interface design methodology proposed by IBM in 1998. Instead of using traditional computer-based elements, RealThings proposes that images of physical real-life objects are used instead. This was aimed to be more "n ...
package. A more extreme example is found in some music synthesis and audio processing software packages, which closely emulate physical musical instruments and audio equipment complete with buttons and dials. On a smaller scale, the
icons An icon () is a religious work of art, most commonly a painting, in the cultures of the Eastern Orthodox, Oriental Orthodox, and Catholic churches. They are not simply artworks; "an icon is a sacred image used in religious devotion". The most ...
of GUIs may remain skeuomorphic representations of physical objects, such as an image of a physical paper folder to represent computer files. This is even the case for items that are no longer directly applicable to the task they represent (such as a drawing of a
floppy disk A floppy disk or floppy diskette (casually referred to as a floppy, or a diskette) is an obsolescent type of disk storage composed of a thin and flexible disk of a magnetic storage medium in a square or nearly square plastic enclosure lined w ...
to represent "save").
Apple Inc. Apple Inc. is an American multinational technology company headquartered in Cupertino, California, United States. Apple is the largest technology company by revenue (totaling in 2021) and, as of June 2022, is the world's biggest company b ...
, while under the direction of
Steve Jobs Steven Paul Jobs (February 24, 1955 – October 5, 2011) was an American entrepreneur, industrial designer, media proprietor, and investor. He was the co-founder, chairman, and CEO of Apple; the chairman and majority shareholder of Pixar; a ...
, was known for its wide usage of skeuomorphic designs in various applications. This changed after Jobs' death when
Scott Forstall Scott James Forstall (born 1969) is an American software engineer, known for leading the original software development team for the iPhone and iPad, and Broadway producer, known for co-producing the Tony award-winning ''Fun Home'' and ''Eclipsed ...
, described as "the most vocal and high-ranking proponent of the visual design style favored by Mr. Jobs", resigned. Apple designer
Jonathan Ive Sir Jonathan Paul Ive (born 27 February 1967) is a British industrial and product designer, as well as businessman. Ive was the chief design officer (CDO) of Apple Inc. from 1997 until 2019 (known as senior vice principal of industrial design ...
took over some of Forstall's responsibilities and had "made his distaste for the visual ornamentation in Apple's mobile software known within the company". With the announcement of
iOS 7 iOS 7 is the seventh major release of the iOS mobile operating system developed by Apple Inc., being the successor to iOS 6. It was announced at the company's Worldwide Developers Conference on June 10, 2013, and was released on September 18 o ...
at
WWDC The Worldwide Developers Conference (WWDC) is an information technology conference held annually by Apple Inc. The conference is usually held at Apple Park in California. The event is usually used to showcase new software and technologies in th ...
in 2013, Apple officially shifted from skeuomorphism to a more simplified design, thus beginning the so-called "death of skeuomorphism" at Apple. Other virtual skeuomorphs do not employ literal images of some physical object; but rather allude to ritual human heuristics or heuristic motifs, such as slider bars that emulate linear potentiometers and visual tabs that behave like physical tabbed file folders. Another example is the swiping hand gesture for turning the "pages" or screens of a tablet display. Virtual skeuomorphs can also be auditory. The shutter-click sound emitted by most
camera phone A camera phone is a mobile phone which is able to capture photographs and often record video using one or more built-in digital cameras. It can also send the resulting image wirelessly and conveniently. The first commercial phone with color cam ...
s when taking a picture is an auditory skeuomorph. Another familiar example is the paper-crumpling sound when a document is trashed. Some
videogames Video games, also known as computer games, are electronic games that involves interaction with a user interface or input device such as a joystick, controller, keyboard, or motion sensing device to generate visual feedback. This feedback ...
incorporate skeuomorphism in their
user interfaces In the industrial design field of human–computer interaction, a user interface (UI) is the space where interactions between humans and machines occur. The goal of this interaction is to allow effective operation and control of the machine fr ...
, an example being
Highfleet ''HighFleet'', styled as ''HighFleet: Deus in Nobis'' (Latin for "God within us") is an action-adventure strategy video game developed by Konstantin Koshutin and published by MicroProse. The game involves the player commanding a fleet of metal ...
. Painted lines on the road can serve as skeuomorphs of cattle grids. The light-dark pattern of lines on pavement resembles a true
cattle grid A cattle grid – also known as a stock grid in Australia; cattle guard, or cattle grate in American English; vehicle pass, or stock gap in the Southeastern United States; Texas gate in western Canada and the northwestern United States; and a ...
to animals, and by association think they will not be able to cross.


In design

Retrofuturism Retrofuturism (adjective ''retrofuturistic'' or ''retrofuture'') is a movement in the creative arts showing the influence of depictions of the future produced in an earlier era. If futurism is sometimes called a "science" bent on anticipatin ...
incorporates visual motifs from old predictions of the future, especially Skeuomorphic design is frequently incorporated in retrowave or
synthwave Synthwave (also called outrun, retrowave, or futuresynth) is an electronic music microgenre that is based predominantly on the music associated with action, science-fiction, and horror film soundtracks of the 1980s. Other influences are drawn fr ...
illustrations. Skeumorphic time is closely linked with
metamodernism Metamodernism is a term that refers to a range of developments observed in many areas of art, culture and philosophy, emerging in the aftermath of postmodernism, roughly at the turn of the 21st century. To many, it is characterized as mediations bet ...
. Skeuomorphic design seems to be preferred by older recipient groups, often referred to as "
digital immigrants The term digital native describes a person who has grown up in the information age. Often grouped into Millennials, Generation Z, and Generation Alpha, these individuals can consume digital information and stimuli quickly and comfortably through ...
", while "
digital natives The term digital native describes a person who has grown up in the information age. Often grouped into Millennials, Generation Z, and Generation Alpha, these individuals can consume digital information and stimuli quickly and comfortably throug ...
" tend to favor
flat design Flat design is a minimalist design language or design style commonly used in graphical user interfaces (GUI) (such as web applications and mobile apps), and also in graphical materials such as posters, arts, guide documents and publishing produ ...
over skeuomorphisms. However, younger people are still able to understand the signifiers that skeuomorphic design employs. A better user experience could be measured for each respective design philosophy among digital natives and immigrants.


Arguments in favor

An argument in favor of skeuomorphic design is that signifiers to affordances help those familiar with the original device learn to use the digital version. Interaction paradigms for computer devices are culturally entrenched; proposals for change often spawn debate.
Don Norman Donald Arthur Norman (born December 25, 1935) is an American researcher, professor, and author. Norman is the director of The Design Lab at University of California, San Diego. He is best known for his books on design, especially ''The Design ...
describes this process as a form of
cultural heritage Cultural heritage is the heritage of tangible and intangible heritage assets of a group or society that is inherited from past generations. Not all heritages of past generations are "heritage"; rather, heritage is a product of selection by soci ...
, and credits skeuomorphism with easing transitions to newer technology, stating that it "gives comfort and makes learning easier" until the newer devices no longer need to resemble their predecessors. Compared to flat design, skeuomorphic design seems to facilitate a fast navigation through graphic user interfaces, supposedly because icons are more easily recognized and less abstract than their minimalistic counterparts found in flat design.


Arguments against

The arguments against virtual skeuomorphic design are that skeuomorphic interface elements are harder to operate and take up more screen space than standard interface elements, that this breaks operating system interface design standards, that it causes an inconsistent
look and feel In software design, the look and feel of a graphical user interface comprises aspects of its design, including elements such as colors, shapes, layout, and typefaces (the "look"), as well as the behavior of dynamic elements such as buttons, boxes ...
between applications, that skeuomorphic interface elements rarely incorporate numeric input or feedback for accurately setting a value, that many users may have no experience with the original device being emulated, that skeuomorphic design can increase
cognitive load In cognitive psychology, cognitive load refers to the amount of working memory resources used. There are three types of cognitive load: ''intrinsic'' cognitive load is the effort associated with a specific topic; ''extraneous'' cognitive load refe ...
with visual noise that after a few uses gives little or no value to the user, that skeuomorphic design limits creativity by grounding the user experience to physical counterparts, and that skeuomorphic designs often do not accurately represent underlying system state or data types due to inappropriate
mimesis Mimesis (; grc, μίμησις, ''mīmēsis'') is a term used in literary criticism and philosophy that carries a wide range of meanings, including ''imitatio'', imitation, nonsensuous similarity, receptivity, representation, mimicry, the act ...
, such as analog gauges in a digital interface.


Gallery

File:Aeg peter-behrens03.jpg, Electric kettle in the form of a traditional stovetop kettle File:Lincoln Continental Town Coupe roof.jpg, 1970s
opera window An opera window is a small fixed window usually behind the rear side window of an automobile. They are typically mounted in the C-pillar of some cars. The design feature was popular during the 1970s and early 1980s and adopted by domestic U.S. m ...
and vinyl "landau" roof imitating horse and buggy design, in particular the
Landaulet (carriage) In coachbuilding, a landau is a four-wheeled carriage with a roof that can be let down. It was a luxury carriage. The low shell of the landau provides maximal visibility of the occupants and their clothing, a feature that makes a landau still a p ...
File:Digital safe.jpg , Digital keypad of an electronic safe, on a circular
escutcheon Escutcheon may refer to: * Escutcheon (heraldry), a shield or shield-shaped emblem, displaying a coat of arms * Escutcheon (furniture), a metal plate that surrounds a keyhole or lock cylinder on a door * (in medicine) the distribution of pubic ha ...
mimicking a mechanical combination dial File:Rainlendar Skins.jpg, Virtual skeuomorphic imitations of pieces of paper File:Off-brand Mary Jane shoes on AG doll.jpg, Velcro straps on a pair of Mary Jane shoes worn by an
American Girl American Girl is an American line of dolls released on May 5, 1986, by Pleasant Company. The dolls portray eight- to fourteen-year-old boys and girls of a variety of ethnicities, faiths, and social classes from different time periods throughou ...
doll; the buckles used on the straps are purely for aesthetic purposes.


See also

*
Anachronism An anachronism (from the Ancient Greek, Greek , 'against' and , 'time') is a chronology, chronological inconsistency in some arrangement, especially a juxtaposition of people, events, objects, language terms and customs from different time per ...
*
Trompe-l'œil ''Trompe-l'œil'' ( , ; ) is an artistic term for the highly realistic optical illusion of three-dimensional space and objects on a two-dimensional surface. ''Trompe l'oeil'', which is most often associated with painting, tricks the viewer into ...
, 2D artwork using realistic optical illusions to simulate three dimensions *
Flat design Flat design is a minimalist design language or design style commonly used in graphical user interfaces (GUI) (such as web applications and mobile apps), and also in graphical materials such as posters, arts, guide documents and publishing produ ...
* Human interface guidelines *
Intuition Intuition is the ability to acquire knowledge without recourse to conscious reasoning. Different fields use the word "intuition" in very different ways, including but not limited to: direct access to unconscious knowledge; unconscious cognition; ...


Citations


General references

* Freeth, C. M., & Taylor, T. F. (2001). ''Skeuomorphism in Scythia: Deference and Emulation'', Olbia ta antichnii svit. Kiev: British Academy; Ukrainian Academy of Sciences. p. 150.


External links

* {{cite web , last1=Moon , first1=Jessica , title=A Showcase of 50 Skeuomorphic Designs , url=https://www.dtelepathy.com/blog/inspiration/50-skeuomorphic-designs , website=Telepathy , access-date=2019-04-05
flatisbad.com
a selection of user experience studies on skeuomorphism maintained by Lomonosov Moscow State University, Laboratory of Work Psychology Architectural elements Computer accessibility Design Graphical user interfaces Industrial design Product design