web design trends in 2013 - a year of responsive design

Web Design

2013 Trendy Designs Focus

Mobile friendl

y

Better UX

Simpli-city

Content

first

Cool imag

es

Great effect

s

Responsive Design (1)

1 design – any sizes Contents distribute differently based on the device size

Responsive Design (2)

No need for mobile-specific version = less developing time

Nice experience for users with any kinds of devices

Why?

Css3 @media query

Twitter Bootstrap is a good start

How?

Performance issues

No compatibility

for old browser

Complexity in design

Responsive Design (2)

Shortcoming….

Flat Design

• Focus on color scheme, typography

• Less gradient, box shadow

• Easy backward compability

Minimal Design

ބ Minimal contents

ބ Keep things simple; focus on the core

ބ Good typography + cool illustrations

Large Photo Backgrounds

Fixed Header

Better UX – easy navigation

Work with any layouts (mostly)

Infinite Scrolling

Pros

Faster browsing

Touch-friendly

Greater content exposure

ConsMore Javascript

Navigation issue

Sliding Panels

Dynamic page contentsMultiple static pages

merged into onceSliding effect triggered

via navigation items

To sum up

Trends are temporal & vary, but: Be user-centered!

• Less is more• Don’t make ‘em think (or wait)• Entertain ‘em• Go mobile

Savvycom JSC.A: No. 309, N09-B1 Building

Dich Vong new urban area

Hanoi, Vietnam

P/F: +84 4 2221 4039

W: www.savvycomsoftware.com

E: contact@savvycom.vn

F: www.facebook.com/savvycom

L: http://www.linkedin.com/company/savvycom