Is the F-pattern Still Relevant? – Website Design Article

It’s always good to have a set of guidelines to follow when designing a website — especially if you have little to no user data to go on. Over the years, we’ve been introduced to tons of these guidelines and design trends; some of which have fallen out of favor while others have persisted over the years. One of those web design guidelines that’s persisted is the F-pattern. But is it still relevant today, what with mobile-first design practices? What Is…

Read More

How to Create a Sticky Image Effect with Three.js – Website Design Article

A recreation of the sticky image effect seen on the websites of MakeReign and Ultranoir using three.js. From our monthly sponsor: monday.com, a new way to manage your work! Meet the new visual project management tool. If you recently browsed Awwwards or FWA you might have stumbled upon Ultranoir’s website. An all-round beautifully crafted website, with some amazing WebGL effects. One of which is a sticky effect for images in their project showcase. This tutorial is going to show how…

Read More

10 Unique + Innovative Website Layout Ideas – Website Design Article

On: 27 Feb 2019 Category: Layouts Length: 6 min read The idea has been floating around for a while – web design has a sameness that’s just kind of boring. Let’s dive into some unique and innovative website layouts that can break the mold! Blame user patterns, too many projects for too few designers, or just the desire of clients to have their site looks like something they’ve already seen and understand. But all is not lost. Even though some…

Read More

How to Speed Up Your UX with Skeleton Screens — SitePoint – Website Design Article

However well-designed your user interface may be, at some point or other, the people using it are going to have to wait for something to load. Photo: Marco Giumelli, “Waiting” A 2014 MIT study showed that humans can perceive discrete images in as little as 13 milliseconds however deciding where to focus takes between 100 and 140 milliseconds. In practical terms, this gives us around 200 milliseconds to present a user interface state change in order to appear instant. Between…

Read More