With 2013 behind us it is time to take a moment and look into the magic eight ball to see what the future in web has in store for us.
Personally, I believe that 2014 is going to be a great year for the web as more and more sites will embrace support for a wide variety of mobile devices as well as all kinds of tablets. Over the past years the amount of users who browse the web using the smartphone or tablet has risen seemingly exponentially and 2014 won’t be any different. In fact I am to the point where I curse the sites that I come across on my phone that are not optimized for my viewing pleasure when surfing the web at night on my smartphone and I’m sure I am not the only one. 2014 more than ever will be the year in which users will simply expect and demand sites to be view-able on their mobile device no matter how esoteric it may be.
Without further ado let’s take a look at things that we should be seeing more of in 2014 as well as things I think we will likely see way less of:
Response, Responsive, Responsive
Responsive designs have had a really big and successful year and that trend will continue in 2014. If you have not heard of responsive design you may be living behind the moon, but just in case here’s your trusty Wikipedia definition:
Responsive web design is a web design approach aimed at crafting sites to provide an optimal viewing experience—easy reading and navigation with a minimum of resizing, panning, and scrolling—across a wide range of devices.
We live in a mobile world and rather than creating entirely separate mobile sites we will see more sites adopting a responsive design so that information is optimized for different devices and no user is left out in the cold when viewing a given website.
Fancy Animations & Effects (CSS3, JQuery)
Does the term “Parallax Scrolling” ring a bell? For the average user it should not, however, it is likely you have come across a site that uses this technique lately as it’s the hottest thing in effects you will find around. Here’s a quick definition pulled straight from Wikipedia:
Parallax scrolling is a special scrolling technique in computer graphics, wherein background images move by the camera slower than foreground images, creating an illusion of depth in a 2D video game and adding to the immersion.
Still doesn’t ring a bell, does it? Well check out this really cool implementation that was done for the “Life of Pi” movie last year. See it now? Well all the ‘kool kids’ are doing it so you will see more of it in 2014.
Of course other fancy animations have been popping up here and there and we will see more animations using CSS3 and JQuery to replace the old Flash animations, banners, etc.
Single Page Websites
Single page websites will be popping up more and more as HTML5 and JQuery/AJAX will dominate and drive development techniques especially on content lite sites. On a single page website all resources required are loaded at once and are then served in chunks to the user based on what they click on. AJAX is then sprinkled in to dynamically retrieve only information relevant to what the user interacted with from a data store. Take a look at this christmas special from Jack Daniels to see an example.
Last year really saw a boom in sites that used long scrolling pages and this year we will only see more of that as users are not afraid of scrolling anymore and usually would rather scroll than navigate around separate pages. Take a look one of our latest portfolio pieces in which we used long scrolling pages.
Steve Jobs’ influence did not end with his untimely death. Adobe has announced they are abandoning further development of the Flash platform on mobile devices about 2 years ago, here’s an excerpt from the original announcement:
Our future work with Flash on mobile devices will be focused on enabling Flash developers to package native apps with Adobe AIR for all the major app stores. We will no longer adapt Flash Player for mobile devices to new browser, OS version or device configurations. Some of our source code licensees may opt to continue working on and releasing their own implementations. We will continue to support the current Android and PlayBook configurations with critical bug fixes and security updates.
That marked the beginning of the end. Do you remember that time when I mentioned things were going to be going more mobile and responsive? Need I say more?
Large Sign-up forms
Have you ever gone to a site and were ready to sign up when you are presented with a form that holds about a gazillion form inputs and you decided “Nah, not right now”? Websites are more aware of users nowadays wanting to get through sign up processes quickly and efficiently and are trending away from the mega blaster forms to fill out to gain access to their content, etc. Also remember when I said things were going more mobile and responsive? I got better things to do than to sit on my phone and fill out a form that is ye big and I am sure you feel the same.
As you can see there are some cool new techniques that are on the rise and have the web world buzzing, but be careful as next year some of these could end up on the “Less” list if used excessively, not every site requires the latest fancy schmanzy tech.
What do you think is in store for 2014?