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.

Popular tags in this category: Web design, Typography, Design Legacy, Navigation, Forms, Mobile, Techniques, Showcases, UI Design.

Content Strategy: Optimizing Your Efforts For Success

Content strategy is a beast with many heads, names and trajectories. To approach it is to be sucked in full force. Even so, as crucial as content strategy is, conveying its gravity to a big audience, or to key administrators, is often hard. Being so inherently complex, it’s often easiest to tackle by example.

Content Strategy: Optimizing Your Efforts For Success

My first job as a Web content writer involved creating a campaign that promoted holiday spending and travel. I came up with clever tag lines that incorporated lyrics from Bing Crosby Christmas jingles. I thought I was doing great work, and when I got an email from my boss to discuss the campaign, I assumed I would get a pat on the back.

Read more...

Building An Effective ‘Coming Soon’ Page For Your Product

I recently had to design a couple of teaser pages for a client and a personal project, and this led me to think about what exactly makes for a good teaser page — or to be more precise a “coming soon” page that companies often put up before they’re ready to launch their product. After careful research and many scientific tests in the brand new field of teaserology, I’ve developed a patented Teaser Effectiveness Analysis Matrix™, consisting of four elements.

Screenshot

The perfect teaser page must score high on all four axis of the following: memorability, virality, desirability and data collection-ability. I know that “data collection-ability” is not proper English, but inventing new words is one of the perks of being a scientist. As we’ll see, most teaser pages focus strongly on two or three of these elements but rarely hit all four.

Read more...

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...

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...

Relationship Engineering: Designing Attraction

"Look at her: so beautiful, so friendly, so smart. And what a personality. She must be mine. Hooking up with her would make me the envy of all my friends. Sure, she's young and she's gorgeous. Besides, I can easily try something new if I get bored or something better comes along."

No, that’s not an excerpt from Lolita. As cruel and inappropriate as they might seem, these thoughts are fairly common in our society. In fact, in the past year, millions of people have entered into exactly that type of relationship. Don’t bother calling the Special Victims Unit; what we’re discussing here is not what you think it is. It’s the Apple iPad.

Read more...

↑ Back to top