tony samia
tony samia 25 May 2016
Categories Technology

The Web Trends In 2016, Or The Era Of Large Images!!!

While we are entering the year 2016, it’s time to talk about the new and most popular trends that are emerging and those that started in 2015, shaping the web’s look and feel. Discover them below:

Full-width images: Images of happy and smiling people can convey an emotion, and we know that when people connect emotionally they are more likely to convert. Today, although we still need to be aware of minimizing the overall file size, technology has changed and Internet speed is wrapping up allowing more and more websites to go for larger images and a few even to full-screen video. Some sites are even going for less text and more images at least on the Homepage, which is less SEO friendly, but does speaks to the end-user.

  • Example of sites using full-width images: Christmas Express 
    1. Cinemagraph: Cinemagraph are GIF images or video animations, that are made of still images and have only one minor element of the image moving. They create a nice effect on the websites. 
    2. Scrolling Experiments: Users are now browsing mostly mobile, hence design is now catering more to smaller screens. This technology shift led to simplified navigation, more scrolling, more freedom, but it also came with negative circumstances such as SEO negative effect and longer loading times. Introduction of techniques such as Parallax Scrolling has become more and more trendy: the background moving at a slower rate to the foreground, creating a 3D effect as you scroll down the page. 
      • Example of parallax scrolling site: Every Last Drop (how to save water site)  and Lost World Fairs Atlantis
      • Some websites even dare go to double scrolling, such as this website :
      • Scrolljacking : Scrolljacking is the technique that displays the content as a set of slides instead of the traditionally vertical scrollbar. In scrolljacking, a website doesn't scroll down as how user expects when using the mouse wheel, but executes an animated function. It has received mixed reactions, but many websites are trying out this new feature . Example of a website using scrolljacking:  
    3. Simplified navigation (less is more): With too many options, people are less likely to convert. Successfully prioritizing where you want your users to go is essential. You can do that by either placing navigation under a hamburger menu, having a prioritized navigation, or having a display of card design layout. Indeed, this Pinterest-inspired trend is a way to adapt to mobile screen size, in which we have content organized in cards layout, including only what’s necessary.
    4. Front-page Carousels: 
      front page carousel
      Whether you call them slideshows, rotating banners, multiple offers, or carousels, they have negative effects on SEO as they take up space with little content, and usually take time to load. Still they are very popular as they can add visual interest, and reduce clutter by letting you put lots of content on the first screen.
    5. Flat design and bright colors: 
      Flat design
      The 2015 flat design trend was characterized by simplicity, minimalist elements, highlights, drop shadows. Bright, "positive" colors were often used for call for actions, and are sometimes used with a monochromatic background palette for a full contrast.  
    6. Split-screen layouts: 
      split screen
      Quite a practical way of splitting your homepage into 2 when you have more than one service, product or category. It helps your user directly go to your conversion pages.
    7. Motion Design and Interactions: 
      Motion design and interactions
      Along with the long scrolling feature, came animation and animated interactions. Examples of Interactions are clickable/swipe-able elements, the roll over revealing more content or animations to express successful interactions.
    8. Artistic photographs: More and more sites relied on artistic photographs instead of digital graphics. With the rise of high definition and retina displays; resolutions allowed photographs to render nicely on mobile.
    9. Bold Typo, Intentional: A sans serif typeface set in a bold styling typography was often used to match the simple layout, and minimalistic trend of the year. Also designers were playing with the size of the typography, displaying it in extreme small or big sizes.


New trends are emerging as we are following technological advancements. 
Our advice is to be wise and clever about which trends to follow, and to always try to experiment and stay away from standardisation. 
User's experience and needs should dictate your design, before trends. 

Finding the right balance between following new trends, and keeping SEO in mind is the way to move forward, until the day search engines can really read images contents!

Source: Koein Blog  

Please login or register to add a comment.

Contribute Now!

Loving our articles? Do you have an insightful post that you want to shout about? Well, you've come to the right place! We are always looking for fresh Doughnuts to be a part of our community.

Popular Articles

See all
7 reasons why social media marketing is important for your business

7 reasons why social media marketing is important for your business

Social media is quickly becoming one of the most important aspects of digital marketing, which provides incredible benefits that help reach millions of customers worldwide. And if you are not applying this profitable...

Sharron Nelson
Sharron Nelson 6 February 2018
Read more
Top 10 Skills to Become a Rockstar in Digital Marketing

Top 10 Skills to Become a Rockstar in Digital Marketing

Technology is continuously evolving, prompting marketers and entrepreneurs to dive into digital marketing to increase brand awareness, reach their target market, and ultimately drive sales and profit. 

Jessica Andriani
Jessica Andriani 7 September 2018
Read more
Top 10 B2B Platforms to Help your Business Grow Worldwide

Top 10 B2B Platforms to Help your Business Grow Worldwide

Although the trend of a Business to Business portal is not new but the evolution of technology has indeed changed the way they function. Additional digital trading features and branding has taken the place of...

Salman Sharif
Salman Sharif 7 July 2017
Read more
Top 7 Strategies For Improving Your Tech-Savvy Skills

Top 7 Strategies For Improving Your Tech-Savvy Skills

In today's modern world of technology it is very important to be tech-savvy. Knowing how to use technology is the key to success and great personal future developments.

Jessica Freeman
Jessica Freeman 11 May 2017
Read more
Top 7 Benefits of Chatbots for Your Business

Top 7 Benefits of Chatbots for Your Business

Chatbots have been on the rise since a couple of years and have already faced a wide adoption. They are bringing a new way for businesses to communicate with the world and most importantly with their customers by the...

Asena Atilla Saunders
Asena Atilla Saunders 8 November 2017
Read more