Web Trends for 2014May 15th, 2014

Parallax

Agenda:

1) Parallax Scrolling2) Flat Design/UI 3) Lazy Loading

Parallax Scrolling

Parallax refers to a scrolling technique in computer graphics, where multiple layers give the user a feeling of “depth.”

● Improved User Experience● Increased Site Visit Duration● Increased User Engagement

Why Use Parallax?

Examples

www.tridentpp.comwww.madwell.comwww.puma.com/mobium/

Flat Design

Flat Design

Flat design refers to a style of interface design which removes any stylistic choices that give the illusion of three-dimensions (such as drop shadows, gradients, or textures) and is focused on a minimalist use of simple elements, typography and flat colors.

● Because it’s awesome.● Trendy● Simple = efficient

Why Use Flat Design?

Examples

Flat UI

Lazy Loading

Lazy Loading

Lazy Loading refers to transition effects on certain web elements that only take place when the element comes into user view.

Why Use Lazy Loading

● Improved Site Speed & Efficiency● Definite “Wow” factor● Also, because it’s awesome.

Examples

www.chart.jswww.sidigital.co