The Tendency of Web Design in 2013
•Download as PPTX, PDF•
7 likes•5,271 views
Web Design trend is constantly changing day by day. It is quite obvious that there are 2 things that concerns dynamic entrepreneurs the most at this moment: The “Simple is Better” concept; and the rapid increase for portable devices. Let's see what's new on the recent trend of Web Design in 2013. Savvycom is an international software development company specializing in mobile and web solutions. Our team is the combination of experienced IT consultants and software engineers from Germany and Vietnam. Specialties: Internet and Online Solution, Web/ Mobile Design, Web App Development, Mobile App Development, iPhone, iPad, Android, Windows Phone and Blackberry Development Check out our SERVICES for more details on the networks below : W: http://www.savvycomsoftware.com L : http://linkedin.com/company/savvycom F : http://www.facebook.com/savvycom T : https://twitter.com/savvycom
Recommended
More Related Content
More from Savvycom - Software Product Development
More from Savvycom - Software Product Development (11)
Recently uploaded
Recently uploaded (20)
The Tendency of Web Design in 2013
- 1. Web Design
- 2. 2013 Trendy Designs Focus Mobile friendly Better UX Simpli- city Conten t first Cool image s Great effects
- 3. Responsive Design (1) 1 design – any sizes Contents distribute differently based on the device size
- 4. 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?
- 5. Performance issues No compatibility for old browser Complexity in design Responsive Design (2) Shortcoming ….
- 6. Flat Design • Focus on color scheme, typography • Less gradient, box shadow • Easy backward compability
- 7. Minimal Design ބ Minimal contents ބ Keep things simple; focus on the core ބ Good typography + cool illustrations
- 9. Fixed Header Better UX – easy navigation Work with any layouts (mostly)
- 10. Infinite Scrolling Pros Faster browsing Touch-friendly Greater content exposure Cons More Javascript Navigation issue
- 11. Sliding Panels Dynamic page contents Multiple static pages merged into once Sliding effect triggered via navigation items
- 12. 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
- 13. 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
Editor's Notes
- The road ahead…
- 4 key points that trendy designs this year focus on: Mobile friendly: more accessibility & better experience for mobile users. E.g. inf. scrolling, responsive design Simplicity: contents = most important stuffs. E.g. flat design, no skeuomorphism, minimalism Cool visual effects: more visual effects to capture user’s interest. E.g. parallax, large bg, sliding panel Better UX: better & smoother experience for users – less waiting time, less interactions required for 1 task. E.g. fixed navigation elements, inf. scrolling, sliding panel
- 1 design for any kind of devices – phones, tablets, desktop, even anything released in the future Contents show up differently depending on the current device size. Resize the browser windows on desktop, or change the orientation on mobile devices to see the differences.
- Major advantages: Site with only 1 version but can satisfies all kinds of users: from mobile users, tablet users, to desktop users No extra mobile version, so basically, it’ll cost less time to develop How to make it: - Use css3 @media query to target different size ranges, specifying how an element should display, behave for each range
- Slower: redundant scripts, stylesheets, images are also loaded on mobile devices. Mobile-optimized sites are always faster. Compatibility: ie8– doesn’t support @media query – either (1) drop older browser user-base or (2) use javascript as a workaround http://html.adobe.com http://spektrummedia.com
- Keep things simple, clean, minimalistic Easy backward compatibility. Plain color blocks, no drop shadow = work perfectly on ancient browsers, no need for css2 Harder to design: it takes time to figure out good color schemes & typography http://www.microsoft.com/en-us/default.aspx
- Another content-focusing style: A simple page with very little contents, but all focus on the message that the page owner wants to deliver Usually a combination of good, clean, easy to read typography with nice images for illustrative purposes No wall of text + good illustrations = less time consumption better UX http://pictopro.com/
- Capture user’s attention Unique feeling, custom branding https://squareup.com/
- Use css position: fixed to keep the header/navigation elements stationary User could navigate easily no matter which part they are viewing: just look to the top or sometimes the left side of the page Look pretty good and can pair with most layouts https://www.facebook.com twitter.github.io/bootstrap/javascript.html
- Contents are continually fetched as you scroll down the page. Pagination is no longer necessary. Pros: Faster browsing: clicking from page-to-page and waiting for the results to be loaded is time consuming. Infinite scrolling provides smoother UX Touch-friendly: increasing popularity of mobile devices Greater content exposure: with large volumes of contents, people hardly goes beyond the 3rd page. Seamless experience from scrolling encourages users to see more contents Cons: More javascript could be a pain for performance Navigating back is irritating. Bookmarking & anchors might be necessary. http://pinterest.com/search/pins/?q=web+design http://www.tumblr.com/tagged/pokemon
- - www.numidia.it