Essential design trends, January 2016

Carrie Cousins.
January 29, 2016
Essential design trends, January 2016.

Apps are everywhere. They have become an integral part of our daily lives thanks to the number of smartphones and wearable devices that we own.

And because of that, apps are one of the single biggest driving factors when it comes to website design trends. Let’s take a look.

Return of the scroll

Small, vertically oriented screens have brought the scroll back in a major way. Once thought to be something you wanted to avoid because users would not move down the screen, scroll is a pretty integral part of the design process again.

And scrolling now is better than it’s ever been. Thanks to great animations, parallax effects and plenty of creative content ideas, scrolling is a lot of fun and a good way to engage users.

Don’t stop with an ordinary down the page scroll; consider a horizontal scroll or animated option that can delight users thanks to the small surprise. Just make sure to include a visual cue to two for users with scrolling effects that are outside the norm, so that they don’t get confused or abandon your website because they don’t understand how to use it.

danish

Material Design goes mainstream

Google’s Material Design concept started as a mobile interface. The flat inspired, physics-based layered interface started as the aesthetic for Android devices, but quickly spread to iOS-based apps as well.

Designers are expanding the concept for use on full-screen websites as well.

The Material concept is simple, intuitive and rooted in realistic elements so it’s easy to use and understand. Designers are having a lot of fun with the interface style with bright colors and plenty of nifty animations.

guten

Hidden navigation is everywhere

This is one of those carryovers that is really changing the way you think about homepage design. Hidden navigation is having a major moment right now.

The debatable design of the hamburger icon is the most widely-used application, with a icon that pops out a full menu. Website designers are opting for one of two options: A menu that pops out over part of the screen or full screen navigation. The full screen option works almost identically to how slide out styles work in apps, and with the extra real estate designers have a lot of room to create a navigation page that’s more than just a few internal links.

lavish1

What’s especially nice about oversized navigation styles is that they are easy to read and click through. (Nothing is worse than tiny navigation elements that are designed almost as an afterthought.)

lavish2

Cards, cards and more cards

You can hardly surf the web without coming across a card-style interface. These content containers are highly usable and stack well in responsive frameworks.

Cards are a popular option because they can be a lot of fun to design as well. Cards can be custom-tailored to fit any design style and work with almost any content type. They one thing to remember about cards is that each container should hold once piece of content and connect to one click. This one “thing” can activate a video, submit a form, move to another page, buy an item or any other number of single actions. Different cards in the same website can all do different things. (As long as users understand the actions.)

It’s an interface style that needs very little explanation as well. Social media websites such as Facebook, Twitter and Pinterest are rooted in card-style interfaces with infinite scrolling so that new content is ever-populating. Users overwhelming seem to like and accept this design pattern.

anchour

Micro-interactions are essential

Not that long ago, micro-interactions were almost exclusively an app element. You might want to rethink that idea. The line between apps and websites is completely blurred. Users want to visit an app and then maybe the website later on and get the exact same experience.

This applies to micro-interactions as well. A micro-interaction is anything that helps the user communicate with the interface, see an action take place or manipulate the interface. Each of these bits of communication are so tiny the user hardly thinks about it, such as an alarm, text message or swipe to refresh content. (Just think of how many meeting notifications you get on your work computer or phone; those are micro-interactions.)

The linking factor to making this seamless transition is a touch of personalization and plenty of options for user customization. Using micro-interactions is tricky because there is a fine line between wanted notifications or alarms or messages and overwhelming the user.

When integrating micro-interactions stick to some of the most basic functions first to see how users react. Then you can add to the mix if your user-base is accepting of it.

slack

And now…wearables

The next phase of website design is already happening. As wearable devices increase in popularity, so will design elements from these tiny screens.

Elements that will have an impact include small, status-based animations, such as scrolling wheels that fill up to show accomplishments, more micro-interactions and plenty of trackers. (Users are practically obsessed with data right now, from fitness-based data to earning points for shopping.)

Wearables also add another layer of gamification to daily life. This will likely carryover to website design as well.

What wearables will really do is further the line between all of our devices. Websites, apps, wearables – they all need to provide integrated experiences for users so that moving from device to device is seamless and the experience is consistent.

garmin

Conclusion

As screens change size, so does the way we design for them. To create immersive interactions that users want to engage with, regardless of device, each interface must work in the same way. The idea is dramatically influencing the way all websites are designed (even those that don’t necessarily have app or wearable counterparts).

By creating something that users like on the smallest of screens and expanding that to larger devices, designers can build interfaces that are easy to understand. It also makes your interface a little more in-demand.

Carrie Cousins

Carrie Cousins is a freelance writer with more than 10 years of experience in the communications industry, including writing for print and online publications, and design and editing. You can connect with Carrie on Twitter @carriecousins.

Read Next

LimeWire Developer APIs Herald a New Era of AI Integration

Generative AI is a fascinating technology. Far from the design killer some people feared, it is an empowering and…

20 Best New Websites, March 2024

Welcome to our pick of sites for March. This month’s collection tends towards the simple and clean, which goes to show…

Exciting New Tools for Designers, March 2024

The fast-paced world of design never stops turning, and staying ahead of the curve is essential for creatives. As…

Web Tech Trends to Watch in 2024 and Beyond

It hardly seems possible given the radical transformations we’ve seen over the last few decades, but the web design…

6 Best AI Productivity Apps in 2024

There’s no escaping it: if you want to be successful, you need to be productive. The more you work, the more you…

3 Essential Design Trends, February 2024

From atypical typefaces to neutral colors to unusual user patterns, there are plenty of new website design trends to…

Surviving the Leap from College to Real-World Design

So, you’ve finished college and are ready to showcase your design skills to the world. This is a pivotal moment that…

20 Mind-Bending Illusions That Will Make You Question Reality

Mind-bending videos. Divisive Images. Eye-straining visuals. This list of optical illusions has it all. Join us as we…

15 Best New Fonts, February 2024

Welcome to February’s roundup of the best new fonts for designers. This month’s compilation includes some innovative…

The 10 Best WordPress Quiz Plugins in 2024

Whether it’s boosting your organic search visibility or collecting data for targeted email marketing campaigns, a great…

20 Best New Websites, February 2024

It’s almost Valentine’s Day, so this latest collection is a billet-doux celebrating the best of the web this month.

Everything You Need to Know About Image Formats In 2024

Always trying to walk the tightrope between image quality and file size? Looking to branch out from JPGs and PNGs this…