Web Design Trends in 2013 - a Year of Responsive design
-
Upload
ohny-schneider -
Category
Design
-
view
371 -
download
0
description
Transcript of 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
F: www.facebook.com/savvycom
L: http://www.linkedin.com/company/savvycom