The Latest Web Trends Or The Era Of Large Images
Wed 05 Jul 2017
- Full-width images
- Parallax Scrolling
- Flat design and bright colors
- and more
It’s time to talk about the new and most popular trends that are emerging and 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
- 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 : http://www.fadeoreddy.com/
- 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: http://www.world-of-swiss.com/en#cseries
- Example of website using card layout : Pierrik Calvez
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.
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.
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.
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.
ConclusionNew 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!
WHAT DO YOU THINK ?