Category: Design

This category features articles on general design principles, Web design, typography, user interface design and related topics. It also presents design showcases and practical pieces on the business side of design. Curated by Alma Hoffmann.

Popular tags in this category:

Web Design Typography Inspiration Downloads Freebies

Relationship Engineering: Designing The Happily Ever After

I remember when we first met. We hit it off instantly, and it didn’t take long before I was in love. I introduced her to my family, and they all loved her, too. Hell, I even convinced my wife that she was perfect. We’ve been happily together now for years. I spend a good portion of my day with her and, yes… sometimes she joins my wife and I in bed. Although, not much sleeping gets done; I’m typically too busy studying curves.

Screenshot

Save your scarlet letter. If you’ve read part one — Relationship Engineering: Designing Attraction — you know that I’m not talking about some affair. I’m describing my relationship with Apple and their slew of gadgetry. Even when it’s not practical, I still find myself wanting the latest Apple iWhatever.

Read more...

Optimizing Error Pages: Creating Opportunities Out Of Mistakes

In this article I'll be reviewing a few techniques that will help Web designers and UI professionals to improve their error pages in order to engage visitors and improve overall website experience. As C. S. Lewis once said, “Failures are finger posts on the road to achievement”. Web designers should take this to heart.

Screenshot

I’ll be focusing on error and maintenance pages, both from tracking as well as usability perspectives. I’ll also be providing a good number of examples on how to use analytics and defensive design in order to optimize user experience for such pages. First, let’s go over the error pages and cover the questions on how to optimize them efficiently.

Read more...

Innovative Techniques To Simplify Sign-Ups and Log-Ins

There are many ways to design sign-up and log-in forms. Most designers are familiar with the conventional ways. But understanding and applying a few innovative techniques could make your forms simpler and more efficient to fill out. In this article, we'd like to present a couple of new ideas that might be useful for your next designs. Please notice that before using these techniques, you should make sure that they make sense in the context in which you are going to use them. We'd love to hear about your case-studies and usability tests that affirm or dismiss the suggestions proposed below.

Screenshot

The purpose of every sign-up form is for users to complete it successfully and send it in. However, if the form is long and complicated, then the user’s excitement for your website could turn to displeasure. Here are a few innovative techniques that will make your forms faster and easier to fill out.

Read more...

Real-Time Data And A More Personalized Web

As Web designers, we face a daily struggle to keep pace with advances in technology, new standards and new user expectations. We spend a large part of our working life dipping in and out of recent developments in an attempt to stay both relevant and competitive, and while this is what makes our industry so exciting to be a part of, it often becomes all too easy to get caught up in the finer details.

Real-Time Data And A More Personalized Web

Responsive Web design, improved semantics and Web typography have all seen their fair share of the limelight over the last year, but two trends in particular mark true milestones in the maturation of the Web: “real-time data” and a more “personalized Web.”

Read more...

Proximity in Design: Why I Can’t Use My Car’s A/C

I’m always fumbling with the A/C controls in my car. My daily commute is in hot, sunny Southern California, home of the courteous freeway driver. I can’t afford to take my eyes off the road for too long to find the control I’m looking for. Half of the time when I'm trying to adjust the temperature, I end up blowing my beard off because I’ve spun the wrong dial. If my wife’s in the car with me, I usually resort to asking her to do it for me.

My Car's A/C Controls

There’s a simple design principle that, had it been given greater attention, could have made this needlessly confusing interface much easier to use: proximity.

Read more...

Showcase of Creative Navigation Menus: Good and Bad Examples

Good navigation is the main cornerstone of an effective website. In practice, however, it's often a tough challenge to come up with a meaningful, unambiguous way to organize, arrange, and display content to users; and it's often not much easier to find a visually interesting solution either. The wide adaption of JavaScript libraries like jQuery is making it increasingly easy to add various kinds of sleek animations to navigation design.

Design Intellection

For instance, many recent promo websites are essentially single page websites with an array of animation effects used to make navigation a smoother and richer user experience. We need to be very careful and cautious when using these dynamic effects in our designs. A simple, calm navigation is usually much more user-friendly than an evolved, dynamic one. Users want to use the website, not be baffled by the weird and hardly usable navigation. But that's not to say that a creative navigation should be avoided at all costs.

Read more...

Make Your Content Make a Difference

Content, content, content. It’s an obvious part of any interactive experience. In fact, you’ve probably heard content is king, or queen, or some sort of royalty. Yet, content is elusive. Often, you don’t realize your content isn’t cutting it until it’s too late. Does any of this sound familiar? Delayer projects, broken designs, uneven voice or low-performing landing pages.

Screenshot

These problems and more are documented extensively, so I won’t dwell on them. What I will dwell on is the solution. But, first, let's discuss the false ones. Just because someone articulates a problem well does not mean someone knows the solution. That’s when we’re susceptible to a false solution. In my many years of experience, I’ve found these two fake solutions to be very common, very distracting — and very disappointing.

Read more...

↑ Back to top