Exercise A: An unconventional UI design pattern.

Increasingly UI design is settling on well-established design patterns and conventions. Such patterns are reusable solutions to commonly occurring problems, and they are often considered best practice for a given problem. While many of these patterns are based on creative and well-tested solutions, by relying on these norms we miss out on the unknown potential of unconventional User Interfaces. In this exercise, each student will investigate an existing pattern, and come up with a provocative alternative in a functional prototype.

Part I

Investigate an existing design pattern: Collect at least one image of implementation of this pattern and write a short description:

Problem: What problem does the pattern attempt to solve? (for example, uploading a particular file)
Context: What are the situations where the problem arises? (for example, on a desktop browser for a particular web service)
Principle: How does the pattern work. What actions does the user have to make?
Examples: A link or screenshot to the pattern in use
Implementation: How can the pattern be implemented? Is it a standard HTML input? Are their libraries or tools available to include it in a website?

Resources:

http://www.welie.com/patterns/

https://threesixtyreality.co.uk/interaction-design-patterns-library/

https://www.smashingmagazine.com/2009/06/40-helpful-resources-on-user-interface-design-patterns/