DESIGN PATTERNSHumayun RashidMay 20, 2014

"The pattern discipline has become one of the most widely applied and important ideas of the past decade in software architecture and design." -James Coplien

Writer, Lecturer, and Researcher in the field of Computer Science

Design Patterns

User Interface Design Patterns• User interface design patterns are well-thought out and

reusable solutions to the layout and interface problems we encounter every day.

• User interface design patterns are more like blueprints or wireframes than finished designs.

Why are we doing it?• To have a consistent, continuous and complementary user

experience.• UI design patterns accelerate the design process, especially amongst

a team. • Helps software org scale, while minimizing UX debt.• Leads to rapid development.• More confidence and less guesswork.

Existing experience – Sign in

Existing experience - Emails

Existing experience – error messages

Existing experience - Hyperlinks

Ecosystem of few devices

Ecosystem with many devices

People are already interacting with many of these devices.

3Cs Framework of Design• Consistent• Continuous• Complementary

People want to see the products on as many screens as possible.

At least we need to get our product up and running across basic,core set of screens.

Competitive Experience - Google

Competitive Experience – Hulu Plus

Competitive Experience - Apple

Competitive Experience - Mashable

Proposed Design Patterns• Confluence

What’s the expectation?• http://patternry.com/patterns/ • http://patterntap.com/code