User-Interface Design Trends I Skeumorphisam. Skeumorphisam – What Is it Skeuos—vessel or tool,...

12
User-Interface Design Trends I Skeumorphisam

Transcript of User-Interface Design Trends I Skeumorphisam. Skeumorphisam – What Is it Skeuos—vessel or tool,...

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.

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

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.

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.

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.

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.

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.

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.

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.

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.

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