![Page 1: User-Interface Design Trends I Skeumorphisam. Skeumorphisam – What Is it Skeuos—vessel or tool, Morphe—shape (Greek) An element of design or structure](https://reader035.vdocuments.mx/reader035/viewer/2022070401/56649f1b5503460f94c31494/html5/thumbnails/1.jpg)
User-Interface Design Trends I
Skeumorphisam
![Page 2: User-Interface Design Trends I Skeumorphisam. Skeumorphisam – What Is it Skeuos—vessel or tool, Morphe—shape (Greek) An element of design or structure](https://reader035.vdocuments.mx/reader035/viewer/2022070401/56649f1b5503460f94c31494/html5/thumbnails/2.jpg)
![Page 3: User-Interface Design Trends I Skeumorphisam. Skeumorphisam – What Is it Skeuos—vessel or tool, Morphe—shape (Greek) An element of design or structure](https://reader035.vdocuments.mx/reader035/viewer/2022070401/56649f1b5503460f94c31494/html5/thumbnails/3.jpg)
Skeumorphisam – What Is itSkeuos—vessel or tool, Morphe—shape (Greek)
An element of design or structure that serves little or no purpose in the artifact fashioned from the new material, but was essential to the object made from the original material – Wikipedia
A design approach (or style) that relies on imitating the look and functionality of traditional and familiar objects to make the interface more intuitive
Popular in apps and websites due to the influence of such Apple applications as Calendar, iBooks and Find My Friends
![Page 4: User-Interface Design Trends I Skeumorphisam. Skeumorphisam – What Is it Skeuos—vessel or tool, Morphe—shape (Greek) An element of design or structure](https://reader035.vdocuments.mx/reader035/viewer/2022070401/56649f1b5503460f94c31494/html5/thumbnails/4.jpg)
Example - Calendar
![Page 5: User-Interface Design Trends I Skeumorphisam. Skeumorphisam – What Is it Skeuos—vessel or tool, Morphe—shape (Greek) An element of design or structure](https://reader035.vdocuments.mx/reader035/viewer/2022070401/56649f1b5503460f94c31494/html5/thumbnails/5.jpg)
Example - iBook
Book Case
![Page 6: User-Interface Design Trends I Skeumorphisam. Skeumorphisam – What Is it Skeuos—vessel or tool, Morphe—shape (Greek) An element of design or structure](https://reader035.vdocuments.mx/reader035/viewer/2022070401/56649f1b5503460f94c31494/html5/thumbnails/6.jpg)
Example - Nightstand HD 2
Digital clock
![Page 7: User-Interface Design Trends I Skeumorphisam. Skeumorphisam – What Is it Skeuos—vessel or tool, Morphe—shape (Greek) An element of design or structure](https://reader035.vdocuments.mx/reader035/viewer/2022070401/56649f1b5503460f94c31494/html5/thumbnails/7.jpg)
Example – Broun UI components
Button Dials and Switches
![Page 8: User-Interface Design Trends I Skeumorphisam. Skeumorphisam – What Is it Skeuos—vessel or tool, Morphe—shape (Greek) An element of design or structure](https://reader035.vdocuments.mx/reader035/viewer/2022070401/56649f1b5503460f94c31494/html5/thumbnails/8.jpg)
Example – Image Rotation Control
Zipper, Stitching, Texture
![Page 9: User-Interface Design Trends I Skeumorphisam. Skeumorphisam – What Is it Skeuos—vessel or tool, Morphe—shape (Greek) An element of design or structure](https://reader035.vdocuments.mx/reader035/viewer/2022070401/56649f1b5503460f94c31494/html5/thumbnails/9.jpg)
Skeumorphisam – Pros
Puts the user at ease – non threatening to users because they are familiar with the object from the real world
Easy to lean – Knowledge of how to interact with the object in the real world can be used in the digital world
Ability to convey a specific atmosphere
Good at creating an informal and playful atmosphere
![Page 10: User-Interface Design Trends I Skeumorphisam. Skeumorphisam – What Is it Skeuos—vessel or tool, Morphe—shape (Greek) An element of design or structure](https://reader035.vdocuments.mx/reader035/viewer/2022070401/56649f1b5503460f94c31494/html5/thumbnails/10.jpg)
Skeumorphisam – Coms
It imitate the limitation that comes with an object – both in terms of design and functionality
It places heavy emphasis on aesthetic possibly at the cost of functionality
Easy for things to visually go wrong – deviation of the design from what is “natural” can result in an odd sensation
Can stifle innovation and creativity
![Page 11: User-Interface Design Trends I Skeumorphisam. Skeumorphisam – What Is it Skeuos—vessel or tool, Morphe—shape (Greek) An element of design or structure](https://reader035.vdocuments.mx/reader035/viewer/2022070401/56649f1b5503460f94c31494/html5/thumbnails/11.jpg)
Skeumorphisam - Use
For mobile application - are highly popular and well accepted
Applications targeted at users that are not comfortable with using modern technology – e.g., older user group
![Page 12: User-Interface Design Trends I Skeumorphisam. Skeumorphisam – What Is it Skeuos—vessel or tool, Morphe—shape (Greek) An element of design or structure](https://reader035.vdocuments.mx/reader035/viewer/2022070401/56649f1b5503460f94c31494/html5/thumbnails/12.jpg)
Referenceshttp://medialoot.com/blog/skeuomorphic-design
http://www.dtelepathy.com/blog/inspiration/50-skeuomorphic-designs
http://webdesign.tutsplus.com/articles/design-theory/skeuomorphism-in-interface-design