Layouts - Page 3

Layouts / 1 Sep 2020

Rethinking Table Design for Mobile

There might be a problem with that table on your website. It doesn’t look or function well on my phone. It sounds like a simple problem (that should have a simple solution), but might not be quite as simple as you’d think.

There are a variety of reasons that could contribute to this issue – lack of responsiveness, creating tables as images, odd data formatting that makes a mess – but there are also viable design solutions.

Let’s walk through ways to rethink table design so that your data and information looks just as amazing on a phone as it does on any other larger device.

Layouts / 26 Aug 2020

Vector vs. Raster: What Do I Use?

With all of the image options and file formats out there, it can be a little overwhelming when you are choosing what file type to use (and send to clients). Compatibility is always a concern when you are working with different file types, but when it comes to graphics and images the type of computer graphic format you use is essential to how the image renders.

There are two types of digital graphics files – vector and raster. Vector images are made of hundreds of thousands of tiny lines and curves (or paths) to create an image. Raster images are composed of pixels. But how do you know what format is best for your next project?

Graphics / 2 Jun 2020

What Is a Wireframe & How to Design Them: A Beginner’s Guide

Every structure, every building, every design starts with a wireframe. It’s an important part of the design workflow that determines the success of the entire project.

Whether you’re working with digital user interface designs or banner designs, wireframes should be part of your design process. In this guide, we’ll help you understand what is a wireframe and why they’re important.

We made this guide for both beginners and advanced designers to convey the importance of wireframing. You’ll learn everything from how to design wireframes to the best tools for wireframing, tips for avoiding common mistakes, and more.

Let’s get started.

Layouts / 2 Mar 2020

5 Tips for Creating a Web Form That Converts

Your web form might look good, but does it convert? A high-converting web form is a must if you want to capture user information, build a subscription list, or create a quick checkout experience. It isn’t enough just to have a form that looks inviting. It needs to function well!

Users are getting more and more spoiled to well-designed and functioning forms, leaving little room for those that are clunky, awkward, or just don’t quite work.

So how do you do it? Here are five tips for creating a web form that will help convert users and grow your online presence.

Layouts / 14 Aug 2019

10 Ways to Use Mapping in Web or App Design

Almost everywhere you look these days, you find a map or location-based nugget of information. Almost every app asks for a location, and their presence is becoming more and more common on desktop websites as well.

But if you have not branched out into the world of mapping or location data, it may seem a little intimidating.

How can you effectively use mapping services for your website or app? We’ll take a look at ten ways you can integrate a map today.

Layouts / 22 Apr 2019

Single Page Website Design: 10 Tips + Ideas

Long live single page website design! There’s something almost magical about small-scale websites that fit on a single page. They can be graceful, easy to navigate and provide optimal user experiences in a contained space.

While there was a time when we shied away from single page websites, users are embracing them again (thank you, mobile!) and you should, too.

We’re looking at ten tips, ideas, examples, and suggestions to help spark inspiration for your next piece of web design work. It might be just the right time to keep it simple, and embrace a single-page strategy!

Layouts / 27 Feb 2019

10 Unique + Innovative Website Layout Ideas

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 people are snoozing at what’s out there, designers are still experimenting and having fun with website design.

Today, we’ll break the routine and dive into ten website designs that feature unique or innovative ideas. If nothing else, it should break you out of any creative rut you might be having.

Layouts / 26 Sep 2018

Infinite Scrolling: Pros and Cons

One-page websites are a major design trend. Especially when it comes to one-page designs packed with content, thanks to infinite scrolling techniques that allow designers to continue a webpage indefinitely.

This technique is great for some sites and content types, while for others it can be cumbersome and frustrating. Like any other design technique, you shouldn’t do it just because you want to try something new; it should be a strategic part of your design framework. So how can you decide? Let’s take a look at the pros and cons of infinite scrolling websites.

Minimalist Graphic Design / 25 Jul 2018

10 Ways to Simplify Your Design

It’s no secret that simple is often better when it comes to website design. An interface that’s simple to understand—and just as simple to use—is more likely to turn visitors into active users who will return to your site later.

But how do you simplify your website? Even if you aren’t building something new from scratch, the trick is to set goals and then look at the path to reaching them for users. Anything that gets in the way of that path should be eliminated. Anything that makes understanding what a user is supposed to do should be removed from the design.

That’s what we’re going to look at today – a few tricks that you can use to simplify your website design. And these ideas work for existing sites and new builds. (This article features examples of stellar simple designs, visit each site for even more inspiration.)

Layouts / 28 Jun 2018

7 Tips for Designing a Large Footer

Not all website footers are made equal. While footer design might not be a sexy part of the web design process, a great footer can help users find information, contact you, and better engage with a website. Here’s how you design one that’s functional, and beautiful.

A large footer can also help organize information and make navigating a complicated website that much easier – think about the massive, multi-layer footer on Amazon’s website.

The trick to a large footer is content organization. Once you figure out what the footer design should help users do, it is easier to design a bottom-of-the-page element that you can be proud of. Let’s dive into some footer design tips.

Layouts / 30 Mar 2018

7 Tips for Creating a Time-Saving Design for Users

Users have short—very short—attention spans. That’s probably evident just looking through your website analytics. This makes it more important than ever to deploy design techniques that help users scan and get the most information from your website in the shortest time possible.

It is your job to understand what users need to glean from the design at a glance and help them get that information, so maybe they’ll stick around and explore your website. Here are a few ways to do it!

Layouts / 21 Mar 2018

10 Web Design Commandments for Every Project

Do you have a rulebook when it comes to website design? There are some rules that apply to pretty much every web design project—let’s call them the “web design commandments”.

No matter how large or small the website, these rules are the foundation for good design. If you follow along with these basic guidelines, and make them part of your thinking for every project you start, you’ll avoid many of the pitfalls that designers can stumble into!