Movatterモバイル変換


[0]ホーム

URL:


Jump to content
WikipediaThe Free Encyclopedia
Search

Skeuomorph

From Wikipedia, the free encyclopedia
Design element borrowed from another medium

Electric light bulbs in the shape of candle flames

Askeuomorph (also spelledskiamorph,/ˈskjuːəˌmɔːrf,ˈskjuː-/)[1][2] is a derivative object that retains ornamentaldesign cues (attributes) from structures that were necessary in the original.[3] Skeuomorphs are typically used to make something new feel familiar and thus easier to understand and use. They employ elements that, while essential to the original object, serve no pragmatic purpose in the new system, except for identification. Examples includepottery embellished with imitationrivets reminiscent of similar pots made of metal[4] and a software calendar that imitates theappearance of binding on a paper desk calendar.[5]

Definition and purpose

[edit]

The termskeuomorph is compounded from theGreekskeuos (σκεῦος), meaning "container or tool", andmorphḗ (μορφή), meaning "shape". It has been applied to material objects since 1890.[6] In graphical computer interfaces starting in the 1980s, skeuomorphs are a design convention for graphic elements.[7]

Skeuomorphs may be deliberately employed to make a new design 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.[7] The usability researcher and academicDon Norman describes skeuomorphism in terms of cultural constraints: interactions with a system that are learned only through culture. Norman also popularized perceivedaffordances, where the user can tell what an object provides or does based on its appearance, which skeuomorphism can enable.[8]

The concept of skeuomorphism overlaps with other design concepts.Mimesis is an imitation, coming directly from the Greek word.[9]Archetype is the original idea or model that is emulated, where the emulations can be skeuomorphic.[10] Skeuomorphism is parallel to, but different from,path dependence in technology, where an element's functional behavior is maintained even when the original reasons for its design no longer exist.

Physical examples

[edit]
Triglyph andguttae in theDoric order; traditionally seen as recreating in stone functional features of the woodenGreek temples that preceded them.

Many features of wooden buildings were repeated in stone by theAncient Greeks when they transitioned from wood tomasonry construction. Decorative stone features in theDoric order ofclassical architecture inGreek temples such astriglyphs,mutules,guttae, andmodillions are supposed to be derived from true structural and functional features of the early wooden temples. The triglyph and guttae are seen as recreating, respectively, the carved beam-ends and six wooden pegs driven in to secure the beam in place.[11][12][13]

Historically, high-status items such as theMinoans' elaborate and expensive silver cups were recreated for a wider market usingpottery, 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 thedecorative arts. Sometimes pellets of clay are used to evoke therivets of the metal originals.[14]

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.[12] Another example is the small non-functional handles on glass maple syrup bottles, which evoke stoneware jug handles.[15] In this context, skeuomorphs exist as traits sought in other objects, either for their social desirability or psychological comforts.[7]

In the modern era, cheaper plastic items often mimic more expensive wooden and metal products,[16] though they are only skeuomorphic if new ornamentation references the original functionality,[17] such as molded screw heads in molded plastic items.[18] The lever on a mechanical slot machine, or "one-armed bandit", is skeuomorphic on a modern video slot machine, since mechanical force is no longer necessary. Articles of clothing are also given skeuomorphic treatment; for example, faux buckles on certain strap shoes such asMary Janes for small children, which retain the aesthetic but usevelcro fastening to make them easier to use.

Chrysler LeBaronTown & Country (1986)

Automotive design has historically been full of physical skeuomorphisms, such as the transformation from wooden framed and bodied early vehicles produced bycoachworks to those which incorporated both functional wood and steel (referred to as "woodies") to, ultimately, simulated vinyl woodgrain cladding entirely for style by the 1960s. Other examples include thinly faux chrome-plated plastic components and imitation leather, gold, interior wood, pearl, or crystal jeweled elements. InThe Design of Everyday Things,Don Norman notes that early automobiles were designed after horse-drawncarriages.[16] Indeed, the early automobile designHorsey Horseless even included a wooden horse head on the front to try to minimize scaring the real animals.[19] In the 1970s,opera windows andvinyl roofs on many luxury sedan cars similarly imitated carriage work from thehorse and buggy era. As of 2019[update], mostelectric cars feature prominent front grilles, even though there is little need for intake of air tocool an absentinternal combustion engine.[20]

Virtual examples

[edit]
Skeuomorph in user interface (hardware-like user interface) with emulatingcontrol knobs for manipulating digital audio in the Redstair GEARcompressorAudio Unit-Plugin

Due to the relatively abstract nature of computing, manyoperating systems have a skeuomorphicgraphical user interface that emulates the aesthetics of physical objects to aid familiarity. A prominent example is thedesktop metaphor, which represents programs and filesystem objects as if they were objects on the user's desk. At the extreme, interfaces such asMicrosoft Bob extend the metaphor to the user's entire computing experience, representing different programs as objects in a home.[21]

Skeuomorphs are also used by individual computer programs, often representing the program's inferface as a physical object with a similar function. Examples include a digital contact list resembling aRolodex[22] and IBM's 1998RealThings package.[23] A more extreme example is found in some musicsynthesis andaudio processing software packages, which closely emulate physical musical instruments and audio equipment complete with buttons and dials.[24]Icons of GUIs may also depict skeuomorphic representations of physical objects, such as an image of a physical paper folder to represent computer files[16] in thedesktop metaphor or an image of abell for representingnotifications.

Virtual skeuomorphs can also be auditory. The shutter-click sound emitted by mostcamera phones when taking a picture is an auditory skeuomorph.[25] Other familiar examples are the paper-crumpling sound when a document is trashed[26] and sound engines in an electric car mimicking the sound of an internal combustion engine.[27]

Other virtual skeuomorphs do not employ literal images of some physical object; but rather allude toritual human heuristics or heuristic motifs, such as slider bars that emulatelinear potentiometers[24] andvisual 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.[28][29] In some cases, skeuomorphs start out as direct representations of physical objects, but later become indirectly symbolic of the task they represent (such as a drawing of afloppy disk to represent "save", which persisted even after floppy disks were no longer widely used for data storage).

Some virtual skeuomorphs have become emblematic of certain companies or time periods.Apple Inc., while under the direction ofSteve Jobs, was known for its wide usage of skeuomorphic designs inMac OS X and various applications. This changed after Jobs's death whenScott Forstall, described as "the most vocal and high-ranking proponent of the visual design style favored by Mr. Jobs", resigned. Apple designerJonathan Ive 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".[30] With the announcement ofiOS 7 atWWDC in 2013, Apple officially shifted from skeuomorphism to amore simplified design, thus beginning the so-called "death of skeuomorphism" at Apple.[31] Skeuomorphism is also a key component ofFrutiger Aero, an Internet aesthetic derived from mid-2000s user interface designs, includingMicrosoft's skeuomorph design fromWindows XP toWindows 7.[32]

In design

[edit]
Pushbutton telephone with imitation rotary dial

Retrofuturism incorporates visual motifs from old predictions of the future, especiallyvisions of electro-industrialism.[clarification needed][33][failed verification] Skeuomorphic design is frequently incorporated in retrowave orsynthwave illustrations. Skeuomorphic design is closely linked withmetamodernism.

Skeuomorphic design seems to be preferred by older recipient groups, often referred to as "digital immigrants", while "digital natives" tend to favorflat design 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.[34]

Arguments in favor

[edit]

An argument in favor of skeuomorphic design in digital devices is that signifiers to affordances help those familiar with the original item learn to use the digital version. Interaction paradigms for computer devices are culturally entrenched; proposals for change often spawn debate.Don Norman describes this process as a form ofcultural heritage,[8] 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.[16]

Compared to flat design, skeuomorphic design seems to facilitate a fast navigation through graphic user interfaces, because icons are more easily recognized and less abstract than their minimalistic counterparts found in flat design.[34]

Arguments against

[edit]

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 breaksoperating system interface design standards, that it causes an inconsistentlook and feel between applications,[35] 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 increasecognitive load 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,[36] and that skeuomorphic designs often do not accurately represent underlying system state or data types due to inappropriatemimesis. For example, an analog gauge interface may be read less precisely than a digital one.

See also

[edit]

Footnotes

[edit]
  1. ^"Skeuomorph".Lexico UK English Dictionary.Oxford University Press. Archived fromthe original on 27 December 2019.
  2. ^"Skeuomorph".Dictionary.com Unabridged (Online). n.d. Retrieved22 January 2016.
  3. ^Basalla, George (1988).The Evolution of Technology. Cambridge, UK: Cambridge University Press. p. 107.ISBN 0-521-29681-1.
  4. ^"Skeuomorph".dictionary.com.Archived from the original on 15 October 2013. Retrieved7 December 2012.
  5. ^Thompson, Clive (31 January 2012)."Clive Thompson on Analog Designs in the Digital Age".Wired. Vol. 20, no. 2. Wired Magazine.Archived from the original on 22 December 2012. Retrieved7 December 2012.
  6. ^March, H. Colley (1889)."The Meaning of Ornament; or its archaeology and its psychology". In Charles W. Sutton (ed.).Transactions of the Lancashire and Cheshire Antiquarian Society. Vol. VII (published 1890). pp. 172, 187.Archived from the original on 2 February 2018.
  7. ^abcGessler, Nicholas."Skeuomorphs and Cultural Algorithms".Archived from the original on 24 June 2012. Retrieved7 December 2012.
  8. ^abNorman, Donald."Affordances and Design".Archived from the original on 20 November 2012. Retrieved3 December 2012.
  9. ^Janusheske, Jeffrey."Thesis: Mimesis to Skeuomorph?". Archived fromthe original on 15 February 2013. Retrieved3 December 2012.
  10. ^Sen, Rahul (5 May 2010)."Archetypes and Their Use in Mobile UX".Archived from the original on 26 December 2012. Retrieved3 December 2012.
  11. ^Vickers, Michael; Gill, David (1996).Artful Crafts: Ancient Greek Silverware and Pottery. Oxford:Oxford University Press.ISBN 0-198-15070-9.
  12. ^abManby, T.G. (1995).Unbaked Urns of Rudely Shape: essays on British and Irish pottery for Ian Longworth. Oxford: Oxbow Books and others. pp. 81–84.ISBN 0946897948.
  13. ^Summerson, John (1980).The Classical Language of Architecture. World of Art.Thames and Hudson. pp. 128, 133.ISBN 0500201773.
  14. ^Knappet, Carl."Photographs, Skeuomorphs and Marionettes". Archived fromthe original on 1 February 2013.
  15. ^Messier, Jen (21 June 2012)."Why Do Maple Syrup Containers Have Tiny Handles?".Brooklyn Brainery. Retrieved25 February 2023.
  16. ^abcdNorman, Don (2013).The Design of Everyday Things: Revised & Expanded Edition. Basic Books. p. 159.ISBN 978-0-465-05065-9.
  17. ^Bullock, Alan (1999).The Norton Dictionary of Modern Thought. W. W. Norton & Company. pp. 795–796.ISBN 978-0-393-04696-0.
  18. ^Winchester, Simon; Lederer, Richard (2006)."Foreword". In McKean, Erin (ed.).Totally weird and wonderful words. Oxford: Oxford University Press.ISBN 0195312120.OCLC 70060979.
  19. ^Davies, Alex (10 February 2015)."Well That Didn't Work: The 1899 Car With a Full-Size Wooden Horse Head Stuck to the Front".WIRED. Retrieved6 November 2019.
  20. ^Torchinsky, Jason (29 November 2012)."Why Do All These Electric Cars Have Grilles?".Jalopnik. Vox Media. Retrieved5 April 2019.
  21. ^Manes, Stephen (17 January 1995)."Facing the Future".The New York Times.Archived from the original on 11 November 2014. Retrieved13 September 2021.
  22. ^Worstall, Tim."The Real Problem With Apple: Skeuomorphism In iOS".Forbes.Archived from the original on 4 December 2012. Retrieved8 December 2012.
  23. ^Mullaly, John (April 1998). "IBM RealThings".CHI 98 conference summary on Human factors in computing systems.ACM Press. pp. 13–14.doi:10.1145/286498.286505.ISBN 1-58113-028-7.
  24. ^abG.F. (8 November 2012)."User interfaces: Skeu you".The Economist.Archived from the original on 8 March 2016. Retrieved3 March 2016.
  25. ^McNeil, Joanne (14 July 2011)."Skeuomorphic Sounds: Digital Camera Shutter Clicks and Car Door Clunks".Rhizome.Archived from the original on 7 March 2016. Retrieved3 March 2016.
  26. ^Seabrook, John (August 2022)."What Should a Nine-Thousand-Pound Electric Vehicle Sound Like?".The New Yorker.
  27. ^"Electric Car Sound Design".Pentagram. 17 May 2021.
  28. ^Pavlus, John (31 May 2012)."An E-Book UI That Lets You Flip Digital Pages, Just Like A Real Book". Co.Design. Archived fromthe original on 22 March 2016. Retrieved3 March 2016.
  29. ^Baker, Justin (20 November 2017)."Skeuomorphic Design — A controversial UX approach that is making a comeback".Muzli – Design Inspiration. Medium. Retrieved5 April 2019.
  30. ^Wingfield, Nick; Bilton, Nick (31 October 2012)."Apple Shake-Up Could Lead to Design Shift".The New York Times. Vol. CLXII, no. 55, 941.Archived from the original on 4 November 2012. Retrieved5 November 2012.
  31. ^Evans, Claire (11 June 2013)."A Eulogy for Skeuomorphism". Motherboard.Archived from the original on 13 June 2013. Retrieved11 June 2013.
  32. ^Bramley, Ellie Violet (14 December 2023)."Frutiger Aero: the Windows screen saver design trend taking TikTok by storm".The Guardian.ISSN 0261-3077. Retrieved19 July 2024.
  33. ^Popicon."21 examples of skeuomorphism".Popicon. Retrieved5 April 2019.
  34. ^abSpiliotopoulos, Konstantinos; Rigou, Maria; Sirmakessis, Spiros (4 June 2018)."A Comparative Study of Skeuomorphic and Flat Design from a UX Perspective".Multimodal Technologies and Interaction.2 (2): 31.doi:10.3390/mti2020031.ISSN 2414-4088.
  35. ^Carr, Austin."Will Apple's Tacky Software-Design Philosophy Cause A Revolt?".Fast Company.Archived from the original on 15 December 2012. Retrieved11 December 2012.The issue is two-fold: first, that traditional visual metaphors no longer translate to modern users; and second, that excessive digital imitation of real-world objects creates confusion among users.
  36. ^Sharp, Helen; Rogers, Yvonne; Preece, Jenny (2007).Interaction Design: Beyond Human–Computer Interaction (2nd ed.).John Wiley & Sons. p. 62.

General references

[edit]
  • Flecker, Manuel (2021). "An Age of Intermateriality: Skeuomorphism and Intermateriality between the Late Republic and Early Empire". In Haug, Annette; Hielscher, Adrian; Lauritsen, Michael T. (eds.).Materiality in Roman Art and Architecture: Aesthetics, Semantics and Function. Berlin: De Gruyter. pp. 265–283.doi:10.1515/9783110764734-015.
  • 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

[edit]
Wikimedia Commons has media related toSkeuomorphism.
Look upskeuomorph in Wiktionary, the free dictionary.
Retrieved from "https://en.wikipedia.org/w/index.php?title=Skeuomorph&oldid=1324411356"
Categories:
Hidden categories:

[8]ページ先頭

©2009-2025 Movatter.jp