The checkout experience is arguably the most crucial aspect of your online store. Any hiccups and the customer could get distracted, disappointed, or leave—outing your company (that pays your salary) of precious revenue. It needs to be perfect. As a user experience designer, it’s your job to ensure the checkout experience...

Yesterday YouTube launched a major UI revision to all its channels, from mobile, to games consoles. At the same time it’s made the first significant revision to its logo since its launch 12 years ago. The revised logo has been made live on mobile and desktop, and will begin to appear across all channels in the coming days. Some...

Website breadcrumbs enhance user experience encouraging users to dig deeper into your site’s hierarchy, while also telling visitors exactly where they are on any given page. Google’s breadcrumb schema is another valuable reason to setup breadcrumbs. But the design factor is always tricky so it helps to study...

Adobe shared the results of its 3rd annual consumer email survey today, and while some of the findings are extremely predictable—nobody likes spam—others are downright shocking: for example, business email is 36 times more popular than social message services like Slack. Yeah, let that one sink in… In fact email,...

A Floating Action Button (FAB) is a circled icon floating above the user interface. Its shape, position, and color ensure it stands out from the rest of a UI. FAB was popularized by the release of Google’s Material Design principles in 2014. Since this release, the FAB user interface element has been widely adopted in web...

Sometimes you can just look at new website projects and see what designers are thinking. You can feel the mood. This month’s trends reflect that concept with bold color choices, a collapse of the traditional hero header style that’s been popular for a while and dark animated patterns that are just a bit mysterious. What...

Every week users submit a lot of interesting stuff on our sister site Webdesigner News, highlighting great content from around the web that can be of interest to web designers.  The best way to keep track of all the great stories and news being posted is simply to check out the Webdesigner News site, however, in case you missed...

Every week we feature a set of comics created exclusively for WDD. The content revolves around web design, blogging and funny situations that we encounter in our daily lives as designers. These great cartoons are created by Jerry King, an award-winning cartoonist who’s one of the most published, prolific and versatile...

What is a meme? Now, maybe you’re a bit out of the loop. Maybe you have a job, a couple of kids, and not a lot of time to browse the Internet’s most ephemeral form of content. Maybe you’re single, but prefer outdoor hobbies, like hiking or friendship. But someone in a meeting just said that it would be cool if you started using...

You do not have to start—and finish—every new website design from scratch. Seriously! Before you scowl, think about it for a minute. How many times have you done the exact same thing to start a project? How many times have you created the exact same icons or user interface elements with subtle changes? That’s where a design...

Animated page elements are super common on landing pages and startup websites. But they’re not always talked about in design circles because the idea of “animate on view” isn’t covered a lot. I use the phrase scroll-to-view because it seems like an accurate description. Basically as you scroll down the page new animated...

Omnipresent publishing platform Medium has rebranded, launching its third logo in as many years. The new logotype is heavily influenced by Medium’s original slab-serif identity, which suggests that the last logo wasn’t performing as hoped. Medium’s 2015–2017 logo was an oddly drawn, pseudo-isometric effort,...

Screen space is a precious resource on mobile. To meet the challenge of small screen space while still making navigation accessible, designers often rely on hiding navigation behind the hamburger icon, a prime example of hidden navigation. In this article, we’ll see why hidden navigation creates bad UX and what alternatives...

What’s the first thing you think of when you begin a website project? What are your first steps? Are you hunting for design inspiration on step one, or soon thereafter? Maybe, you’re more of the developer type. You might be exploring code and functionality needs soon after your first consultation meeting. Regardless,...