Design Shack — Web Design Gallery, Articles & Community

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?

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.

Accessibility / 30 Mar 2016

Designing for the Web: Are There Colors You Should Avoid?

The web is a rainbow of color options. Color is a great tool for grabbing the attention of users, providing visual interest and impact and creating contrast for readability. Color is also at the center of many design trends, including flat and material styles.

But can you go wrong with color? Are there hues or combinations that you should shy away from? In a word … yes! Today we’re looking at colors or color combinations that you should avoid when designing websites and apps. (And on the chance that you’ve already made one of these mistakes, we offer alternative suggestions as well.)

Accessibility / 25 Feb 2016

5 Ways to Boost Contrast in Your Web Design

Is your design project lacking that special pop? It’s likely what you are missing is enough contrast. Contrast provides differentiation between elements, making each one look more individual, prominent and special.

Design contrast is created in a number of ways, and using all different types of elements. From typography to color to space, creating contrast can take a design from bleh to wow. Here are five ways to do it.

Accessibility / 5 Jan 2015

Designing for the Interstitial Experience

Yes. Those little pop-ups matter, and are starting to matter more every day. Interstitial space – and content for it – is becoming an increasingly popular part of designing for the web. From ads, to forms, to bits of information, the interstitial experience is a vital part of the design process.

The dilemma for designers is to create something that users want to look at and not feel annoyed by. Here we’ll work to gain a better understanding of interstitial space and how you can work within it well.

Accessibility / 24 Nov 2014

Website Design for Kids: Tips and Advice

Designing a project for children is a rather common assignment. From websites to packaging to other images, creating something that is kid-friendly will likely be asked of most designers at some point. But how can you make something kids and adults will appreciate?

That’s the real trick. Kids and adults have to feel engaged by what they are seeing. There are some things that you can do in the design process. Consider elements such as color, typography, gamification, language, animation, storyline and age group for the best success. Today we’re offering some advice and insight into this very topic!

Accessibility / 17 Nov 2014

What Makes a Great 404 Error Page?

No one wants to think website visitors are spending time on error pages, but it happens. The 404 error page is one place that these interactions happen rather frequently. Design it in a way that speaks to users rather than encouraging them to leave your site.

More memorable and less frustrating 404 error pages are the most successful. They can also be the most fun to design. So what can you do to create the best 404 page for your site? Here are a few tips, tricks and gallery of great examples.

Accessibility / 19 Jun 2014

Design for Everyone: Considering Accessibility in Visual Projects

Because design is such a visual concept, we don’t always stop to think about how design can impact users with certain disabilities. From vision to hearing or even touch impairments, how you design a website, brochure or even package can look or work a different way to different people.

And while you can’t design so that every element is perfect in every condition for every user, there are some things you can do and think about to make your design projects more accessible to a larger number of people. Simple techniques such as color choice, texture, shading and sound effects can make a difference to users.

Accessibility / 29 Jan 2014

Optimising Front End Performance for Mobile Devices

Most front-end developers will be familiar with at least some of the options available to them when it comes to enhancing front end performance. Performance in this sense is not referring to the speed at which a given page loads, but instead how smooth and responsive it feels when a user interacts with it. A specific example would be the frame rate a user experiences when scrolling down your home page; if it’s consistently high, then performance is considered good.

There is a chance you may not have experienced a need to address performance issues before. Maybe you haven’t worked on a site that has suffered from such issues, or maybe removing that small bit of lag or recovering those dropped frames just isn’t at the top of your priorities. Either way, with the increasing amount of animation and complex styles being built into modern websites coupled with the adaptation of responsive design, there is a high chance you’ll run into sluggish mobile performance at some point. This article will suggest a few things to consider when working on websites and web apps that need to balance complexity and performance when running on less powerful mobile devices.

Accessibility / 7 Aug 2012

The Designer’s Guide to Bartering

Never work for free. It’s a moto that will get you far in an industry overflowing with bottom feeders who want something for nothing. That being said though, money isn’t the only thing in the world for which you should consider busting out a few hours of design work.

Countless designers have found that they can get far in life through the age old practice of bartering. Read on to see how to barter like a pro.

Accessibility / 26 Jul 2012

Should We Kill the CAPTCHA?

Do you like CAPTCHAs? Don’t lie, of course you don’t. On a fun scale, you rank them right up there with dentists and IRS agents. However, as an intelligent web designer or developer you understand that they are a necessary annoyance.

But wait, are they really? Given the collective talent and intelligence of the web design community, is a fuzzy string of letters really the best that we can up up with? If users hate these things so much, why not come up with something new? Let’s explore this idea and see if we can inject some fresh ideas into the conversation.

Accessibility / 28 Jul 2010

Tips for Designing for Colorblind Users

It’s estimated that about 8% of males and 0.5% of females are born colorblind. That may seem like a low number but if you’re designing for a large audience, having a site that’s unusable for eight out of every hundred males is definitely less than desirable.

Fortunately, you can fairly easily make sure that your site is colorblind friendly by always keeping in mind the information below. We’ll take a look at what colorblindness really means and how you can tweak your designs based on a few simple principles.