Upload
tobias-gebauer
View
4.233
Download
2
Embed Size (px)
DESCRIPTION
My presentation at http://www.informslovakia.sk/en/konferencia/daily-web-2013 about the web design trends in 2014. Find out more here: http://designolymp.com The major topic are: - Responsive web design - Content-Centered design - Storytelling - Bold typography and decent colors - Videos
Citation preview
Web Design Trends 20145 major trends and how you should use them for your business.
Web Design Trends 2014 - www.tobiasgebauer.com
Today
- About me- Responsive web design- 5 major trends- Final thoughts
Web Design Trends 2014 - www.tobiasgebauer.com
About me
-Web Developer for 15 years- Online Marketing - I love Web Design
Web Design Trends 2014 - www.tobiasgebauer.com
About meWorking at 4c media www.cccc.de in Germany
Web Design Trends 2014 - www.tobiasgebauer.com
Mobile Website
- Parallel website besides the main website- Different content- Optimized for a few devices- m.yourwebite.com- 2007 to 2009
Web Design Trends 2014 - www.tobiasgebauer.com
Technology
- Tablets & Smartphones- New devices monthly- Desktop 22” or more- No one screen size has
more than 20% of the market share
Web Design Trends 2014 - www.tobiasgebauer.com
(Source: Mobify Research & Development)
Responsive Web Design
- First mentioned 2010 by Ethan Marcotte- Proportion-Based Grid- CSS3 media queries- Became the standard
Web Design Trends 2014 - www.tobiasgebauer.com
Responsive vs. mobile website
- No duplicate content issues- Completely device independent- Full functionality and content- Better long-term solution- Recommended by Google
Web Design Trends 2014 - www.tobiasgebauer.com
http://hogash-demo.com/kallyas_wp/
Standard 2010-2012
-Website optimized for the desktop- Too many content elements on the website- Too long pages on smartphones and tablets- Lost control over the sequence of content (i.e.
sidebar below main content)
Web Design Trends 2014 - www.tobiasgebauer.com
Graceful Degradation
- Bad performance- “Weak” systems
are not considered- Difficult to
upgrade
Web Design Trends 2014 - www.tobiasgebauer.com
Mobile first in 2013
- Mobile first and content first approach with progressive enhancement became popular
Web Design Trends 2014 - www.tobiasgebauer.com
Content First
- Concise content- Optimal
presentation on all devices- Best performance- Easy extendable
Web Design Trends 2014 - www.tobiasgebauer.com
Content -> Design Behavior->
http://myrainbownursery.co.uk/programmes
http://myrainbownursery.co.uk/programmes
Trends 2013
- Sticky header- Flat design and bold colors- CSS3 Animations and
parallax effects- One-Page website- Grid websites like Pinterest
Web Design Trends 2014 - www.tobiasgebauer.com
Content-Centered“Design should never say ‘Look at me.’ It should always say, ‘Look at this.’”
- David Craib
Web Design Trends 2014 - www.tobiasgebauer.com
5 major trends 2014
- Storytelling- Big content blocks- Bold typography and decent colors- High-Quality pictures and videos- One-Page websites
Web Design Trends 2014 - www.tobiasgebauer.com
http://www.michieldegraaf.com/tone
http://www.michieldegraaf.com/tone
Big Content Blocks
- Great for responsive web design- Good for storytelling- Focus the readers attention on ONE statement- Use bold web fonts and a lot of whitespace- Separation with color- Combine with pictures
Web Design Trends 2014 - www.tobiasgebauer.com
http://getgoingtoday.org/
http://whiteboard.is/
https://www.numbrs.com/ukhttp://www.squarespace.com/stories/http://getgoingtoday.org/http://getgoingtoday.org/
http://www.internet.org/
Videos
- Perfect for storytelling- Create emotions and a closer connection- Users stay much longer on your website- Visitors perceive a higher quality of your
company, product or service
Web Design Trends 2014 - www.tobiasgebauer.com
Good Design“Design must reflect the practical and aesthetic in business but above all... good design must primarily serve people.”
- Thomas J. Watson
Web Design Trends 2014 - www.tobiasgebauer.com
For your business
- Responsive web design is a MUST HAVE!- Invest in high quality pictures and videos
and avoid stock images at all- Tell a story and concentrate on the benefits
for your customers- Expect a new web design every 2-3 years
Web Design Trends 2014 - www.tobiasgebauer.com
Thank you!
- See the presentation here www.slideshare.net/tobiasgebauer47/webdesign-trends2014
Web Design Trends 2014 - www.tobiasgebauer.com