March 27, 2008

Use the Ideas, but Make it Your Own

Like many, I hate to see mindless copying or stealing of visual designs. When it comes to interface elements though, I feel exactly the opposite. I want to see sites reusing bits and pieces of interfaces. It's key to improving the usability of the web as a whole.

I have a problem when people steal visual design. Visual design is somebody’s signature, and copying it is akin to forging their professional signature. As in art, there will be periods of web design where many designers will adopt similar styles, and that’s to be expected. However, to copy a design almost entirely is pathetic. Period. When it comes to interface elements and concept though, I have an entirely different opinion.

Copy the Concept, but not the Style

If I implement some interface element and it seems like a good idea for your site or application, I strongly encourage anyone and everyone to use it. Have at it. That’s not to say the ideas I write about are always correct, but I lay no claim whatsoever to the bits and pieces of what I create. That’s a huge part of the reason I invest so much time sharing my real-world experiences and ideas. I want them to be used to make the internet a better place.

For Example…

Let’s look at automobiles for a moment. I don’t think anyone would argue that a Kia is equivalent to a Lexus. They’re at opposite ends of the styling and quality spectrum. However, beyond the styling, they both have four round wheels with tires, a round steering wheel, the radio or navigation head unit in the middle to the right of the steering wheel, gauges behind the steering wheel just below the dash, sticks coming off of the columns that control windshield wipers and the sort, and gas and break pedals in the same locations relative to each other.

The list goes on, but clearly, the automobile industry would be a mess if companies been allowed to patent or lay exclusive claim any of those concepts. Those elements are shared simply because that’s the way that happens to make the most sense. And despite those incredibly important foundational interface elements being consistent, all of the automotive companies continue to strive for innovation and differentiate themselves from each other.

On Web Interfaces

Since sharing my posts on the issue tracking interface design, I’ve received a fair amount of emails of people bringing sites to my attention where people have implemented the ideas I’ve written about. Some are so similar to my work that it’s a bit disconcerting, but others are only using the concept to improve something that is clearly an original creation.

Either way, I’m generally just happy to see everyone doing some little part to make the internet easier and more enjoyable to use. I see interface elements as implicitly open source. It’s important that we, as an industry do move towards some common ground. While we’re marching closer everyday, I feel that one of the best ways to do that is for all of us to start sharing interface elements that make sense in multiple contexts.

That said, just because we all use buttons, web forms, and tabs, doesn’t mean there’s not room for innovation. There’s a fine line between stagnating on a reusable concept and trying to innovate. Just because something can be reused, doesn’t mean we shouldn’t try to improve upon it while we’re at it.

Summary

We’d all be better off if we stopped trying to reinvent the wheel. We’d also be a lot better off if we didn’t blindly recycle every interface element that had its own blog post. I’m definitely not advocating the wholesale recycling of pages from web sites or applications, but I strongly believe it makes sense for us, as interface creators, to be happy when we start to see appropriate reuse of our ideas.

Comments

Comments are here for discussion related to this article. If you have a comment or question not related to the article, please . Please try to keep things constructive and on-topic. Comments that are not constructive or on-topic will be deleted.

Copy concepts

March 27, 2008 at 10:46 AM by Beau West

Design on the web has nearly limitless variations, however, there are certain aspects that just make the most sense, as you’ve said Garrett. For example, search in the top-right. That’s the way most sites do it because that’s what the users expect. It’s not plagiarism, but a standard implementation of a good concept.

I learn by example, so my work tends to mimic many aspects of various implementations that I’ve seen across the web. Nine times out of ten though, I don’t even remember where the site was. I believe Paul Boag has said in the past that he suggests that when you see something you like, take a screenshot of just that portion of the page and archive it somewhere. That way you will grow to have a vast collection of ideas.

Of course, Jeffrey Zeldman said: > Don’t worry about people stealing your design work. Worry about the day they stop.

#

SXSW 2007

March 27, 2008 at 11:35 AM by Tom Watson

Agreed. This reminds me of that conversation we had at SXSW in ‘07 about the need for a collection of user experience and interface elments. Not so much as a “standard” board but more of a large resource where people could submit ideas/solutions and people could rate and discuss them.

#

March 27, 2008 at 12:48 PM by Dan C.

when I start designing interface elements, I often wonder how others have dealt with that type of thing before. which is usually followed by popping on a bunch of sites that I think might have similar elements.

like you say Tom, I would love a place that had examples (screenshots) of common interface elements that would allow me to easily see these sorts of things when developing a date input field, for example. I’ve spent some time thinking about how to build the site, and figure out how to categorize the screenshots, but haven’t gotten very far.

#

Better to learn than to copy

March 27, 2008 at 01:28 PM by Dickson Fong

I think this is somewhat related to the whole “inspired vs. influenced” debate. We can either:

1) Blindly copy other people’s work on the basis of trendiness or laziness, without really knowing why it was designed that way, or…

2) Take the time to understand the concept and philosophy behind other people’s work, reflect on it, and think about how we can apply it ourselves.

I see a lot of trends happen because it’s just the cool thing to do. These trends aren’t always bad, but it’s important to understand the implications of our design decisions in the context of their use.

#

legalisation!

January 21, 2009 at 03:55 AM by John - Arbeitsrecht Rechtsanwalt Stuttgart

the same idea of “Use the Ideas, but Make it Your Own” is as I understand not yours?))) indeed trhe advice is useful, though many of are always doing it, but what you’ve done, you are just like legalised it and added some rules! that’s great of you!

#

c

February 15, 2010 at 04:29 PM by essay edit

all world is now stealing smth from one style to another, from one type of painting to another…the world became repeated, so i’m not surprised at all with those facts. we need to create smth new but too tired of historical luggage.

#

http://customresearchpapers.ws/sample.php

February 25, 2010 at 03:41 PM by research paper

I see a lot of trends happen because it’s just the cool thing to do.

#

HTML isn't allowed, but Markdown is enabled.

Sifter. Hosted bug and issue tracking.
Hi. I’m Garrett Dimon, a freelance designer/developer in Dallas, TX. This is my site about people, design, and technology. I designed and built a bug and issue tracking application called Sifter. Still have questions? Feel free to .
Browse related articles tagged… design, interface, usability

Subscribe. Proud member of 9rules. Powered by SimpleLog.