Design Shack — Web Design Gallery, Articles & Community

Accessibility / 29 Jun 2017

Neon Colors in Web Design: The Do’s and Don’ts

Neon colors are tough to use without clashing with the rest of your design. They work great for signs and lights in real-world applications, but can present major issues in web design, unless carefully implemented.

Today, we’re going to look at ways to effectively use neon colors in your design work, with a list of do’s and don’ts to help you make the most of bold, bright color choices. You’ll be a neon ninja in no time, weaving it through your design work!

UX Design / 12 Jun 2017

What Is Anticipatory Design, and How Do You Use It?

Do you ever get overwhelmed by the number of choices you have to make in a day? It’s a pretty common phenomenon. The same can happen when a user visits a website. Too many choices can fatigue the user and totally overwhelm the senses.

The solution is up to the designer – to create a design that seems to anticipate user needs and helps move people through the design with ease.

UX Design / 7 Jun 2017

Are You Mentally Overwhelming Users? (And How to Stop Doing It)

The internet is a tangled mess that’s visually overloaded. There’s so much to look at… and read… and comprehend, that it can be difficult to find focus and figure out what is important.

If your design is visually overloaded, chances are that you are overwhelming users and they are leaving your website or app. So how do you know if you are doing it? We’ve got a list of warning signs for you, plus a few ways to strip some of the weight out of the design and make it more manageable for users.

CSS / 3 May 2017

How to Add Touches of Magic to Your Interactions

Every time a user does something with your design, an interaction is created. Some interactions, such as clicks, go almost unnoticed by the user. But other interactions include a certain bit of magic that makes the user want to play with the design even more.

There’s a fine line between an interaction that has the touch of magic and one that can be completely overwhelming. The most magical interactions are a bit unexpected, simple, create an emotional response and make the user want to use it again.

Accessibility / 26 Apr 2017

How Do We Design Hard Stuff for the Big Problems People Hate Most?

Design exists to solve problems. As you’ve likely heard before, design isn’t an act of creative self-expression but rather a process of problem solving. So why aren’t we hearing about amazing design breakthroughs that address the world’s biggest problems?

As legendary ‘I Love New York’ designer Milton Glaser once said, “Design is the process of going from an existing conditions to a preferred one.” But what existing condition does the world need our help with?

There are several respected global organizations who work towards great causes, in areas such as Food and Water Security, Economic Opportunity, Climate Change and the Environment, Social Equity and Good Governance (Healthcare, Safety, Security and Education).

You’ll notice how none of these items are addressed by selfie apps in the top ten of your local app store. So why aren’t we hearing about amazing design breakthroughs that address the world’s biggest problems?

Mobile / 17 Apr 2017

8 Design Tips for a Stellar Email on Small Screens

How many users are opening emails from you on a phone or tablet? It might be a higher percentage than you think. According to Litmus, which provides email tracking software, 54 percent of all emails were opened on a mobile device in 2016.

That means that most of your emails are being seen on a phone. Are you designing an email that makes the most of it? Here are tips to make your email design more mobile-friendly.

Accessibility / 27 Feb 2017

Attention Spans Are Short: Here’s How to Hook Users

A goldfish has a longer attention span than you do. Let that sink in for a moment. Now, what are you going to do about it?

As a designer, it is your job to create something that people will stop and interact with. It takes a design and user experience that will hook visitors and keep them clicking and tapping. Combat short attention spans with smart design.

Graphics / 20 Feb 2017

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 that 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 users are 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.)

Mobile / 6 Feb 2017

How to Design One-Tap Microinteractions

Microinteractions are the “secret sauce” that make apps and websites shine for users. These tiny details make it easy to set an alarm, press a button or simply better understand how to work with a digital product.

The secret is that the best microinteractions are elements that the user probably doesn’t even think about. They happen in an instant – often with just one tap on a mobile screen. Despite the small nature of the interaction, hence “micro,” the value is immense to users as these engagements become more integrated with daily activity.

How do you design one-tap microinteractions that will delight users? Here are a few ideas.

UX Design / 1 Feb 2017

7 Common UX Mistakes That Can Ruin Your Content

A successful project is a combination of good design, killer content and a little bit of luck. Too often a design is derailed by simple UX mistakes that ruin the content and muddle the intended actions of the interface.

Users can easily lose track of why they are there, and what they are supposed to do. Thankfully, many of these design mistakes are easy to identify and correct. (As a bonus, the examples in this post are doing things right; use them as a guide!)

Layouts / 16 Jan 2017

How to Break the Grid Without Making a Mess

A grid is the foundation of almost any website design. These invisible lines help create rhythmic space and visual flow, so each project carries a sense of organization and harmony.

But you don’t have to stick to the grid 100 percent of the time. You can even break the grid from time to time without making a total mess. Here’s how you do it, while still keeping a website that’s a pleasure to use!

Business / 8 Dec 2016

Design Techniques to Imply Scarcity

How can you use design techniques to make things feel scarce? It’s an important concept, particularly in terms of creating a sense of urgency for e-commerce or clicking a call to action before it is too late.

Flash sales, limited editions, “only 2 remaining” – these are all triggers of scarcity that make a user feel the need to complete a call to action immediately. If not, the purchase or offer might not be available later. Designing for scarcity is an important concept in design, particularly for e-commerce and even in-person sales.