1. User-Interface Design Trends I Skeumorphisam

3. Skeumorphisam – What Is it Skeuos—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 – WikipediaWikipedia 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

4. Example - Calendar

5. Example - iBook Book Case

6. Example - Nightstand HD 2 Digital clock

7. Example – Broun UI components Button Dials and Switches

8. Example – Image Rotation Control Zipper, Stitching, Texture

9. 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

10. 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

11. 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

12. References http://medialoot.com/blog/skeuomorphic-design http://www.dtelepathy.com/blog/inspiration/50- skeuomorphic-designs http://www.dtelepathy.com/blog/inspiration/50- skeuomorphic-designs http://webdesign.tutsplus.com/articles/design- theory/skeuomorphism-in-interface-design http://webdesign.tutsplus.com/articles/design- theory/skeuomorphism-in-interface-design