Pretty interesting. StreetArt Agency out of Ekaterinburg, Russia has developed a corporate identity for Malina.am, a new Internet TV channel. The art director is Andrei Kolokolov.
Pretty interesting. StreetArt Agency out of Ekaterinburg, Russia has developed a corporate identity for Malina.am, a new Internet TV channel. The art director is Andrei Kolokolov.
The headline reads, "New Product Innovation to be Delivered Exclusively Through Adobe Creative Cloud." In short, what they're saying is that Adobe Creative Suite 6 is the last edition of the CS and all future products will be available by subscription only.
The press release says, "...The company will focus creative software development efforts on its Creative Cloud offering moving forward. While Adobe Creative Suite 6 products will continue to be supported and available for purchase, the company has no plans for future releases of Creative Suite or other CS products. Focusing development on Creative Cloud will not only accelerate the rate at which Adobe can innovate but also broaden the type of innovation the company can offer the creative community."
My reaction is, "Good!" I signed up for the program a couple of months ago and I don't see a down side for anyone who uses the CSs on a regular basis — for $600 per year ($49 per month) you have access to the entire suite of Adobe products. $600 compared to buying or upgrading to a new product every couple of years for hundreds more.
This, eventually, will save Adobe hundreds of millions of dollars in revenue lost to piracy — and that, hopefully, will keep the cost to subscribers reasonable. Again, "Good!," you and I have been subsidizing that piracy for for long enough.
Adobe also announced (Wacom ain't going to like this) its first hardware device, a pressure sensitive stylus and an electronic ruler (below).
I suspect most designers have seen an episode or two of the AMC series Mad Men. It provides us with a pulp fiction-like look inside a 1960s, Madision Avenue advertising agency (hence "Mad Men") against the backdrop of a rebellious time in United States history.
Today I want to point you to a behind the scenes look at the making of the opening sequence to the show. As Cara McKenney, the producer of the piece for Imaginary Forces, puts it, "This was a new show and a period drama at that, with no-name actors, on a network with no success in developing original content."
I like Webb's bold illustrations. How would you describe the influence? Art Deco?
Late last year we discussed the decline of the skeuomorphic interface. This year we're looking at it from the opposite angle: flat design.
That's the term given to the trend of simple, (for the most part) shadowless imagery that seems to proliferate so much recent UI design.
Thanks to Jeff Fisher for pointing us to the catalyst for this post, a recent article in The New York Times titled "The Flattening of Design."
Tim Girvin points us to the ethereal images of photographer Matt Molloy. As I understand it he uses Photoshop to combine large numbers of still images to create what he calls "time stacks."
To paraphrase Woody Allen: I am not a hypochondriac — what I am is an alarmist. Hence, I don't typically spend a lot of time looking a medical illustrations.
But there is no escaping it, medical illustration is a fascinating segment of the illustration and graphic design professions.
I received an email recently from Karen Clark, the studio manager
at the AXS Biomedical Animation Studio in Toronto, Canada — she pointed to their work and I wanted to share it with you.
Which lead me, of course, to dig deeper...
I like how Zhang uses layering and shadows to offset simple vector shapes. Nice color palettes too.
The Good Web Guide quotes the creator of this website, Chris Wild, as describing himself as a "retronaut" — someone who "goes back in time using just perception;" we travel in time he says in "that tiny, tiny moment, just before we grasp the fact that our beliefs are wrong."
I love the idea, but I love Retronaut.com more. Wild serves up what is, perhaps, the most intreguing collections of imagery I've seen on the web.
Thanks to Bonnie Larner for pointing us to it.
Teehan+Lax — a design company in Toronto, Canada — is at it again. A couple of years ago I posted about their generosity in supplying Photoshop PSD files of the iPhone and iPad GUI.
Their latest contribution to the design community is a wonderful tool for creating hyper-lapse image sequences called Google Street View Hyperlapse.
It is a tool that uses data from Google's Street View API to help you define, capture, and create camera moves on Street View sequences.
The Shard — as in shard of glass — is a 72-storey skyscraper in London that opened to the public in February.
Today, I want to point you to a website designed by Francesca Panetta for The Guardian (the British national daily newspaper). It features a 360-degree, augmented-reality panorama of London, which not only presents the spectacular view but also points to places of interest and plays sounds from the city.
Nicely designed website. An experience not to be missed.
Do you or your client have a commodity product? Something that has no real, distinctive advantage over its competitor?
Then you drop the product into a story. You present it in a way that gives people a reason to take notice of it.
Here is a smart, real-life example of how it's done.
Would you take a few moments to share your thoughts? I'd like to hear your answer to the question and I'd also appreciate it if you'd point me to resources — bloggers, professional organizations, studios, advertising agencies, and so on — that you turn to keep up with design trends in your part of the world.
To be clear, I'm not looking for international resources — my hope, instead, is to get an idea of what distinguishes, if anything, the graphic design business in your country from the United States.
There might be differences regarding technical details, measurements, religious or political influences, language and typography, legal restrictions on professional practices, pervasive color palettes, trends in design styles, particularly influential individuals or organizations, and so on. What are those differences? Where do turn to discuss them or learn more?
The reason I ask is I'd like to write an article examining this issue. Please send you answers to chuckgreen(a)ideabook.com and use the "Subject:" "design by country."
Thanks in advance for anything you're willing to share.
I'm always on the lookout for interesting website design ideas. Here are a few that caught my eye recently.
I haven't done this before but I want to use today's post to point you to a developer I've been working with. Yes i'm being very specific, but bear with me, this will be useful to the folks who use the Movable Type content management system.
I've been working with Mihai Bocsaru, a developer in Romania, for four or five years now. He is a Movable Type expert of the first order and I can't recommend him more highly. In addition to his development services, he recently started a service for upgrading Movable Type websites. If you've ever upgraded your CMS for security reasons or to add new features, you know it can be a can of worms.
I can tell you from experience that Mihai and his crew makes if pretty painless.
Design-Seeds.com is a site you can use to discover interesting and inviting color palettes — palettes that can easily be reinterpreted for use online or in print.
It reminds me how many decisons a good photographer sometimes makes before they press the shutter release — about subject matter, composition, atmosphere, depth of field, lighting, focus, color, and so on. (To me black and white is often a the boldest of color choices.)
You can, of course, do this yourself by opening a photograph in Photoshop and using the eyedropper tool to sample different areas of the image.
Thanks to my friend Bruce Schneider for pointing us to it.
If you're interested in finding the source of any of the images, copy the image URL to the Tineye.com reverse image search engine and you may find the source.
"Off Book is a web-original series from PBS Arts that explores cutting edge arts and the artists that make it."
The piece on graphic design, for example, features commentary from and work by design heavyweights Debbie Millman, Drew Freeman, and Steve Attardo. Trying to explain what you do to a non-designer? These five to seven minute pieces are a good place to start.
Humor me — pretend for a moment that you care what I think.
I believe that consumers will ultimately reject the current form of social media marketing more virulently than they have "junk" mail, telemarketing, and Ginsu steak knife commercials.
Why? Because (first of all), they have some problems in common...
They are often perceived as an unwanted interruption
They require some form of avoidance by the consumer
They regularly provide access to unscrupulous sellers
They are difficult to opt out of
But social media marketing has one more, highly-important advantage or disadvantage: it makes the interaction very personal. Advertisers use the interests and information you contribute to discriminate against you — algorithms that dictate the results your searches, or what you have access to, based on your age, race, sex, socioeconomic status, and so on.
Over the last two decades, the web's liberation of information and access has won the interest and participation of billions of people. I believe that the organizations that use social media to manipulate the consumer will ultimately cause a wholesale rejection of its platform.
(Don't get me wrong, this is not a dig at ethical, transparent marketing — there are clearly many organizations that turn out important, informative, and entertaining messages that we all use, to one degree or another, to make buying decisions.)
I don't normally recommend products I don't use myself — but MailChimp will be an exception. MailChimp is an email-marketing service that provides some of the most advanced tools in the industry. I use Constant Contact to send my email newsletters, but I have really come to enjoy and appreciate the Resource Guides MailChimp offers provides to their subscribers and non-subscribers alike.
Titles cover topics such as...
> Transactional email
> Common email marketing rookie mistakes
> How to manage your list
> Email security
and so on...
Some of this information, of course, relates specifically to the MailChimp platform, but lots of it will be useful to anyone sending email for marketing purposes.
I like it when companies are confident enough about the value of their products that they aren't afraid to share their ideas.
I don't know whether or not you want to use this particular service, but I like the result. ThingLink is used to "create rich images with music, video, sound, text and more."
Prelinger Archives is a treasure trove of advertising, educational, industrial, and amateur films produced by and for US corporations, nonprofit organizations, trade associations, community and interest groups, and educational institutions.
The good news is, as I understand it, that the films are free to use however you want. Obviously, I'm not a lawyer so you should confirm this for yourself by reading the "Rights" section (left column) of the the Prelinger Archives home page at the Internet Archive.
Getty Images is licensing broadcast quality clips from many of the same films for a fee. Why pay? here's what they say at Prelinger.com:
"Prelinger Archives allows free access to many (but not all) films from their collection on the Internet Archive site. However, the Internet Archive does not provide written permission to use any material, and the user therefore assumes all risk when repurposing Prelinger footage. By way of contrast, when you license Prelinger clips from Getty Images, Getty Images will indemnify you against claims for copyright infringement relating to copyright in the footage clip. Getty Images charges for this service."
Again, I am not declaring this material is free to use, you must perform your own due diligence.
On with the show.
I was reading a story recently that compared the life spans of people living in two places. The people in one place, the author explained, live twenty years less than the people living in the other place. Then she went on to make the case, using statistical data, for the cause.
I have no idea whether this particular case was credible or not — it could be exactly what the author speculates or there could be some underlying cause that she missed entirely — in this type of case, it's very difficult to know. But I have learned to question.
It did get me thinking (again) about how much and how often we use statistics to make a point, sell a product, or promote an idea. And it reminds me about the special responsibility we have as marketers to use statistics and data in an ethical way.
Here are two books on the subject that you might find interesting. (Haha... then you will be skeptical too.)
First, How to Lie with Statistics by Darrell Huff. It is one of the rare non-fiction books that, after over 50 years in publication, stands at 1,715 in the Amazon Best Sellers Ranking. In part, the description explains it, "runs the gamut of every popularly used type of statistic, probes such things as the sample study, the tabulation method, the interview technique, or the way results are derived from the figures, and points up the countless number of dodges which are used to fool rather than to inform."
And second, Don't Believe Everything You Think: The 6 Basic Mistakes We Make in Thinking by Thomas Kida. It explains Kida's "'the six-pack of problems' that leads many of us unconsciously to accept false ideas:
"We prefer stories to statistics
"We seek to confirm, not to question, our ideas.
"We rarely appreciate the role of chance and coincidence in shaping events.
"We sometimes misperceive the world around us.
"We tend to oversimplify our thinking.
"Our memories are often inaccurate."
"In a complex society where success--in all facets of life--often requires the ability to evaluate the validity of many conflicting claims, the critical-thinking skills examined in this informative and engaging book will prove invaluable."
An old discussion surfaced this week and I'd like to hear your opinion about it. The question being, is it necessary to recognize the trademarks of third-party brands in materials you create for your clients? (I'm talking about word marks here, not design images.)
First, a disclaimer: The content of this website is offered for informational and educational purposes only — it is not legal advice. I recommend you check into these issues for yourself before taking any action.
My understanding has always been that it is only necessary to recognize the trademark of a third party when there is the potential for confusion or misrepresentation. In that case you mark the text with a trademark declaration (TM), a registered trademark symbol (R), a service mark (SM), or one of the prescribed citations designated by the trademark grantor.
Yes, trademark owners would like us to help them build brand recognition by adding marks, but it is my understanding that actually doing it is more of a courtesy than a requirement.
As you'll see listed below, lots of organizations declare trademarks (TM) and many go to the added expense of register those trademarks (R) with the United States Patent and Trademark Office. They publish very strick-sounding rules about what you must do in order to use their word marks but the question is what are the actual legal requirements. That's where it gets cloudy.
Furthermore, when I do label trademarks, I was instructed a long ago that it was sufficient to mark the first or most prominent use of the word or words only.
That said, I'd like to hear how you handle this issue.
Examples of corporate trademark guidelines:
Apple's Mac Developer Library does not contain all there is to know about designing Apps and Icons, but is certainly a good place to learn the basics. Lots of this thinking applies to just about any type of web design.
Here's a thoughtful evaluation of some recent responsive website designs by Jesse Gardner over at Plasticmind.com. Jesse is the VP of Technology at Simply Recipes which, over the holidays, had a few days with over one million unique visitors — so he has some cred.
I'm working on a responsive design for a client in recent days and came across some of the same sites Jesse did. I am particularly enamoured with this site by One Design Company. Both for the reduction formula (break points) and for the scheme they use to stack the pages — I like that it allows you to sort of browse the big picture before you "look inside."
Here's an in-depth look at how Adobe brands their suite of design programs.
We've all had those moments. You're climbing a ladder toward a goal and you suddenly discover that the ladder is on the wrong wall. If you manage designers (or other professionals who spend lots of time in cognition), this could be one of those moments.
Daniel Pink makes a compelling argument (with proof), that money is not necessarily the motivator we think it is.
The controversial subject of designer certification has raised its ugly head once again. If this doesn't scare the heck out of you, nothing will.
"Not every well known designer has a formal education. Nonetheless, education is at the core of tackling the problems and challenges of our ever-changing world. A formal design education combines theory, history and design engaged with sociology, anthropology and the environment. Design should not be driven by aesthetics, but by a deep understanding of design principles, its history and the evolving practices and methodologies of our field."
That is the first of five proposed edicts that would earn you a capital "D" in your "Designer" title. A campaign christened as CertifyD proposed by Esteban Pérez-Hemminger at Pratt Institute.
Ironically, the first sentence points to the primary problem with entire argument: "...Education is at the core of tackling the problems and challenges of our ever-changing world."
First, no it is not. Formal education is certainly one way of learning some aspects of the design but it is by no means "at the core" of it. And the very nature of that statement demonstrates the obvious problem with certification: As soon as you allow someone to define what a designer is and does, you narrow the scope of those possibilites.
What the author has not yet discovered is that design is opinion, not a structured, hierarchal reality that can be articulated like algebra or law. Whether a particular designer is qualified to tackle a particular project — for a particular client, in a specific market, at a particular time — is easy to determine. The designer shows what they have done for others in the past and proposes what it is they can do for the new client in the present.
If proponents of certification think they can somehow insert themselves into that process and substantively improve the outcome by certifying the designer they are simply opening the door to corrupt the most rigorous of standards: the meeting, the portfolio, and the brief.
I point you to this website for three reasons.
it's a good reminder that the internet is not magic — it is, in fact, a tangible system of interconnected computer networks that is designed, constructed, and maintained by real people and their organizations. I fear that many of us push a switch and expect something to happen without appreciating the enormity of what that takes.
Second, the Google Data Centers Gallery website is a good example of responsive web design — a simple, clean design that automatically adapts to the device on which you are viewing it. If you're on a desktop or laptop, narrow the window of your web browser to see how the same page adapts itself to tablet and smartphone screen shapes and sizes.
Third, I like the design. Responsive layouts tend to use simple shapes, briefer/larger text, and more illustrations. I suspect 2013 will be the year that responsive design goes mainstream.
Happy New Year.
It is a long standing question and I believe the answer is your's alone to decide. But few would argue that art is not the foundation of design and therefor, we can gain great insights and inspiration by studying those roots. The Google Art Project is a wonderful resource for doing just that.
As they explain it, "The Art Project is a collaboration between Google and 151 acclaimed art partners from across 40 countries. Using a combination of various Google technologies and expert information provided by our museum partners, we have created a unique online art experience. Users can explore a wide range of artworks at brushstroke level detail, take a virtual tour of a museum and even build their own collections to share."
Designer Atle Mo created Subtle Patterns as a way of giving back to the web community at large. He curates a large collection of free background patterns that that can be used for both personal and commercial work. Very nice.
In the last few weeks a team of designers at the University of California have received a painful lesson in brand ownership. It's called "don't mess with my logo".
It's a fairly common problem: branding works. If you spend a lot of time and effort building one, you must understand that you can't just barge into the room and change the wallpaper. You've got to be diplomatic about how you make the transition. In some cases people simply don't like change. In others, a majority of those effected might not like the new solution.
In this case, it appears, the reaction was negative on both fronts. I even saw a comment from an internationally known type designer on one blog that simply said, "The new logo sucks" — that hurts.
The design aside, you'll see one seemingly silly, actually serious mistake was made in the video used to roll-out the design: they show the existing University of California seal unceremoniously wiped off the page. That was a very bad idea.
A monogram is "a mark composed of one or more letters". Ironically, in defense of the design it was later argued that it wasn't the seal that was being replaced at all, just the university's existing monogram. Oops. Ouch. Over.
I love the stark, simplistic illustration style that is so popular these days, but my heart is warmed by Mikael Eriksson's wonderful old school, realistic illustrations. He makes it seem new doesn't he?
Near field communication (NFC) has been around for a while but it is just now becoming into play in a big way because more smartphone now incorporate the technology. (Some are speculating that the next iteration of the iPhone will include NFC capabilities.)
In a nutshell, NFC is a standard the allows two smartphones or similar devices to trade information by bringing them into close proximity of one another (I've read roughly 4 centimeters or 1.5 inches). You've likely seen the technology been touted as a futuristic way to complete a credit card-like financial transaction.
But what is particularly interesting to me is that you can also attach a paper-thin NFC chip to a printed piece or even embed it within printed material. That means you can instantly connect the reader of your business card, poster, brochure, or other collateral piece, to virtually any online source.
If you're not already on board, it's time to start thinking about ways of incorporating this up and coming technology into what we produce.
If you don't, I encourage you to take a close look at all of the privacy, security, and search settings of the web applications and search engines you use — because that's exactly what they do.
For those who are unaware, many environments include algorithms that record the fact that you like "A" and assume by it that you'll like "B". And based on that accumulated data, they begin to feed you more and more of what they perceive are your interests to the exclusion of other perfectly valid, useful information. It is what Eli Pariser calls a "filter bubble".
I bring it to your attention because I would seem to mean that we are less likely to stumble across the material we're not looking for — and that those chance encounters, to my way of thinking, serve up some of life's most profound learning experiences.
Don't get me wrong, I want to see content providers compensated for what they provide (I am one) — and for advertisers to reach their audiences. But I don't believe in someone else deciding what I should see, and hear, and read about — and certainly not without it being explained up front and prominently.
In his TED talk, Pariser quotes Eric Schmidt, Google's CEO, as saying, "The power of individual targeting — the technology will be so good it will be very hard for people to watch or consume something that has not in some sense been tailored for them."
Yes, every platform obviously needs to determine what data it chooses to present, but when you show me one thing and the next person something different, that's when I begin to worry. In the interest of transparency I'd like to know, first, that you're doing it, and second, about the assumptions you're making in deciding what to show.
Analytics consultant LunaMetrics.com has just updated its comprehensive image sizing cheat sheet for these social media sites: Facebook, Twitter, Google+, YouTube, LinkedIn, Pinterest.
Thanks to my friend Jessica Jones for pointing us to it...
Though Stefan Sagmeister is often billed as a graphic designer, I think of him as more of an artist — in either case, he is clearly an innovative thinker. So it is no wonder that two of his protégés — Hjalti Karlsson and Jan Wilker — peeled off during a Sagmeister sabbatical to form a studio of their own — karlssonwilker.
Though I think of their work as experimental, I point you to it because I think you'll find the seeds of many worthwhile ideas.
I want to point you to an interesting discussion on Quora about the ultra-simple design grid and tiles being used on Microsoft Windows 8 and within application interfaces created using its Metro design language.
It seems that increasing numbers of designers are abandoning the skeuomorphic-rich interfaces that have been so prevalent in the ramp up years of personal computing.
The term is new to me. In the digital world, a skeuomorph is an object the visually emulates an object in the physical world in the hope that the viewer will associate a similar action or feeling to it. In other words, a designer might use a three-dimensional button with shadows and reflections to communicate that, like a physical button, it begs to be pushed.
Here is a smart, insightful, and uplifting new manifesto by Seth Godin: We Are All Artists Now. I'm not pointing you to it because Seth is a well known writer and some might find it useful, I'm suggesting you read it because it is brilliant and important.
This little nugget is a new fundamental...
Quality Is Assumed
We assume that you will make something to spec.
We assume that the lights will go on when we flip the switch.
We assume that the answer is in Wikipedia.
All we're willing to pay you extra for is what we don't assume, what we can't get easily and regularly and for free. We need you to provide the things that are unexpected, scarce, and valuable.
The manifesto gives you a taste of his upcoming book, The Icarus Deception: How High Will You Fly?
I created a web store for a client recently using Big Commerce. It's my first experience with this particular platform and I must say I am favorably impressed. (I also have some experience with E-Junkie, Volusion, VirtualCart, Magento, and a couple of others.)
I assure you I did my homework. To me, there are at least five prerequisites to buying into this type of "software as a service" (SaaS):
A robust feature set. Big Commerce has a robust feature set, a comprehensive set of tools for designing and marketing the website, and a client-friendly interface for capturing and processing orders.
Reasonable price. My client is paying $25 per month for the site and no transaction fees — that is a bargain. I liked Shopify too but I couldn't justify the additional transaction fees in this particular case.
Good corporate reputation and outlook. TechCrunch reported in September that Big Commerce had raised it's funding to $35 million and that "The company, which has 30,000 clients and is profitable, also launched an application for merchants to list inventory on Facebook." The company's sales, marketing and support teams are headquartered in Austin, Texas, USA and their engineering and product team is headquartered in Sydney, Australia.
Exceptional technical support. I used Big Commerce live chat support many times as I ramped up, as well as their comprhensive knowledge-base and video tutorial library.
Active user community. I can't emphasize enough how important that figure of 30,000 users is. It gives the organization the momentum and capital necessary to keep the platform current with ever-changing technological and user interface advancements.
If you find yourself in need of an e-commerce platform, this is a solid one. Now is a particularly good time to sign on as they have recently begun rolling out a new interface and website. My experience has been a good one.
Full-disclosure — I was impressed enough that I signed up for their affiliate program so if you use this linke to sign up, I'll get a small commission if you decide to open an account.
Adam Hill is all over the place — in a good way. I love how he is able to bring a very different look and feel to each of the pieces he produces. That, to me, is the mark of a truly talented designer.
There are lots of folks out there that attempt to outwit Google in an attempt to improve their standing on search engines. I have never been one of them. I figure the best way to optimize websites it to focus on improving the value and quality of what you offer — trying to fool people into buying stuff they don't want or need is not only unethical, it's a conscious choice to take the most difficult path.
That said, Google is happy to share some of the many ways you can optimize websites to provide information in a way that gets you pushed up the page on its search results. If you want to know how to do it, all you have to do is tune into what they're saying and showing.
The Present & Correct website is a thing of diagramatic beauty — is that a word? I particularly appreciate the thoughtful, unique layouts of the illustrations. But the products are interesting too — have you ever seen a circular wooden ruler? I hadn't.
I really like lyrical, narrative illustrations by Craig Frazier. His work reminds me a bit of Seymour Chwast (see my last post).
A few posts back I pointed you to a new forum for learning about integrated branding — here's another. This one, Google's Creative Sandbox, provides the names of people, the companies they work for, and the tools they used to create some impressive projects and campaigns. In this case you'll even find details such as the number of lines of code written, the number of photographs taken, and so on.
Though I believe it is important not to view one's self as a statistic, I thought these definitions and predictions from the United States Bureau of Labor Statistics were worth pointing to.
The folks at Beakbane Marketing in Toronto, Canada are working to create a resource for the marketing industry: A site that will document some of the many pieces and parts organizations create to build their brands. Collateral, packaging, advertising (print, radio, TV, online), identity, and so on — the whole of which we think of as of the integrated brand.
As they explain it, "There are many sites on the Internet that show astonishing advertising or that show phenomenal online communications. Or clever corporate identity. Or beautiful products. But there are no sites that show how savvy managers are creating brands with a singular vision that are expressed coherently across diverse modalities."
The website is IntegratedBrands.org and you are invited to join in by adding your client's brand or another brands that interest you.
These vector mosaic icons of beer bottles created by illustrator Inaki Soria Izquierdo got me thinking about how we translate photographic imagery into graphic objects. His illustrations look almost as if he pixelated a photograph to and extreme and stylized it. In any case it got me wondering how I'd do something similar.
If you're using Adobe Illustrator, there's a pretty easy way to do it (below). You simply place an image and use the "Create object mosaic" option.
You'll also find a few links to illustrator Charis Tsevis who creates complex mosaics using other techniques.
While we're on the subject of emblems (my last post) check out this glorious collection of bicycle head badges. Need some inspiration? I particularly like the wealth of ideas for integrating typography with imagery.
I really like these bold, old-school emblems designed by Richie Stewart at Commoner. They are not only distinctive, you can imagine how versatile this type of stark, on or off design is in everyday use.
It seems to me that there is an ever-increasing chasm between the fields of web design and web development. (I'm using the terms here to distinguish between the design of a website [web design] and the programatic execution of the design [web development]).
And, thought I know many designers who dabble in development and developers who dabble in design, I don't know many who are experts at both disciplines. Even among the most talented developers, it is rare to find those familiar with more than a few platforms.
When it comes to content management systems, for example, developers often specialize in one or a few, such as Drupal, Joomla, WordPress, ExpressionEngine, and so on. Currently I am working on projects that require development on no less than four platforms: BigCommerce, Joomla, Drupal, and Movable Type.
So where does a designer find a developer? Certainly my first choice is to get a recommendation from someone I know. But beyond that, I must search developers out.
Today I want to point you some of the many sites dedicated to, among other things, connecting designers to developers. I have some personal experience with Elance.com but I have not used any of the others. So I'm anxious to hear how you find developers and about your experiences in the process.
Haha... I'm still looking for a Joomla freelancer... do you know a great one?
The next generation of websites is being designed in a very different way. Instead of creating different designs for each device (desktop, tablet, mobile) the next generation of websites is being designed as a collection of elements that are automatically rearranged for the device on which they are viewed.
It's referred to as responsive web design and, if web design was chess, responsive web design is three-dimensional chess.
I've found it a little hard to get my head around, but I'm beginning to like the idea. There is room for distinguishing your design from others, but the fact that you're designing a layout that will be recast in three or four different ways offers a new and exciting challenge.
If you're not familiar with the process, here are some links that will get you started.
Here's beautiful custom typeface commissioned by creative agency Saturday from the pan-European design collective Underware. It, like many great typefaces by top typeface designers, was designed exclusively for use by a single client — in this case, MrPorter.com, a men's luxury-goods webshop.
If you have the resources, there's nothing quite so un-usual as a typeface that is your's alone. This one, to me, is particularly distinctive.
In academic and media circles Edward Tufte has long been touted as the master of data visualization. If that is the case, why do I find so much of his work (and the explanation of it) nearly incomprehensible?
Sacrilege? You tell me.
In a recent interview with Advertising Age he said, "Graphics are at their best for really large data sets, as in sparklines for time series and NASA's photographs of the Earth. Sensibly-designed tables usually outperform graphics for data sets under 100 numbers. The average numbers of numbers in a sports or weather or financial table is 120 numbers (which hundreds of million people read daily); the average number of numbers in a PowerPoint table is 12 (which no one can make sense of because the ability to make smart multiple comparisons is lost). Few commercial artists can count and many merely put lipstick on a tiny pig. They have done enormous harm to data reasoning, thankfully partially compensated for by data in sports and weather reports."
Really? Only "Sensibly-designed tables?"
Is "100 numbers" a hard number or does it have a margin of error?
Are "commercial artists" less intelligent than artists who are not paid for their work?
Hmmm. Mr. Tufte is one of those experts who seems to know exactly how everything should be done and how inadequate everyone around him is at doing it. Yes. If I read far enough and analyze long enough I see some of his points and sometimes agree with his assessments. But I think too that there are often ways of doing things that don't fall within these margins or the perceptions of a single human being.
Illustrator? Animator? Architect? Designer? Typographer? I'm not certain what to call Bradley W. Schenck. Instead, I'll just direct you to his web page labyrinth and you can decide for yourself.
The good news is high definition imagery is approaching the highest definition the human eye can articulate. The bad news is, the next step is going to be a painful one.
Why? Because, for the next generation of high definition devices, most everything we're designing today is going to need to be produced at a higher resolution.
I didn't really pay much attention to this until my son Rob brought his new MacBook Pro by the other night for me to drool over (no worries — no actual drool).
He showed me that when you view conventional web pages and typical applications on the MacBook Pro's super high resolution Retina display, it looks a little fuzzy. Yes, fuzzy.
That's because the most of the images created for websites are not high enough resolution to display with their normal clarity. I'm not saying they look terrible, I'm saying, if you look closely, you'll notice a very slight blur (there are some simulations of this in the links below).
And that points to a very significant issue for designers as we go forward. To produce images that look good on the next generation of high definition displays, the formula for graphics will have to change. Actually it already is, it's just that not a lot of designers have adopted the newly changing standards.
I'm not telling you this because I have an easy fix — I'm telling you this because the issue needs to be on your radar. The following articles explain the issue from various points of view and point to some developing workflows.
Alex Knapp of Forbes estimates the cost thus far of finding a particle consistant with that of a Higgs boson has cost the world $13.25 billion. The problem is that explaining the significance of the discovery is almost as complex as explaining an annuitized life insurance plan — 99.9 percent of us don't even understand what we don't understand about it.
THAT is the ultimate challenge of graphic design. To use words and imagery to break ideas into pieces that are digestible to the audience they are designed to address.
I like these links on two levels. First, I'm curious about the importance and ramifications of the Higgs boson discovery and in seeing how designers, writers, scientists, and others are going about communicating this highly complex event.
If CERN spokesperson Joseph Incandela's statement, "We're reaching into the fabric of the universe," doesn't capture your interest, I'd like to know what does.
Seth Godin points us to an interesting article from the Wall Street Journal: Your E-Book Is Reading You, Digital-book publishers and retailers now know more about their readers than ever before. How that's changing the experience of reading.
Telling people what they want to hear is nothing new. The precise science of mentally and emotionally serving up exactly what they desire is. I like the idea of understanding how to meet people's needs and to provide products and services that suite them. But I'm not crazy about the idea of perfecting everything to fit within the clearly defined wants of the market.
That, to me, would seem to narrow the amount of energy that is devoted to produce new ways of doing things or ways of doing things that the majority doesn't much like. Isn't it often the counterintuitive and rebellious ideas that end up producing the most powerful impact?
Research and analytics have their place, but let's not lose the spontaneity of trial and error — it is a core principle of the creative process.
Simply put, an Application Programming Interface (API) is a structured process through which you access data that another party chooses to make available to you. APIs are used by many organizations that compile and organize various types of data, for the purpose of encouraging others re-use the same data in ways that make it of value to a wider audience.
Sometimes access to the data is free and anonymous, some sources require that you identify yourself and pay for using it.
So who cares? We do. Designers, marketers, and their clients can use APIs to create a "mashup" — the action of combining data from two or more sources to make something new and different.
Coding the API data once you have accessed it may not be something every designer is prepared to tackle, but knowing the types of data available and being aware of what might be possible is important.
To that end I'm pointing you to some further explanations of the API process and I've listed some examples of the many types data available through APIs.
Print is still the best way to deliver many types of messages
I consider myself pretty neutral on the relative value of print versus online communications. I'm as comfortable producing a brochure as I am a web page.
But I sense that print is getting a bad rap — it seems, is becoming a second class citizen. For what it's worth, here's a heads-up: Print, in many cases, continues to dwarf digital in the response category. There is some science to the assertion that a message in hand trumps its digital counterpart.
Digital (obviously) is a highly effective and efficient way to communicate, but let's not lose track of the fact that print is still, in many cases, the best way to cut through the clutter.
Here's some proof... (Thanks to Karla Humphrey for pointing us to the Millward Brown piece.)
We all dream. I guess that's what I like about illustration is that, in cases like this, you get a sense of how someone else imagines something. To me, it's just plain interesting to see the interpretation of an idea without the encumbrance of an explanation.
This is some brilliant stuff.
I appreciate a good icon — simplicity is tough to achieve. I'm impressed by these. I think Tim Boelaars has created something very much out of the ordinary.
Email design is a world unto itself. You'd think it would be easy, but as anyone who has done it knows, it is a format fraught with all types of issues — there's the marketing side, the design side, and the technical side. There's lots to know and lots to try.
My son Jeff Green specializes in email design and knows lots of the technical ins and outs. Recently he shared a couple of links that caught my attention and have gotten me interested in delving deeper. Hope you find them as interesting as I do.
I'm guessing most non-designers don't realize the amount of work it takes to photograph and edit product shots. It can take hours to shoot and edit a single image.
These videos reveal the reality of, first, the lighting and photography of a wristwatch, then the cleanup and editing.
If you've watched The Pitch on AMC you've seen a little slice of how advertising agencies go about pitching accounts. It dresses a very complex process in deceptively simple clothing. While most designers will never lead a team of executives into a board room and pitch a multi-million dollar account all designers do, in their own way, struggle with many of the same issues.
To that end I invite you to read (along with me) an interesting book about the pitch process: The Win Without Pitching Manifesto by Blair Enns. Yes, I have not read it, but I have done enough research to know that it is well thought of by those who have. Right or wrong, this provocative paragraph from the introduction convinced me it was worth pointing to:
"The forces of the creative professions are aligned against the artist. These forces pressure him to give his work away for free as a means of proving his worthiness of the assignment. Clients demand it. Designers, art directors, writers and other creative professionals resign themselves to it. Trade associations are powerless against it. Consultants and outsourced business development firms earn their living by perpetuating it. And conferences put the worst offenders from all sides on stage and have them preach about how to get better at it."
I'd appreciate hearing your thoughts (use the "Comment" area below).
A friend recently asked me about a problem every designer has struggled with...
You have acquired some design business and the interested, engaged person who awarded it to you has handed you off to the person in charge of managing the project. The problem is, the manager has no design sense or any of the enthusiasm for your work that the high-up did. To compound the problem, they want you to, in essence, carry out their vision for the design which is, in your view, off the mark. What would you do?
If this is a decision-maker, I'd blame myself. It's my job as a designer to produce work that wows my client. If I can't figure out how to wow the intermediary or at least satisfy their need, I won't have the account long.
If the decision-maker is nit-picking the design, I try to communicate Article 7 of my Design Constitution about Aesthetics. Again, it's on me. Once they understand where I'm coming from, if I can't make them happy, no matter how difficult they are to please, it's on me. (I'm not suggesting you send your client the Design Constitution, just that you incorporate it in your thinking.)
If, however, this is a person between me and the decision-maker (an intermediary), I'd try to (subtly) get the decision-maker involved. I would copy them on emails to the intermediary and explain what I'm doing and why I'm doing it in genial terms (it's very important to avoid being confrontational — that demonstrates an inability to successfully cope with everyday difficulties). Then, if the intermediary makes tries to muscle their way around, the decision-maker can see who's being unreasonable and who isn't and, hopefully, wave them off.
All that said, a great designer will find a way (in most cases) of satisfying everyone's primary need. Design is opinion and part of being a designer is recognizing that others have opinions as well. The question becomes: How can you move forward in a way that respects the opinion and acknowledges the needs of everyone involved. That's called leadership.
Your turn: How would you counsel this designer?
To paraphrase John Lasseter, the Chief Creative Officer of Walt Disney and Pixar Animation Studios says, the tools don't create anything, it's all about what the creative person does with them.
Here's one example of where design and animation might be headed: back to good, old-fashioned storytelling. Ryan Woodrich, a well-know animator with an impressive Hollywood resume has created the first animated graphic novel: Bottom of the Ninth.
It reminds me that communicating in ways an audience already understands and then ratcheting it up to the next level is a valid way forward. Here's the question: What is the next level of the thing you are most successful doing?
I've thought a lot about web design this year and I see signs that we are returning to some tried and true ways of thinking.
By that I mean we seem to be returning to formats that lead readers through material the way the author thinks they are best navigated. Why? Because, slowly but surely, the reader-driven, you-decide-everything approach is proving to be inefficient and ineffective.
Instead offering many choices to address every possible reader scenario, we're seeing some designs fall back to a more linear model where the reader relies on the author to show the way. I'm not saying it is totally old school — user interfaces still offer lots of choices — I'm saying that (in many cases) authors are choosing to put information in the context they believe the reader will best understand rather than throwing it all out there and asking the reader to find their way through it.
To that end I suggest reading Jeffrey Zeldman's Web Design Manifesto 2012. It talks about his approach to simplifying design. It is not, obviously, a definitive answer, but it's certainly a conversation worth having.
Watch how artist Berndnaut Smilde made a compelling image by simply changing the context within which we normally see clouds. I love it. Next time you're in need of inspiration, try recasting the familiar.
Thanks to Diane Cooke-Tench for pointing us to it.
Berndnaut Smilde also recreated the facade of a building in Askeaton, Wisconsin in a town in Ireland of the same name. He says, "The idea is that if the Google Photocar will come by (it was recently seen in Limerick city), this image will be picked up, and the building will simultaneously exist in both Askeatons."...
The older I get the more I realize how little I know. It's a fact of both my life and my profession. That said, I think what makes me a decent designer is that I'm always willing to learn and, for the most part, unconcerned with making studied mistakes.
Today I want to point you to a couple of articles on Core77 by Don Norman, one of the founders of the Nielsen Norman group. They discuss the growing complexity of the design professions and a warning that we need to improve design education.
But here's the takeaway: don't wait around for the ship of education to make its slow turn. To be a great designer you're going to have to know something about design and science. Norman points to the fact that there is plenty of misinformation about our trade — lots of it being propagated by design schools.
If you're interested in user interface design, here's a rather extraordinary portfolio. Jason Wilson has participated in a few projects you might recognize.
Imagine you are Gerardus Mercator, the cartographer who produced the world map in 1569 that forever changed the world of navigation. The map was the Nova et Aucta Orbis Terrae Descriptio ad Usum Navigantium Emendata: the "new and augmented description of Earth corrected for the use of sailors".
Now take a few minutes to watch the video below. It is a composite of a series of time lapse sequences of photographs taken by the crew of International Space Station expeditions in 2011.
Next, take a look at Mercator's map.
My point is this: The video reveals the amazing details of the terrain Mercator was attempting to map. By comparison, his map was, in large part, inaccurate.
It got me thinking about how much I think I know and how potentially inaccurate and uninformed my efforts could be. I mention it because I think it's occasionally necessary to step back and acknowledge the limitations of our experience and knowledge. And to make a renewed effort to dig deeper and do better.
Mercator's work, of course, was genius. Maybe your's is too. But let's not forget that we all have much to learn, and even more important, that we don't know what we don't know.
I like the simplicity of this site created by the London design studio Spin for furniture designer and manufacturer Matthew Hilton.
If you design websites you're always looking for the next best technological solution and ideas for matching your client's needs with available products and services.
The BuiltWith Search and Trends tools offer a good way to gather data about who's using what and what the trends are. BuiltWith analyzes a specific website and returns information about the technology that drives it. BuiltWith Trends, among other things, tracks the number of websites using each technology within specific groups — widgets, email hosts, payment providers, and so on.
Both of those are free. For a subscription, you can sign on for an even more powerful set of tools for finding and refining similar types of data.
If you're responsible for recommending online products and services, BuiltWith will surely become part of your toolset.
There are also free BuiltWith browser extensions that make it easy to analyze pages as you move around the web...
Today my friend Grahame Berney points us to a website that just went live. It is, "A new website about Queen Victoria's life, using material from the Royal Archives, has been launched by Buckingham Palace, as an educational and public resource to mark the Diamond Jubilee."
I thought you'd want to take a look.
And while you're in the neighborhood:
Store Front: The Disappearing Face of New York is a book by Karla and James Murray, two photographers who have made a hobby of capturing the design of the one-of-a-kind storefronts that make New York City and the surrounding boroughs so distinctive.
When you think of it, a storefront is much like a page design: the store name is the headline, the store tag line is a subhead, the windows and doors are shaped like text boxes, and the myriad of logos and other imagery used as signage act as illustrations.
I find these photographs are a good reminder of the importance of distinguishing your client's brand from everyone else's. By that I mean, when you drive by a 7-Eleven or a Target or a Panera, you have a fairly good idea of what you're going to find inside.
As the world is homogenized there's a movement to homogenize design along with it. To create liquid layouts and non-specific designs that readapt themselves to the devices they are shown on. I want my client's website to work on a tablet, a smartphone, and a desktop, but to relegate the layout to a canned application surrenders a lot of what makes your branding unique.
There's a place for elasticity, but don't make the mistake of allowing your client's information to be interpreted as nothing more than data. Their "storefront", their unique design, creates some mystery and says and shows what they're about in ways others do not.
Back in January, typeface designer Matthew Butterick sent a letter to film director Brad Bird chastising him about his use of the Verdana typeface for the subtitles of the film, Mission Impossible. Bird's response came in the form of a tweet and was dismissive: "...If you direct a big film on a tight budget & schedule, chances are fonts won't ever be your most pressing problem."
I can't think of an example that better illustrates the chasm between those who specify and apply typefaces without giving it a thought and those who find significance in the many ways typefaces, properly used, are used to clarify the communication of information and make it easier to read and digest.
Matthew Butterick, who is also a lawyer, is the author of Typography For Lawyers, Essential Tools For Polished & Persuasive Documents. Though it is clearly written for lawyers, most of the book is applicable to non-lawyers as well. As he states in its introduction, "If you ignore typography, you are ignoring an opportunity to improve both your writing and your advocacy."
Though much of the book is presented online we are told that about two-thirds, including many visual examples, specific technical instructions for specific word processing programs, and other segments are only available in the for purchase versions.
Though I do not adhere to every nuance, I certainly recommend you take a look. Matthew Butterick's book offers a valuable, compelling example of typographic mastery.
Thanks to Jeff Fisher for pointing us to it.
That's the title of an insightful book by Dr. Susan Weinschenk — a Ph.D. in Psychology. In it she parses the intricacies of scientific research and restates it in the context of design and marketing.
It's a book in which even the most experienced designer will find valuable, useful insights that can readily be applied to all types of design work.
Are you a search expert? You should be. Search engines are a critical tool for a designer in 2012. They are the gateway between you and the vastness of digital space. If you're not using Google and other resources at an expert level you're conceding one of your most powerful design tools.
I realize it might seem as if I'm stating the obvious but I hear plenty of designers (and other professionals) who seem to ask questions that could easily be answered with an informed search. If that's the case, you can imagine all the other information goodness they're missing out on.
Searches can be as complex as you want them to be. To me the key has always been about putting yourself in the place of the person who produced the information you're looking for. It's about word order and "operators" and context.
If you're wondering if you know what you need to, take a look at this gem of a webinar from Stephan Spencer, author of Google Power Search published by O'Reilly.
The blurb about the webinar, Become an Expert Google Searcher in an Hour, explains it like this, "Do you use Google every day? Mastering Google's powerful search refinement operators and lesser known features could, over a year's time, save you days scouring over irrelevant results. Even more enticing is the promise of elusive nuggets of market research and competitive intelligence out there waiting to be discovered -- IF you know how to wield Google."
More than once, I've fallen into the trap of speculating about why a particular design isn't working rather than doing the research necessary to find out the real reason why. It's part ego and part stupid.
The reality is, an expert designer knows what they don't know. They are always willing to question, are forever learning, and will readily admit when someone else has a better way of doing things. (Someday I hope to be such an expert.)
Steve Krug, author of the web design classic, Don't Make Me Think, A Common Sense Approach to Web Usability, 2nd Edition (2005) offered up a new look at his theories and practices for evaluating websites and user interfaces in 2009 titled Rocket Surgery Made Easy: The Do-It-Yourself Guide to Finding and Fixing Usability Problems.
Krug describes it as follows: "Rocket Surgery explains everything you need to know to start testing, in the same non-technical-but-informative style as Don't Make Me Think. Like Think, though, it assumes that testing isn't your full-time job, so it tells you only what you absolutely need to know. I've even boiled down the most crucial points into six "maxims" so they're easy to keep in mind."
If you haven't already read it, I recommend you do. Krug processes are plain smart, no getting around it. If questioning makes you an expert, anyone who reads this will be one step closer to that status.
Yes even graphic design is, at its core, as much science as it is art. Those who see design as a pursuit of style miss the point. Design is about solving problems, communicating ideas, moving people to take specific actions, immersing audiences into new experiences, and so much more.
If you want a sense of what a broad, important discipline design is, take a few moments to explore these links. They are both inspirational and challenging. Lots of us flounder around in an attempt to find our place in the wonderfully rich profession of design. I have no doubt there is a place for anyone with a passion for the creative process and an open mind.
Let's start with Paola Antonell, senior curator in the Department of Architecture and Design for the Museum of Modern Art. A few years ago, at the first 5D Conference she talked about design and science...
Organizations like OBLONG, think big — that's what great designers (and scientists) do. Instead of narrowing one's focus, their mission is to "fundamentally change how humans use computers". Design is a scientific discipline...
The Test Tube with David Suzuki is a rich, interactive experience produced by the National Film Board of Canada to promote The David Suzuki Movie. Follow the link, answer the question: "If you could find an extra minute right now, what would you do?" (any answer) and you're on your way.
I was particularly taken by the vibrant, film image of Suzuki on a bold black background. It's a particularly powerful example of combining photographic imagery with type and graphics.
David Suzuki's story is one of many works produced by the National Film Board of Canada — "Interactive works, social-issue documentaries, auteur animation and alternative dramas that provide the world with a unique Canadian perspective." The main website...
Photographer Tony Dorio's wonderfully theatrical images don't need lots of explanation. I'm guessing that's why Hello Monday decided to create a website design that allows them to stand on their own. The site design is refreshingly different and the work is solid as a rock.
Here's a bold, interesting use of color and silhouettes from the folks at Turner Classic Movies — TCM.com.
Startup Weekend is a weekend-long, 54-hour, hands-on experience for designers, developers, and aspiring entrepreneurs — a forum for sharing ideas, forming teams, developing products, and launching startups.
The organization's web FAQ says that all business ideas are eligible but that approximately 95% of all ideas are mobile- or web-focused, and given the short time-frame, it is recommended that even non-tech ideas focus on tech-related deliverables such as mobile apps and websites.
The program, started in 2007, now operates as a 501(c)3 non-profit and is funded, in large part, by the Ewing Marion Kauffman Foundation, the world's largest foundation devoted to entrepreneurship.
Thanks to my friend Owen Zanzal for pointing us to this very interesting resource. If you're in or around Virginia, there will be a Startup Weekend event held in Charlottesville March 23-25 and I am told they are in need of more designers.
It could be your chance to come out and get something started.
I was drawn in because this website looks interesting. I dug deep because it is interesting.
What more could you ask? The folks at Specimen Products make great products. They and ALSO (their design studio) tell their story with thoughtful copy. They've taken the time to craft a mountain of information-rich illustrations. And they have wrapped it all in quirky, deceptively humble design.
This website that is firing on all cylinders, you could do it different, but you'd be hard-pressed to do it better. Hats off to Matt Lamothe, Julia Rothman, and Jenny Volvovski of ALSO.
Making this many elements work in concert is difficult to do. I really like packaging of the article headline, in this case, "EPIPHONE ELECTAR AMPLIFIER REPAIR, the drop cap, the distinct difference in the sizes to of the text lead-in and the body copy, the color palette, and layout of the comment boxes — said another way: I like everything.
Would it be useful to you, as a designer, to be a fly on the wall of Facebook headquarters and to hear what the leadership believes are its strengths and vulnerabilities? Wouldn't it be educational to know all about the current platform and hear about the products and services Mark Zuckerberg and his team are planning for the future?
This is a close as we may get — absolutely fascinating stuff: The Facebook Form S-1 Registration Statement as filed with the Securities and Exchange Commission.
Thanks to my friend Bruce Schneider for pointing us to it.
The "Business" section tells, in detail, how the Facebook platform works, what products and technologies it includes, how it currently fits into the social networking landscape, and reveals where its leadership wants to take it...
You don't need to read the research to know that many workflows and types of communication are shifting from desktops and laptops to mobile devices. One stat says there are already 1.2 BILLION mobile Web users worldwide. That's WEB users. Another asserts that 87 percent of the world population or 5.9 people are already mobile subscribers. Wow, I realized we were in another big technological shift, but (I must admit) I didn't fully appreciate the scope of it.
How will all this effect you and your business? I encourage you to read some of the research. That's what I've been doing. As my clients get more deeply involved with mobile, I do too. And if you need an orientation on the subject, mobiThinking's Global mobile statistics for 2012 is a good place to start.
The link below will take you to the full listing plus I have chosen a few other reports and linked you to them, just to give you a sense of the depth of research available.
In a world of websites that look, increasingly, as if they were pickled in the same jar, Justin Lerner's JLern.com stands out. I like the elasticity of it, the color palette, and the fact that it all fits on a single page.
The Walker Art Center in Minneapolis and the Smithsonian Institution's Cooper-Hewitt, National Design Museum, in New York have co-organized an international exhibition titled Graphic Design: Now in Production — what is being called, "an ambitious look at the broad-ranging field of graphic design".
As the exhibit's website describes it, the exhibit "explores how graphic design has broadened its reach dramatically over the past decade, expanding from a specialized profession to a widely deployed tool." The work featured, "explores design-driven magazines, newspapers, books, and posters as well as branding programs for corporations, subcultures, and nations".
Whether or not you are able to visit the exhibit, I encourage you to order a copy of the exhibit catalogue, a 225-page book that includes hundreds of examples plus twenty-some opinion pieces on the recent history and current state of graphic design by the exhibit's curatorial team and others.
The irony is graphic design, as Ellen Lupton puts it, is "about doing something in the world" or pragmatics — and the very nature of such an exhibit is to look at the work and describe it (for the most part) outside the context for which it takes action. It will fascinating to see how well the exhibit is able to bridge that divide.
I'm anxious to see it — here are the venues:
Walker Art Center, Minneapolis through January 22, 2012
Cooper-Hewitt, National Design Museum, New York, May 16, 2012
Hammer Museum, Los Angeles, California, September 30, 2012
Contemporary Arts Museum, Houston, Texas, July 19, 2013
Southeastern Center for Contemporary Art, Winston-Salem, NC, Oct 24, 2013
Here's an interesting idea: When you click on a name in the The National Cartoonists Society Members Directory, up pops portfolio sample and mini-bio.
I've been doing a some research lately into Twitter hashtags, trends, and its overall design. In case you're interested in such things, here are some links worth visiting.
Political ideologies aside, I've got to agree with Jason Fried of 37signals.com that The Drudge Report is one of the best designed sites on the web. Among the reasons he gives is that the page is straightforward, unique, specific, "good cluttered," and concise.
Perhaps his best argument is that if you were to pull the logo off most of the home pages of the competing news organizations (CNN, MSNBC, FOX News, ABC News, CBS News, and so on) you probably couldn't tell one from the next.
In a recent The New York Times article, David Carr points to the numbers: "With no video, no search optimization, no slide shows, and a design that is right out of mid-'90s manual on HTML, The Drudge Report provides 7 percent of the inbound referrals to the top news sites in the country."
Ty Fujimura for Huffington Post explains, "Beauty is merely one component of design, like usability, speed, cost, and time. Design is not decoration, it's a concerted effort to solve a particular problem. Some sites don't need to be fast. Some don't need to be cheap. Others, like Drudge, don't need to be pretty."
It's certainly a design worth studying.
Here is some more work from Johnny Kelly and Matthew Cooper (I recently pointed you to an elaborate animation Kelly directed through Nexus Productions for Chipolte).
These examples are a reminder of how simple and effective an old-fashioned GIF animation can be. Viewing them as a whole adds another layer of interest.
In the recent past I was approached by a web startup to help with the design of a product user interface. To make a long story short, they wanted me to compete with several other designers to produce a design and, if they liked mine best, I'd get the job. All they needed to see, they explained, was one page.
Just one design of the grid size and column widths...
One definition of the primary functions — what needs to be said and show...
One definition of the terminology — how to say it and show it...
One set of innovations — elements that distinguish their UI from others...
One treatment for the logo and tag line...
One design of the menu and button styles...
One design of the illustration and photography styles...
One wet of choices for the aesthetics such as typefaces and colors...
One page that I figured, properly researched and designed, would take a minimum of 30 hours to produce.
My point is this approach is bad business for everyone involved. Among the risks of spec work, the AIGA writes, "Clients risk compromised quality. Little time, energy and thought can go into speculative work, which precludes the most important element of most design projects — the research, thoughtful consideration of alternatives, and development and testing of prototype designs."
Needless to say I declined the offer (too bad, it looked like an interesting project). But all is not lost, it leads me to today's post — the debate about whether or not you and I should do spec work. Yes, I understand many of us pitch accounts but this is different. This is comparable to producing a finished TV spot to get a job doing a TV spot.
There are plenty of theories about where interaction design is headed — the trick is to separate hyperbole from true vision. Why should you care? Because, as designer and engineer Bret Victor puts it, we shouldn't, "...just extrapolate yesterday's technology and then cram people into it."
"Technology doesn't just happen." Victor says, "It doesn't emerge spontaneously, like mold on cheese. Revolutionary technology comes out of long research, and research is performed and funded by inspired people."
He knows what he's talking about. Among his many accomplishments Victor, "...designed the initial user interface concepts for iPad, iPod Nano, and half a dozen experimental hardware platforms. Initiated, designed, and prototyped over seventy concept projects, including radically reinvented interfaces for video editing, animation, drawing, learning, collaboration, mail, photos, and much more. Invented features for Mac OS X Lion. Worked with designers and engineers from all parts of Apple. (And) Routinely presented to top-level management."
If you're anything like me you'll find his insights and predictions fascinating. Thanks to my friend Monique Larsen for pointing us to it.
That's a quote from a member of the development team for Muse, a new web design and publishing product Adobe is creating for professional graphic designers (now in public beta).
I haven't used it so I have no opinion about its value, but if you aren't familiar with it, you need to be. Why? Because the barriers to design are going to continue to fall away. To make a living at graphic design we're going to need to be independent thinkers and doers.
I believe that, as the tools become easier to use and proliferate, more and more people with want to design. And that, as the field expands, good design will be more widely recognized, better understood, and the best of it will be more highly valued.
But being a good designer will be more difficult too — it will no longer be enough to simply make our designs look good, we're going to have to know how to make them work well.
In other words, more than ever, we'll need examine and understand the entire picture:
1. What is my client trying accomplish?
2. How can I optimize the content and design to facilitate that goal?
3. What combination of devices, technologies, and messages will we use to draw our audience into the conversation?
4. How will my client keep their marketing fluid?
Yes it's all moving quickly and it can get a bit overwhelming, but don't be discouraged, if you love it, you can find your place in it.
If you love the nuance of design you'll love (like me) this behind the scenes look at the subtle changes recently made to the Google Maps user interface.
I like this animated presentation for two reasons: First, the information is fascinating. The author cites statistics that point to radical changes in world markets in the future. Second, I like the look, feel, and sound of it. I flows nicely and uses type to emphasize the soundtrack.
If you don't already know Fredrik Härén, he is an author and speaker on the subject of creativity (his book like mine is an "idea book").
Mobile devices, mobile searches, and mobile commerce are not big, they're huge. How do we design for mobile devices? If you're not up on it, it's time to start the climb.
One source for mobile design insights is Luke Wroblewski, among his many credits he wa the co-founder of Bagcheck, Chief Design Architect (VP) at Yahoo! Inc., and co-founder of the Interaction Design Association (IxDA).
I happened on his work through an interesting new training piece on Lynda.com titled, Web Form Design Best Practices (see the link below).
Technology can be a little overwhelming sometimes. We're moving so fast, it's difficult to know which ideas to adopt and when to adopt them. Just when you settle on a content management system, for example, someone invents a new system that makes the one you just adopted looking kinda lame.
But it's inevitable. Hardware and software companies are like sharks, unless they keep moving forward, they drown — so they relentlessly invent and re-invent devices and tools in the hope that they'll maintain and grow their audience.
The good news is the creative options are ever expanding, the downside is it's almost a full time job separating the necessary and valuable from the gingerbread and hype. I love Adobe, in my lifetime they have played a major role in transforming my profession from a craft to a way of life.
I know it has become the industry way — but the Broadway show stuff makes me uneasy. I'm beginning to feel less like a partner and more like a member of the audience. Honestly, given the forces at work, I don't know that it is a problem that can be resolved, I just feel compelled to point to the obviousness of it.
You be the judge: Adobe's next big thing -- the creative cloud.
Do you know the terms "custom content," "content publishing," and "content marketing"? They all center around the idea of producing editorial-like content to promote brands in print and online.
A simple example is a magazine sponsored by a mobile device manufacturer that points to ways of using mobile devices to conduct business.
Following are some examples and resources (tip of the iceberg).
Much of the time the principles large companies use to develop and market their products does not translate well to small- and medium-sized concerns. The web is different. All websites have one significant thing in common — they all pursue a one-to-one relationship with the reader.
So it stands to reason that there is some value in understanding how successful websites make that connection. And there is no website that has more experience at it than Google. Here are their design principles.
When I saw this lovely lithograph by Angie Lewin, it made me think there are probably many ways it could be used for commercial purposes. On the cover of a brochure for a spa, to illustrate a web page for a bed and breakfast, and so on.
My point is, we shouldn't be shy about inviting artists to collaborate on projects. In some cases, artists will be receptive to the possibility, in some cases not. I'm just suggesting it's worth investigating. (I'm using Ms. Lewin's work as an example — I'm not implying that she would be interested, but I'm guessing most artists would be willing to entertain a proposal.)
Attention, in particular, managers. Here's a rare interview with one of the co-founders of Adobe, John Warnock where he discusses innovation and the manager's role in it.
On the future of computing, Warnock tell those students contemplating a career in computer science, "...There is so much more room to innovate now than there was when I was growing up with computers — and there's so many more inventions to make, and there's so much more to conceive of and build because of the capabilities of the machines, that the opportunity now is greater than ever — and the returns are greater than ever..."
In fact, I can think of only a few clients who seemed really difficult to work with. I've always though it was a two-way street — if, after a while, you're unable to demonstrate your value, you're either dealing with someone who is oblivious to well-executed, smart marketing, or you're failing to provide it.
But for the moment, let's entertain ourselves with stories of those less fortunate.
Clients From Hell is a collection of anonymously contributed client horror stories from designers. In the forward to a compilation of contributions in book form, the editors explain, "...What if the reason we were consistently running into the same issues with different clients was that we were the difficult ones?... Feeling the sting of insecurity, we launched Clients From Hell in a desperate attempt to validate ourselves."
A Website That Works: How Marketing Agencies Can Create Business Generating Sites by Mark O'Brien
You can't blame an author for writing a how-to book that remains somewhat generic — if you narrow your audience, you limit your sales. If you name software programs, point to online services, and get specific about technical issues you limit your book's shelf-life. If you cite too many details you're likely to raise objections.
If you do all of these things, you're clearly not writing to please everyone, you're writing because you have something to say — and that's a book worth reading. A Website That Works is a book written for a specific audience: marketing agencies, that offers a smart, detailed approach to creating websites for both the agency and its clients.
The author, Mark O'Brien, is the president of Newfangled.com, a web development company that specializes in working with creative agencies to build marketing sites. The publisher is Rockbench, a company owned by David Baker, founder of ReCourses, Inc., a management consulting firm that focused on the advertising and design fields (I've pointed you to ReCourses a couple of times in the past).
What I like most about O'Brien's book is that it maps a specific course. You can agree or disagree with any particular proposition or conclusion, but the value is in seeing, step-by-step, how one firm is developing websites 2011 — it's current, thoughtful, and easy to digest.
He look at everything from audience definition and search engine optimization to information design and lead generation. I particularly like the chapter on "persona development," — the process of creating profiles of the people who use your site. "Well crafted personas," O'Brien explains, "serve as a guide for the site development planning stages and are helpful when navigating through the trickier elements of dealing with information design, visual design, call to action creation, and content strategy planning."
The other thing I like is that the writing is succinct. It drives me nuts when authors require their readers to scour 300 pages of obfuscation for 25 pages of information. A Website That Works offers 140 pages of worthwhile, intelligent advice from an author who is clearly an expert in his field. I believe every marketer, designer, and most clients will find something significant in this book that they will use on their next project.
A Website That Works: How Marketing Agencies Can Create Business Generating Sites by Mark O'Brien; ISBN-10: 1605440086, hardcover, 140 pages, published by Rockbench Publishing, 2011
My general rule is don't use too many typeface families — too many meaning 3 or more. Here's how you break that rule with abandon. I see at least 6 typefaces from various families and it works just fine. I love how the hanging string and piece of chalk are used to divide the columns.
Pentagram Design is owned and operated by 16 partners as an "independent design consultancy." As long as I can remember, it has been a place you could turn to to find some of the world's top creative thinkers.
Though the founders have all moved on, the system they instituted continues to attract top talent and to produce great work.
Today I want to point you to their newly redesigned website and, in particular, the elegant slider bar that allows you to slide through work horizontally.
There's lots to see.
There are at least three things to like about this website design:
First, the fact that the site is just one page. It gives me a sense that I can find what I'm looking for easily.
Second, I like the light, delicate feel the designer achieved with the use of transparency and how it plays off the background texture.
Third is the way the multiple layers interact. It provides lots of visual interest but its not so much that it's distracting.
I'm pointing you to Brainfood.com becuase I want you to see their elaborate header and the animation associated with each menu category.
As the story goes, Adobe was founded in 1982 and named for the Adobe Creek that ran behind John Warnock's house in Los Altos, California. Who could have predicted what Adobe would become — the company that started as the home of the PostScript page description language, ended up precipitating the desktop publishing revolution and today has 9000-plus employees and revenues of $3.8 billion.
But the magic, to me, is what Adobe has done for my profession. It has helped to grow seemingly creative disciplines -- graphic design, photo editing, illustration, animation, and so on -- into scientific collaborations and pursuits of the highest order.
Adobe invests 20% of its revenues in research and development. But, as they explain it, "The company's commitment to innovation... goes far beyond dollars spent. With a wide range of initiatives that provide resources, tools, and support to stimulate innovative practices at every level of the company's activities, Adobe has ensured that innovation remains an essential element of its long-term strategy."
For a guy who once used a T-square and press type, the stuff going on in places like the Adobe Advance Technology Labs is science fiction made real.
Adobe Advanced Technology Labs home page (Above are just a few of the many developments Abobe has pursued on its own and in collaboration with other organizations. Be sure to explore the many headings under "Technologies" in the right column and meet the some of the players.)...
In his "Thoughts on Flash" article of April 2010, Steve Jobs makes his argument for why Apple no longer supports Flash — that Adobe's Flash is proprietary and therefor a "closed" platform and that Apple wants an "open" one.
"HTML5, the new web standard that has been adopted by Apple, Google and many others, lets web developers create advanced graphics, typography, animations and transitions without relying on third party browser plug-ins (like Flash). HTML5 is completely open and controlled by a standards committee, of which Apple is a member."
That's a necessary preface to showing you the official HTML5 website. I point you to it because of the technology it represents AND for the design of it's logo and icons.
When will HTML5 be ready for primetime? This recent article by Stephen Shankland for CNET News ends with the following "...although the HTML5 standardization process is very drawn out, it's not charting some future ideas. More often, it's codifying the present, settling down practices already supported in browsers and used on the Web. So in many regards, HTML5 is already here"...
If you're a writer, designer, illustrator, photographer, editor, developer, or marketer, the obvious answer is yes. The proof is in the many new studios popping up to specialize in the development of content for the new generation of phones and tablets.
Electric Type, for example, bills itself as a digital book foundry. Here, they provide us with a taste of how some of the aforementioned players have collaborated to reinvent a storybook.
SeventhStreet bills itself as a retouching and design shop. That's kind of like calling Pixar an animation studio — accurate but modest. These folks, under creative director Mike Campau, do amazing things with tools such as Photoshop, Poser, and other 3d and CG rendering programs.
Look and you'll find many examples of finished images and details about the many images that were used in their making.
Watch how the folks at Design Bridge show a project in story form. The illustrations of some are more elaborate than others, but among them you see information-rich compositions shot using a broad mix of angles and distances — establishing shots, medium shots, close-ups, high-angle, low-angle, and so on — many captured with a touch of drama.
Most show marks and packaging and then, depending on the project, show how the brand is applied to clothing, signage, accessories, collateral, and so on. In some cases, they also include a shot or two of people and places where interaction with branded materials is taking place.
It helps, of course, to have stunning work to show.
Creative Juice, a microsite designed by Matt Stevens for Hawse Design, is described as an effort to gain the attention of new clients. I am guessing it worked.
If you want a client to trust you to successfully represent their product, service, or idea, you'd better be successful at presenting your own.
If you're in need of a quick solution for creating an iPad compatible publication/app, I've seen a demo of a product that might interest you. Twixl Publisher is a plug-in (and service) of Twixl Media. It allows you to create a publication/app which can include features such as links, audio, video, slide shows — even a storefront.
Simply put, you create the document in InDesign and then save it using Twixl Publisher. How it works from there depends on the license you purchase. For example, you can purchase a standard license for $1400 and pay $350 for the final build of each app you create and you can purchase an advance license for $7100 and publish as many apps as you want without an additional charge.
I haven't used Twixl Publisher but, having seen some of the other solutions, it looks like a reasonable price. In essence, first time out, you're publishing an app for under $2000.
Have you used Twixl Publisher? Please comment here and share your experience with us.
I think the design of giraffe.net, a franchise restaurant chain in the United Kingdom, is worth pointing to.
I want to point you to this gleaming website design to draw attention to the rather unusual navigational structure. It's both high-design and practical — a rare combination.
I'm relatively new to QR (Quick Response) codes. Though they've been in wide use in Japan since the 1990s they haven't been adopted elsewhere (in a big way) until recent years.
The idea is simple: The code — which can be printed on a billboard, a business card, and everything in between — is scanned using a mobile device that is equipped with a QR code scanning APP.
The code — which can be used to contain text, map locations, web URLS, images, email addresses, and so on — then automatically finds the information contained in the code or to which the code points and displays it on the mobile device's screen. There are variations and other options, but that's the scenario most touted.
Some think the QR code will remain the standard for a time, others call it a gimmick. The latest controversy is that Google, an early adopter of QR codes is now turning it's attention to a chip-based scanner (reader) known as NFC (Near Field Communication). NFC is said to offer the prospect of even more advanced transaction capabilities.
In any case, whether you simply want to ride the wave by including a QR code on your client's business card or you want to fully implement a campaign and an accompanying mobile web site, the option should certainly be on your radar.
Design is often a collaboration. If you're sharing files with clients, other designers, and developers, it's worth asking yourself if the files you produce are user-friendly. In the case of a program such as Adobe Photoshop it's possible to produce a similar result using two, or three, or ten different approaches and common to produce dozens of layers.
To every problem a solution -- enter Dan Rose and his Photoshop Etiquette Manifesto for Web Designers: "A collection of ways to improve the clarity of a PSD when transferred. You stay organized, your developer stays happy."
I can't say every step is necessary, but it certainly offers some excellent ideas to consider.
Wow. There really isn't much that can't be programmed these days. A post on the New York Times' Bits blog pointed me to the McWorld — home of a game and story portal for kids.
It really is an impressive production. Lots of colorful, interesting illustrations, innovative interfaces, and, one thing I have not seen (or heard) before, audio rollovers (you roll over a button and a voice tells you what the button does).
My only (long standing) complaint has to do with the fact that Flash is used which means I can't point you to individual pages.
Here's a recent, graceful adaptation of GIF animation produced in a collaboration between photographer Jami Beck and designer Kevin Burg. They take still images and add subtle movement in a discreet area of the image. The result is a still image with isolated movement — a very nice effect. (Be sure you wait for them to load fully so you don't miss the effect.)
Thanks to Daniel Will-Harris for pointing us to it.
In Facebook's own words, "Facebook Studio is a place to celebrate marketers who are creating and innovating on Facebook. It is a community where you can share your work, get recognized for your creativity, be inspired by your peers, and browse a collection of work that represents some of the best marketing on Facebook."
Ad Age reports, "Facebook executives say this move is a first step in a give-and-take dialogue between Facebook and the creative advertising world. Until now, Facebook has been mostly hands-off with agencies, letting them navigate the frequently changing Facebook waters without a compass."
Whatever it is, it's interesting. Assuming Facebook can maintain the enormous community it has been the recipient of in recent years — it is a platform that creatives must reckon with. Here is a spot for sanctioned conversation.
I like how Carnegie Fabrics uses typography as a window to its products — simple, effective, purposeful.
Fifty and Fifty an fascinating project curated by designer Dan Cassaro. It offers a "...new way of looking at our country. Fifty designers, one per state, will illustrate their state motto, creating something steeped in history but completely modern and unique: a kind of designer's atlas."
I have two reasons for pointing you to it. First, the illustrations/designs are excellent, and second, Cassaro's choice of designers is out of the ordinary. He has tapped the talents of several designers I was not yet familiar with and that are well worth knowing.
I often take note of layout ideas that could be used in my own designs. Here are a few recent examples...
Wow. There are so many good ideas here: The floating navigation that gives you access to everything everywhere. The combination of graphics and video — watch how the vessel circles and shines light on the round badges. How various layers flow at different speeds to create a sense of depth. And the gradual, fluid movement of the line that leads you down the page.
And that's just what I like about the first page — gorgeous design.
This, to me, is a brilliant example of how designer and writer can collaborate to tell a story that adds real depth and interest to a brand.
First take a look at a photograph of the actual restaurant. I think you'll agree it looks inviting. But now look at the website — it provides a much better sense of what Marie Catrib's is all about. (I particularly like the first headline: "It's hard to imagine, but at one time Marie was banned from the family kitchen."
One mention of this at BestWebGallery.com attributes the project to designer Brandon Satterlee, design studio Fusionary Media, and illustrator Geoffrey Holstad.
Before I can design something — a website, a logo, a brochure, whatever — I've got to understand what needs to happen. What my client's purpose and motive is, and the action they want their audience to take.
Once I understand what I am being asked to accomplish, I can design with purpose. I'm not a decorator, I'm a designer — my job is to determine the combination of elements — the images, typefaces, and user interface — necessary to communicate messages in a way that makes them interesting and accessible.
Teaching that process is what John McWade is so expert at. Through the pages of Before & After Magazine, he has been teaching what others don't, in ways that others can't, since the days when the first version of Aldus PageMaker was in beta testing. He parses, deconstructs, and studies a design problem, then packages a solution in a form that is easy to understand, digest, and reproduce.
I've written for B&A and I can testify that there's nothing easy about making things simple. I have pointed you to John in the past, but there is some new news worth sharing: John McWade has begun a series of wonderful short stories about design — video snippets that once again have me thinking about what is possible.
Wufoo is an Internet application and subscription service that automates the design and development of online forms. I point you to it for two reasons: First (and most obviously): because you might find yourself in need of their services, and second, to tap the substantial gallery of forms and ideas they share — if you want to see how user-friendly forms are designed and executed Wufoo is a good place to start.
QUESTION: Do you have any suggestions for other forms design resources? Please comment below.
Let's pose for a moment that you know nothing about boating, that you have never even seen a boat... I can still assure you, I know less about boating than you do. But that doesn't lessen my enthusiasm about what I think is an excellent example of good user interface design: the Tige Boats site.
If you have a great story to tell, the web is the place to tell it. Tige Boats lays out their product from all angles: specifications, customizing, the manufacturing process, even after the sale lifestyle stuff. They seem proud to show you, tell you about, and invite you into any part of the process. If you've got it, why not flaunt it.
The site provides lots of boating information, but also equal or larger lessons in the design of user interface.
My old friend Martin Bounds points us to Big Think: "a global forum connecting people and ideas." Design is not the only focus, but the site does include many design-oriented interviews with people whose names you will recognize. In all, superb, personal insights well worth your time.
Here's a taste...
We live in a time of increasing transparency. People and organizations seem more willing, than ever before, to share their process and production insights.
Such is the case of The Wonderfactory, arguably, one of the top web development organizations in the world — a firm that counts among it's clients, behemoths such as WebMD.com, MarthaStewart.com, Newsweek.com, NationalGeographic.com, TheWashingtonPost.com, and TheHuffingtonPost.com
On it's web you'll find many interesting and important insights about how it's team develops in general and a history of some of the proprietary materials typically shared only with clients... moodboards, concepts, wireframes, and more...
Intercommunipackastratapromotising™ is a catchy little, easy-to-remember term Grip Limited devised to plant their ideas in your head. Once you see their work, you won't need a device to remember it — the work is brilliant.
So is their website — in fact, it works so well, on so many levels that it's difficult to know where to start.
A few things that caught my eye:
1. The "top down" menu at the top of the home page screen.
2. The fact that the layout would appear to work well on just about any device.
3. The adept choice and use of typefaces.
4. The fact that whether you scroll, drag, or click, you quickly see what does what.
To me, this site makes lots of other sites look like yesterday's news.
The Google Chrome team is offering up "big picture" story of the web in 2010. Both the content and the execution are worth a look. I particularly like the subtle but easily understood controls.
A List Apart offers their annual look at the "source code" of the web designer — what they characterize as, "...the first true picture of the profession of web design as it is practiced by men and women of all ages, across all continents, in corporations, agencies, non-profits, and freelance configurations."
In it you will find everything from from the salaries they command to the number of paid holidays they get. The A List Apart staff set a high standard, but they deliver the goods. The survey is interesting and filled with insights that I've seen nowhere else.
On the occasion of the 2010 survey, the results of the 2009 List Apart Survey...
Here's something for entrepreneurial photographers, illustrators, and designers to think about. Photodeck offers a full blown e-commerce platform (for a modest monthly subscription) that allows you to display, license (in a variety of ways), and sell images.
I like the fact that it moves control of the work back into the realm of its producer. I can't see why the same idea wouldn't apply to illustration and design work as well.
I like the convenience and variety the big conglomerates offer, but I also like the personalization and access afforded by sites that are handled by the people who do the work. I hope, as technology packages such as this become more widely available, that we'll see a better mix of both.
This is a wonderful design, but unfortunately it evidently does not exist. Wow--if this is the loser, what the heck was the winner.
I was talking to a fellow designer the other day and we were discussing the horrendous state of marketing in certain quarters—where unscrupulous marketers put forth products and services that are clearly meant to do nothing more than part people from their money. It's an old problem, the tactics of which, I hope and believe will become less and less viable in the years to come.
Though their approaches are very different, I want to point to two men who really do seem to have a finger on the pulse of that change—Seth Godin and Tim Girvin. They are both passionate advocates of honesty, clarity, and style.
The "honesty" part insists on worth and value. I doubt either of these guys would even consider selling a product they did not believe in. That would be antithetical to their nature.
The "clarity" component is what they are about. Though they are both great teachers (and prolific bloggers) their passion seems to be that of students. You simply can't understand and articulate foundational ideas if, from time to time, you don't shut up long enough to listen.
And "style" is their mantra. They both preach that the story you tell and how you tell it is what distinguishes you from everyone else. I can't help but think, as the world amalgamates, that greater and greater value is going to be placed on the positive things that make each person, place, and thing unique.
I'm not telling you anything you don't already know. But these gentlemen will.
Gestalten.tv offers a brief interview with the current generation of graphics reporters at the New York Times. It includes comments from Graphics Director Steven Duenes and Graphics Editor Archie Tse—generally, what a graphics editor does, and specifically some example of the current direction at the NYT.
TWO-N, the home of Hermann Zschiegner, demonstrates a broad palette--architecture, interaction, branding, data visualization, print, and photography.
I point you to it primarily to show you his wonderful menuing scheme but, if you're like me, you'll remain to explore the depth and quality of his work.
A deck of playing cards could be easily be pigeon-holed as a tired, old product. But watch how the designers of this site and the featured deck of cards make playing cards a 2011 product. Powerful stuff.
I don't know many designers who are really good at both the technical and the creative. Here's a guy (Nicholas Macias) who knows design. And user interface. And typography. And coding. And, perhaps most important, seems to know when to quit designing. His stuff looks simple yet it has lots of little visual and technical hooks that make it unique.
The arch is a beautiful thing. To me, the symmetry of it projects a sense of strength and grace. Watch how Jesse Bennett-Chamberlain uses arches in his latest design for Steinway.
My friend Sabu George points us to an interesting example of how a logo concept can be used for multiple purposes.
This is an extreme example, but it might help you conjure up ideas about how to make your next logo design perform more than one trick.
This is SO cool. If you're interested in iPhone or iPad development, you know that the graphic user interface (GUI) for the devices is both deceptively simple and beautifully designed.
This is the cool part: Teehan+Lax, a design company in Toronto, Canada, has gone to the expense and trouble of reproducing both interfaces in Photoshop and have made the PSD files available to you and I so that we don't have to re-invent them.
Even if you have no plans to develop for these popular platforms--if you are a Photoshop devotee--you should download and parse these files just to see how they are constructed and organized. They're downright elegant.
Thank you Teehan+Lan for a lesson in Photoshop, GUI development, and kindness.
There are two things worth noting on the Parish Foods & Goods web. First, the design. Commarts.com featured it in its Exhibit section this week. (I'm a sucker for engravings and type illustrations.)
Second is the fact that, when you click on a section tab, you skip down the page to that section--not a separate page. For all intents and purposes, it is a one page web site.
The great gift of the digital age is shared knowledge. Technology makes it possible to document levels of information that, until recently, were just too costly and difficult to capture and maintain. In the case of writing and design there is a repository of information, much of it freely available, that provides us with an extraordinary opportunity to dramatically improve the quality and effectiveness of communication.
It provides a foundation of ideas, expression, and practical information on which to build the next, better solutions. Want to write better documentation? Create a better web menu? Understand why people interact with messages the way they do? It's all there for the taking. Here's a taste...
Here's another chapter in the--of-interest-to-geeks-only--saga of the battle between Adobe's Flash and HTML5.
It really is kind of interesting. In case you missed it, there has been a bit of a falling out between big players such as Adobe, Apple, and Microsoft regarding the adoption of the software used to code dynamic content.
Are you still with me? Read on...
My first thought was: Why would anyone put a portfolio of static print and web design on video? Here's why. MINE, the design office best known for it's "Everything is OK" campaign, has a bright, upbeat vision. I'm a big fan.
I got this question from another designer recently: "My client requested a logo design. She filled in my design brief questionnaire, I presented a few concepts, and we went through three rounds of concepts, variations, and tweaking. They were not sure of any of the designs and finally backed off. Though I did get an advance, it did not come close to covering the time I invested in the project. How do you handle this type of situation?"
Whether you charge a few hundred dollars or a few hundred-thousand dollars, the great conundrum of logo design is this: If you can't provide the client with a mark that they are excited about and invested in you haven't done your job. It is that simple.
Designing a logo is a responsibility that should not be taken lightly. Remember, we're asking the client to build their organization on a framework that we provide—to adopt our ideas, our style, our palette, and to identify themselves with that brand for years, even decades to come. If we ask for that type of commitment from them, it seems entirely reasonable (to me) for them to be excited and energized by what we design.
That type of commitment does not come cheap. You cannot learn what needs to be learned and do what needs to be done in a few hours. I have no idea how many hours my friend budgeted to create the logo, but my advice to him is this: Charge what is necessary to deliver a compelling solution or turn the job down—you owe that to your client and your client owes that to you.
Logo design requires a commitment from both sides to see it through to its end. That means you need to charge enough to do the research necessary to understand the client's industry, their competition, and to clearly understand where they fall within that landscape—enough to create a design that not only speaks to those issues but that aligns with the aesthetic and intellectual sensibilities of the people within the organization who will be living with it. That's a lot of people to satisfy, but that's why logo design is not for the faint of heart.
How do you avoid my friend's problem? By making everything crystal clear up front. Some designers prefer a formal contract, some a letter of agreement, others just a few paragraphs in an e-mail before the job begins—whatever you choose, choose something. If you wait until you are in the heat of the project to address difficulties, you're going to get bruised.
Here are a few examples of such agreements.
Pattern Tap is an invention of Matthew Smith at Squared Eye. It is (loosely) similar to other pattern libraries (Yahoo has a notable one) in that it presents the what, how, and why of user interface. The value is, instead of searching through a thousand sites for interesting and innovative UI ideas, you can discover designs someone else has found to be particularly notable.
I think you will find that Matthew Smith know of what he speaks. His company site, Squared Eye, is nice to look at AND easy to use—I have long admired it.
Graphic design is not art—that it is the mantra of anyone who hopes to make a living in the world of graphic design in 2010. You can make things flow intuitively and look smashing, but if you don't deliver the desired result, your design is more barrier than doorway. Results, of course, are subjective—this time you may simply want to capture an e-mail address, the next time the goal might be to complete a complex series of financial transactions.
ABTests.com demonstrates the reality of the nuance and science of current-day web design. It is a forum analyzing two versions of a page and results of which performed best. It is, at once interesting, useful, and frightening. If you love minutia, you'll love graphic design.
Thanks to Jeff Green for pointing us to ABTests.com.
Graphic design is a quirky business. You can explain what you do to relatives and friends, but no matter how hard you try, only about 10 percent seem to get it. The say, "Yeah, ____ is a graphic designer. We're, uh, real proud...real proud."
So when I meet someone who speaks my language I appreciate it. Jeff Gamet and Jay Nelson do a podcast hosted by CreativePro called Design Tools Weekly--they speak my language. It's nice to sit down once a week and hear a discussion about the hardware, software, and the general state of our business. I recommend it highly.
Jack Schulze, the Director of New Product Development at BERG, offers yet another example of how it is possible to re-invent things--even something as literal as a map. This map puts the viewer simultaneously above the city and in it--both looking down and looking forward.
I was once told by the editor of a magazine that the rarest type of writer was one who can produce good design and then describe how and why they produced it. If that was once true, I don't know if it is true anymore. I am seeing more and more examples of amazingly well-rounded individuals and organizations that produce lots of good work and demonstrate a real talent for showing and telling how they did it.
Unit Interactive is one of those organizations.
Surely printing on paper and systems for delivery of print have and are changing dramatically, but we are FAR from the disappearance of the print model.
There is a tendency for the web dog to bark at the print dog—as if the web dog is somehow smarter, more capable, better. But the web dog needs to remember where he came from. The web is awash in print metaphors—menus, file folders, pages, indexes, and so on—all foundational structures of the printed page.
It's exciting, to me, to discover people who are more interested in the next step than they are in the argument—in combining the strengths of both worlds to craft new solutions.
This is one of those cases. It is a new take on the conversion of the magazine from print to pixel. The producer is BERG, a design consultancy that works "with companies to research and develop their technologies and strategy, primarily by finding opportunities in networks and physical things."
The two sites I want to show you are owned by the same organization—a multifaceted corporation called Luck Stone. I stumbled on what I'll refer to as the "before", their corporate site, while searching for a product. From there I found my way to the "after", where they house their consumer products.
What struck me was how profoundly different the two approaches are. To me, there's nothing particularly wrong with the corporate side—though it looks a bit dated, it's roughly what you'd expect. But the consumer side is entirely different. It conjures up a very different organization—I think of the consumer products side as sophisticated, forward thinking, and pretty design-savvy. I get a sense that it is the kind of place that has answers and insights others don't.
To me, it's a textbook example of what great design can do to re-define an organization and drastically change people's perceptions about it. It certainly changed mine.
(The consumer branding and web were created by WORK Labs—more on them next week.)
Anyone who thinks graphic design is merely about style doesn't understand consumption. You can bake a pretty cake, but the true test of its quality is in the eating.
To me, the future of graphic design is clearly in the development of intelligent user interface. On paper or the screen, the most highly prized skill will be a designer's ability to recast information in ways that make it most interesting and useful.
The recently redesigned blog of designer Simon Collison is a good example of that type of user-centric thinking. He generously gives as an in depth insight into his inspiration, ideas, processes, and type and design choices.
You don't necessarily have to agree with all of what Liam McKay defines as "quality" to see the value in his post on the subject. In addition to ideas on type and spacing, he points out examples of excellent graphics craftsmanship--an important aspect of web design that I haven't seen discussed often enough.
You really need to see this. Bronwyn van der Merwe, the Head of Design and User Experience at the BBC just posted an article explaining a system-wide redesign they have been working on. I recommend you read it because I think it demonstrates how sophisticated web design has become and because I think (if you are into web design) that you'll find smart thinking to incorporate into your own work. I certainly did.
What I like so much about Fred Showker is that he sees the graphic design industry from more than one angle--he's is a working designer, an experienced teacher and presenter, a bit of a technoid, and the creative mind behind one of the top marketing and design resources on the Web--the Graphic Design & Publishing Center.
Not only does he stay curious about what's next, he has amassed a huge archive of insightful articles and tutorials on design, photography, typography, marketing, and the business of graphic design.
He recently did a major reorganization and re-launch of the site so, if you haven't already, I urge you to take a look.
It is sometimes referred to as 2.5D animation, sometimes as pseudo-3D, this technique involves creating a series of 2D images separated into layers and animating them simulating film moves such as trucking and zooming. It can be elaborate or simple but either way it's eye-catching.
The FWA (Favourite Website Awards) describes itself as "...an industry recognized website award program and inspirational portal based in England and is one of the World's leading website recognitions". Throughout the year the FWA names a SOTM (Site Of The Month) winner and then enlists an impressive panel of judges to discern the web site of the year.
Such judgments are, of course, subjective, but you can bet that the winner is something worth seeing. For 2009, the winner is WeChooseTheMoon.com. The concept, design and development is credited to The Martin Agency and Domani Studios.
There is also a People's Choice Award, Soytuaire.Labuat.com developed by Herraiz Soto & Co..
I'm a sucker for this type of 3D-design. It gives you a sense of depth you just can't match with most artificially built shapes and shadows.
Here's another good way to show off you work. I suppose you could use it as a primary destination, or as a way of boosting your visibility by offering an alternative source. In any case, Carbonmade offers both free and paid versions.
I wish other things worked like the web. In many cases it provides lots of value for very little money. Wouldn't it be nice, for example, if you could buy a years worth of chocolate cake for the cost of a cupcake?
Well that's roughly the equivalent of an offer I stumbled across today. As of a couple of days ago, you can hire Khoi Vinh, Design Director for NYTimes.com, and WordPress authority Allan Cole to design the underlying structure of you web site for a grand total of $45. Not $45 per hour--$45 period.
How? By purchasing the WordPress theme/template they took a year to develop. Is it good? You tell me. Vinh says, "If I were to redesign Subtraction.com today, it would look like Basic Maths." (Subtraction.com is his much written about and admired personal web site.)
It would seem to be worth the price if only to deconstruct it to see how it works.
Even if you don't use the code, the page itself will get you thinking about elements you might want to include in your design.
If you are unfamiliar with the 960 Grid system, I have also included a link below.
I wish more of my work reflected the confidence and restraint this design does. So nice.
Adobe has produced a very useful white paper titled Deciphering the Web, A resource for print designers. It speaks to traditional print designers who need a basic introduction to web and interactive design.
Who doesn't do web and interactive design in 2009? You'd be surprised, I know more than a few talented designers and art directors have little or no web knowledge and have resigned themselves to thinking that it's "too late" for them to catch up.
Well that is simply not the case--as they say in the white paper, "Good design is good design." As a matter of fact, if you count yourself among this group, you might even have a bit of an advantage. Today, with some clearly established ways of doing things online, you can skip much of the insanity the online community has had to navigate for the last decade or so.
It is not necessary to be a technical wizard--if you so choose, you don't need to learn to write code, you don't even need to learn how to use all of the programs involved. There are many talented developers and technicians who are more than happy to team with you to produce whatever you dream up. Like print, the key is in knowing what you want to say and show, how you want to say and show it, and in cultivating a network of experts to get the work done.
Here is a 20-page web proposal shared by Rogue Element via HOW magazine. It is always interesting, often instructive to see how others conduct business. This (to me) is an excellent example.
I ran a sitemap of GordonRamsay.com and it exceeded the 500-page limitation of the scan—a rather intimidating figure (much like its namesake).
But you wouldn't know it by looking at the home page. Simple, elegant images and a thoughtful user interface make the information easy to find and pleasant to look at. Interesting how well it mirrors Ramsay's own mantra of "classic" and "simple."
(For those who don't know him, Gordon Ramsay is a chef with what one might term an "acerbic" personality who stars in several reality television series.)
This site, to me, is interesting on at least three different levels. First, it uses a standard metaphor—the printed page—in a slightly different way. When you click "Preview" at the top right of the screen, the entire page shifts to reveal the surface underneath it.
Second, I like the subtleties of the folds and light manifest as different shades of yellow.
And third, the icons ain't bad either!
If you're interested in graphic design and publishing you are (no doubt) familiar with America's Test Kitchen and its parent: Boston Common Press. The publications, books, television shows, and web content it publishes are among the best I've seen. The content seems well-researched, well-written, and well-designed--their web sports an impressive, intuitive user interfaces.
(BTW, if you're a foodie, these are also terrific products.)
Traveling the web as much as I do, I see lots of "can't see the forest for the trees" issues. Problems and opportunities that seem obvious to the visitor that you, the site designer, might never figure out for yourself. A reaction. A technical bottleneck. An seemingly obvious deficit of information or direction.
One way to harvest the ideas of those who have that all-important, arms-distance perspective is (simply) to ask. Here, for example, is a form offered by the Smithsonian's Museum Studies site.
(I know that this is restateing the obvious, but sometimes what is obvious to you is not obvious to me.)
I think personalizing a web site (in most cases) is a good thing. It provides a sense of who's doing the talking, the scope of the business, and (most importantly) that there is someone confident enough about the product that they are willing to attach their name to it.
Most sites are black holes--two or two hundred people so concerned about privacy that they don't even list the organization's street address. Don't get me wrong, providing too much personal information is not smart. But contracts require signatures. If you want information about me as a customer and are unwilling to share anything about you as the seller, I get a little queasy.
Here is one example of how it can be done. Have any others?
I must get some kind of endorphin rush from "different." I like to see people break the mold, send the conversation in another direction, turn the tables, innovate, and so on. Web pages that scroll sideways are no longer revolutionary but I still love the fact that they are so counter-intuitive. Here is yet another excellent example pointed to by my brother Jim (thanks buddy). Music ain't bad either.
I did not write this book--but I sure wish I had. As someone who actively searches the Web for great design, I can testify to the thousands of hours it must have taken Patrick McNeil (of DesignMeltdown.com) to locate, categorize, and assemble such a large cross-collection of superior web ideas. Simply having a snapshot of these hundreds of sites at this time in the history of the Web is well worth the price.
Here's another version of the "infinite canvas" idea articulated by Scott McCloud. This time, we move screen-to-screen, box-to-box. I just wish I could isolate and point you to a specific frame--that, to me, is the big negative of Flash development.
On his blog, you can view the photograph of Daniel Will-Harris--hands clasped across his forehead--as an artsy portrait of an urbane intellectual, or the final attempt of a defeated soul to keep his brain from exploding. Whichever you presume, I encourage you to read this laugh-out-loud design review of what Daniel crowns the worst of all hotel web sites.
I love the idea of exploring the size and shape of the page. In this TED presentation, author and artist Scott McCloud explains and demonstrates his "infinite canvas" design strategy.
It is SO easy to lull ourselves into adopting restrictions that are often the remnants of decisions that, in many cases, is no longer irrelevant.
I realize this is not a new idea, but it is the first time I have heard it formally discussed. Best of all, it has got me thinking about ways to expand on the idea.
Thanks to my friend Don Snyder "Don The Idea Guy" pointing me to this.
I've been a fan of Hornall Anderson for a long time. I point you to their site to show you some interesting ideas they have incorporated into the user interface. (Yes, they may not have invented these, but seeing them in this configuration caught my attention.)
Watch how the designers employ screen symbols to demonstrate Facebook's new home page design--the three screens below the heading, "More about the publisher." I like how they simply silhouetted the elements to show the position of what they are describing.
It's all about the details.
Who do you think are the most influential web designers and user interface engineers of the day? Here is the beginning of my list. Who am I missing?
I like how this web experience begins with an establishing shot and then how the larger picture is subdivided into conventional categories. I was also drawn to the subtlety of the menu changes.
I want to use this site as a catalyst for a discussion. I like the design--it's an interesting approach to teaching people how to react when an earthquake hits.
But it also raises two questions about user interface. First, does inviting the reader to pick and choose what they want to read and to potentially bypass a critical aspect of the presentation the best way to cover the information?
And second, is a multiple choice question that plants right answers among wrong answers the best way to help readers learn and retain answers in a potentially crisis situation?
UI experts (and others), I'd love to hear your thoughts.
A solid set of notes is often the most valuable outcome of attending a conference. Good notes are certainly not a substitute for attending and making all the associated connections, but composing and referring to a thoughtful set of notes is definitely useful.
To call Mike Rohde's "sketchnotes" useful would play them short. These notes are both a valuble resource and a lesson in visualizing information.
The saying is, "Do as I do, not as I say." If you want to see what the usability experts view as state of the art interface design, you would expect they are using it themselves. There is much to learn by simply looking at how the experts set up their own site navigation.
A few interesting examples:
This struck me as a particularly interesting use of positive and negative space. I like the way the designer changes the colors in the counterforms of select letters and numbers and how she uses a mixture of positive and reverse type.
Lots of good design appears to be uncomplicated (which means, of course, that it is)--it is often more about confidence in your choices than it is your ability to be wildly creative.
For the uninitiated, it is broadly referred to as a content management system (CMS). The idea is, instead of starting from scratch, you build your web to sit on a proprietary or open source CMS platform. That way you profit from all the thinking and development already contributed by others. Here is a good place to compare systems head to head.
Put this in the category of tools you will never need—until you need them. Browsershots is an online service (created by Johann C. Rocholl) that makes screenshots of your web design in as many as 85 different browser versions with a variety of settings (with and without Flash, various depth of color, and so on). If you wonder how others are seeing your work, this is a very educational and sometimes frustrating process.
TasteBook.com provides tools for re-purposing web content--in this case, recipes. The idea is simple: You find material you like on participating web sites and compile it into a book that is then printed and shipped to you. It's smart on three levels: One, it allows the reader to pick and choose the content of their book. Two, it offers a new revenue stream for the participants. And three, it provides the developer with a way of offering unique content without having to create it from scratch.
If you're interested in ecommerce, you'll be interested in the Get Elastic Ecommerce Blog. It includes lots of in depth information on marketing, usability, design, and so on. Want to know how to minimize shopping cart abandonment? Or what to include in a comprehensive product description? Get Elastic is a good place to start.
Pretty interesting idea here—design a web using what looks like an organizational flowchart. It gives the customer a very easy way to find an item. I wonder if it might even work better for a project where the product images were not so key (I tend to think showing multiple product makes a page more interesting).
This type of design grounds me. It reminds me that you can never go wrong by focusing on basics. To differentiate your product or service from your competitors you identify benefits, communicate your passion, demonstrate your uniqueness, and establish your style.
I'm always on the lookout for interesting ways of navigating the screen. Johnson Banks uses a simple click and drag method to move around a big picture. To me, adds a sense of discovery to the process.
The Mohawk Fine Papers web employs an interesting paging technique. It communicates the content via a stack of single pages which (to me) effectively mask the scope and complexity of the content.
Two questions. First, do you agree that the design communicates a sense of “less?” And second, do you see that as a positive or a negative?
Simple is my mantra—often said and rarely achieved. In a world that becomes increasingly complex, visual simplicity seems most appealing to me. That said, simple is THE most difficult type of design. It requires a unique talent for pairing elements that, at the same time, speak quietly and deeply. Designer Nicholas Feltron has that talent, here are two examples.
I'd like to hear about your reaction to this. Typically, I am not a big fan of forced Flash. By that I mean being forced to watch a Flash movie intro without first choosing to do so. But this I don't mind. And, honestly, I simply would not have learned as much about this business if they had not jumped in and told me. What is your first reaction? (I have no connection with these folks other than they sent me a link.)
First, let me preface what I am about to say (gush) by telling you I don't know anyone at this company and I get no compensation for recommending them—but I am compelled to say that Media Temple is THE most intelligently designed, high-powered, and user friendly internet service provider (ISP) service I have seen or used. If you or one of your clients is in the market for a place to lay your/their head, this is it. The interface is a pleasure to use, the selection of tools is deep and wide, and the technical support (the five or ten times I have called) is smart and friendly. Even at 2AM.
I urge you to take a look around the site and to study the interface design, it is the best I have seen anywhere and they are constantly honing it.
Click play on this TED presentation, hover your mouse pointer over the bottom of the screen, and a bar appears that divides the presentation into subject sections—a very nice way to make the content accessible. (This is Malcolm Gladwell's talk on the distinctions between universality and variability including the source of the quotation, “To a worm in horseradish, the world is horseradish.”)
Greg Story is credited as the designer of the Today page on msnbc.com so I will attribute this technique to him. What I am pointing to is how he uses a transparent border to surround and transition between the menu and main content areas and the background. Revealing what is behind an image adds a sense of depth and an air of delicacy.
Yes, I'm pointing to the obvious. I do so because I believe to truly understand a particular design structure, you need to identify and examine the details. Looking back, many of the most useful lessons I have learned were communicated by someone showing or describing something others considered too obvious to mention.
Here is an presentation that really hits its mark. It is the age-old battle between harsh and soothing. Ikea flies us through a rapid fire sequence of harsh realities and lands us in slow-motion on a cushion of jazz. Click CHANGE BEDROOM and you're on to the next sequence and room.
Watch how this menu matches photographers to their areas of expertise. When you rollover the names of photographers in the left-hand column, their areas of expertise are highlighted in the right-hand column. Rollover the area of expertise and photographers with that expertise are highlighted.
(While your there, don't miss the portfolios, Marge Casey is a representative for many very talented photographers.)
Thanks to Chris Miller for pointing us to this interesting navigational approach by EffectiveUI. I like the idea that everything carries near-equal weight. Kind of like a book table of contents—it displays the linear layout but it also gives you a simple, in depth way to pick and choose.
Here is a nice example of how to use a silhouette as a transition from one section of a web page to the next.
Sometimes it happens this way. You get started and find a solution within a solution. I'm guessing this started out as a web layout and someone had the clarity to say, why not publish it as a sketch? To me, the finished product is even more interesting than where it was headed.
Watch how the folks at Erowe Design stage their portfolio as three dimensional objects. And how they feature a closeup of one significant element of the design. It is one way to simulate the tactile experience of holding the pieces. Click on “PORTFOLIO” then “FINANCIAL&rdquo for an example. Notice how the position and lighting reveals the gloss coating applied to the cover headline. Nice.
As Christian Crumlish, curator of Yahoo's Design Pattern Library puts it, "Design patterns mean different things to different people." Suffice it to say, to a communications designer, they offer a look at (and code for) the structure and layout of the parts and pieces of web interface design. They are the best practices for creating elements such as tabs, forms, and selection devices for helping the user move around, browse content, and otherwise interact with a web page. The idea of the library is to ease the development of wheels that have already been invented and to propagate the use of proven practices.
There are many such libraries. Here are a few to get you started (I'd love to hear about others you have found useful).
I like the spare nature of Funnel Creative's site. It is small, compact, and easy to navigate. No bells, no whistles, and no man-eating animation. Bigger is not always better. Flashy is not always the best solution. Complex is not the only path.
Watch how the designer gets you to explore topics here. Just below the title "Explore/Themes" you can choose to page through a series of other choices and remain on the background page. Interesting take. By the way, this is a recently launched makeover of the British Museum site.
By the way: I realize I often point to the obvious. I do so because I believe to truly understand a particular design structure, you need to identify and examine the parts of its foundation. Looking back, many of the most useful lessons I have learned were communicated by someone showing or describing something others considered too obvious to mention. I love simplicity—it is (by far) the most complex, difficult form of communication.
Jesse Bennett-Chamberlain is among my favorite designers. I have used some of his web page structure ideas recently in my own work. His layouts are simple, elegant, and accessible. Here, he shares a behind the scenes look at the development of a web for Embrace Pet Community.
ShopComposition.com is a retail store web site that demonstrates some different ways of doing things. I doubt you will buy into all of the navigational bells and whistles—I find some are not intuitive—but it will certainly get you thinking. Thanks to my friend Daniel Will-Harris for pointing me to it.
Jeff Bridges is not only a talented actor, he has an eye for design. His web is a series of sketches and handwritten notes that (to me) make him seem friendly and accessible. Thanks to Sharon Carro for pointing us to his work.
Move the mouse cursor over the text that reads “GRAMMY NEWS”—instead of highlighting the text, the designer applies a soft glow to the background. A very subtle, effective technique I have not seen before.
McMaster-Carr boasts over 450,000 products. Their site is a great example of simplicity and usability. The austere design and limited use of images gives it a matter-of-fact look and feel. Be sure to play with it to see how subcategories, listings, and ordering are handled. Yes, it is extreme but I admire their willingness to stay lean.
Appears that the stress of the Christmas season has reached the folks at FutureMedia. If you have anything to do with web design, you'll appreciate this rather unconventional interactive holiday card.
Nessim Higson presents a very interesting use of Flash on iamalwayshungry.com. The layout changes and elements are repositioned as you resize your browser window or click parts and pieces of the design.
This is a very interesting, kind of “clinical” look for a German scientific organization: The Max Planck Society for the Advancement of Science. I like everything about it. The delicate forms, the color palette, the way the layout is adapted to each page type, the use or type, and the sparse, bright illustrations.
North Kingdom, the Swedish interactive design firm, has created what they term a new branding site for Toyota Sweden. It is a combination of fantasy and fact in the form of a floating island in the sky. Suffice it to say, “Salvidor Dali ain't got nothin on Toyota.”
With so many wonderful tools and techniques available to us, it is easy to lose focus and to get overly complicated with a design. This web, though it sells a whole line of products, shows them in a singular way. It puts the product front and center in a neutral, gallery-like environment and sells on the merits.
Here's a nice use of rollovers. The designer highlighted the form of the products using outlines. Then, as you rollover them, the outlines change into full color examples of how they are actually used. Nice color palette too.
The site makeover of bookseller Barnes & Noble is worth some study. They are now using a classic serif/sans serif combination—a flavor of Bodoni and a condensed sans serif (it looks close to several but the fact that I can't find an exact match makes me wonder if it isn't a custom face. Comment below if you have an idea).
I particularly like the color palette of bronzes, teals, greens, and gold. Each of the sections—the cover, B&N Review, B&N Media and so on—has its own distinctive look yet they all clearly fall comfortably within the family.
Barnes & Noble has been carving out this “modern elegance” style for a while now, this makeover really cements it for me.
Kashiwa Sato is an artist/designer. Schooled a graphic designer, he is the type of creative director that often brings as much “product” to his projects as the client does. Like his projects, the web for his studio Samurai is sharp, colorful, and quirky.
WebbliWorld, brainchild of Aardman Animations (the folks who brought us Wallace and Gromit), is a “gateway to the internet for children.” It is home to the Webblis—“an irresistible and quirky gang of World Wide Wanderers—characters that reflect a range of personality traits so there is always at least one with which every child can identify.” It is certainly bright and inviting.
A design that does not reflect the logic of human interface is crippled. If you are interested in the science of web design, you are certain to find valuable insight on usability.gov and in the accompanying book titled, Research-Based Web Design & Usability Guidelines. This methodical look at the process by the U.S. Department of Health & Human Services includes the type of detail sometimes missing from general business discussion.
This looks like such an obvious organizational solution to web menuing (a type of basic breadcrumb approach). I wonder why I haven't seen it used more often. Each primary subject heading is followed by its secondary headings. Simple hunt and choose.
Amazon is no known for cutting edge design, but when an organization this significant does a site makeover it is certainly worth analyzing. Studying its grid, layouts, terminology, focus, and so on, offers valuable insight into what we assume is working well for millions of customers.
Play with the width and depth of your browser window on this the home of Christian author Philip Yancey. It is the rare case (at least in my experience) when adjusting images and text to the width and depth of the reader's browser window seems to work. If you've read any of Yancey's books I think you will agree the designer has captured the spirit of his work.
A few nice things happening here: The amorphous logo, the horizontal page orientation, the color-coded city sites. And, of course, I will be forever in their dept for introducing me to the Swedish Street Knitter site.
If I am unable to come up with a sound solution to a design problem, it is typically because I am not looking outside the room. With Magnetbox, Ben Tesch proves that letting go of the designer's instinct to create elegant, smooth imagery can result in something that is truly unique.
I pledged I would never use lemon yellow. Then I ran across FOROALFA.com. I like it.
Two interesting ideas from designer Nathan Borror. Note his unique icon menu and an the dramatic effect as he switches from black to white backgrounds.
There are a number of interesting ideas incorporated into the recent makeover of the Earthbound Farm web. A time and temperature stamp for Carmel Valley (I have always liked the idea of giving your web a sense of place), an elegant vehicle for presenting still photographs (below), and some very cool motion pictures used in the place of static title images.
To see the elegant presentation of still photographs, click the “WHY ORGANIC” drop down menu and select “VIRTUAL FARM TOUR.” (note that if you wait a few seconds, the images within each category circulate...
Packaging is a fascinating design discipline. The content of the One80Design.com site demonstrates the innovation you would expect but the way the site is structured offers some lessons on usability. For example, watch how they reveal project details in stages:
Such a nice idea. This designer overlays fantasy (illustrations) with fact (photographs). The effect is warm and welcoming—a traditional look with a contemporary bent.
This site, dedicated to the response and recovery of the Red Cross following September 11th, (to me) demonstrates that there are no hard-and-fast rules about matching a design to its subject. My inclination would have been to make this site “warm” but the designer chose “cold.” An insightful choice I think. Using a rather technical looking, nothing-but-the-facts layout under girds the presentation of an unusual mix of information--the human story, the nitty-gritty of the services provided, and the controversy over funding.
Background art and patterns were big in the early days of Web design. Today? Not so much. I suppose the idea lost favor because is made pages so visually dense. This application (for the School of Visual Arts) works for me, it adds to the design's “work-in-progress” feel.
Small matter, but I like the way the ruled line bisects the menu and the information block below it.
What caught my eye here was the undulating menu at the top of the screen. It expands with the number of drop-down selections—interesting effect.
Very interesting to see the systematic approach Frog Design has developed for illustrating its Web. One large anchor illustration with (in many cases) a few small insets. It is a good reminder of the principle that complex subjects beg simple presentations.
This site features a totally unexpected visual metaphor: a rusty old refrigerator. It works.
Place all the information on one surface and to show the user how to navigate it.
Even more than the design, what strikes me about Jonathan Yuen's Web is how differently he thinks. The color palette... how the images build sequentially... how clicking a link sets off an animation... how the parts and pieces move around the screen. For those who fear there are no new ideas—courage. (Suggested by Will Sherwood.)
I have long been fascinated by virtual, interactive environments—Myst comes to mind. It has got me thinking, how can I incorporate the concept of traversing the page into conventional business Web design? Any thoughts? An interesting example of this idea is the fictional city of Zarovka (you click and hold the mouse button to zoom forward).
Design Within Reach sells classic modern furniture and associated products. The DWR site features a simple wire frame—a very effect foundation on which to present its products.
If you've ever attempted it, you will deeply appreciate the thought and energy that went into building this comprehensive identity guidelines site for John Hopkins. Beautifully done.
This just goes to show you can come at marketing a product from a million different angles. Makes you wonder—if I sat you down and challenged you to help me sell mint gun, where would you head?
The economical use of color (green, red, black) and type gives the GreenHomeGuide placid feel about it—almost a non-design.
Snap allows you to add high quality, informative link previews to your site. I've seen it used on a few sites recently and thought it was worth sharing.
Brown University offers an interesting way of organizing a lot of information. Roll over the listings here and up pops an anchor image for each section.
Haven't seen this pale yellow, gray/green combination for a while. It provides a great neutral setting.
Great energy on this page—the burst stripes draw your eye to the center—the imagery is interesting and fun.
If you like the “there's a lot happening here” look (I do), this site offers an excellent model.
A great example of leaning on a single, powerful design element: simple, close-up photography.
By separating the foreground images from the background images, this page creates some interesting, motion picture-like movement.
This a wonderful example of how to use a Web to tell a story. I particularly like the frantic Christmas trees.
(The illustration style reminds me, a little, of Robert McCloskey...)
An unusual but striking color combination.
Ever wish you could recall Web pages (yours, your client's, your prospect's, and any other) as they appeared four or five years ago? You can—whether you have a practical interest or simple curiosity, the Wayback Machine has recorded over 10 billion pages (multiple copies of the entire publicly available Web) since it began archiving in 1996. Return with us now to those thrilling days of yesteryear, when Adobe.com was touting Photoshop 4.0 and cnet.com was recommending a bargain, $2000 133-MHz Pentium computer
The name plate is a nice example of melding two- and three-dimensional elements.
Like the neutral atmosphere of a fine art gallery, a black and white Web environment makes the introduction of color that much more dramatic.
There is a mountain of information here, but the Spartan nature of the design and navigational structure perfectly match the simplicity of the subject.
A good example of how “show” is often a better way of communicating than “tell.”
This site is almost “over-designed,” but the thinking behind the architecture, navigation, and presentation is impressive.
The precision of the layout and the organizational insights behind the presentation of the information at Subtraction.com are second to none. Khoi Vinh, the Design Director for NYTimes.com, is its host and architect.
Another simple, light Web design.
Effective use of color, type, and animation.
An interesting Web metaphor: A book inscribed with handwritten headlines.
Note how the site above and this one, both designed by Daniel Will-Harris, include an “About this site” page that features credits for the contributors. Nice touch.
This interesting site, created by an Istanbul design firm, uses lots of antique-like illustrations and jewelry pieces to create a rich, complex environment.
To me, the Tazo Tea site looks a lot like a print piece. It boasts a wonderful earthy palette and an interesting mix of still life photographs, intricate typographic treatments, and many ornamental illustrations. I particularly like the effect of steam rising from the cups.
An interesting use of real images as metaphors.
The subtle use of images and color really work well here.
Interesting how feathered gray edging is used to set off various sections of this page.
At times, clean design and sound thinking trumps complexity.
This site offers some of the most interesting examples of Flash animation I've seen. When you “Enter” Redwood Creek, the first screen offers a wonderful, gently animated line illustration reminiscent of a fruit crate label. Click each major section to zoom into and out of other scenes.
Wild, illustrated menus.
Crisp, bright images tell the story better than a graphics-intensive design.
Nice combination of images and solid colors. Great photography.
Thank John McWade, the editor of Before & After for sending me this link. It was produced for an AIGA conference a couple of years ago to showcase local attractions, shops, and restaurants of the host city. Very nice, thanks John.
How do you make flip-flops a fashion statement? Build a brand around them. Havaianas.com is an amazing, fresh site that is worth taking a look—you'll need a high-speed connection. I love the illustration style and color palette.
Very nice example of Web story telling—literal and figurative.
I like how the designer of this site uses an anchor illustration for each issue.
And uses little snippets of the illustrations to archive past stories.
The motion here certainly captured my attention.
As its head “cultivator,” Dave Shea describes the css Zen Garden as a collection of pages that demonstrate what can be accomplished visually through CSS-based design (Cascading Style Sheets). The folks who submit designs also include the actual style sheet used to create their pages. The designs and code are an excellent source of inspiration and information. An example.
The official list of designs.
The Zen Garden cover page.
Joshua Davis is a New York based artist, designer, and technologist producing both public and private work for companies, collectors, and institutions. This site offers some great examples of his fascinating illustrations.
Color me crazy, but for some reason, I love the OM Records logo (don't have a clue about the music but I'm nutty about the logo). I came across it on the designer's site (Capacitor Design Network)—it takes some doing to get to it, but I think it's worth the trip:
http://www.capacitornetwork.com/CDN2002_c.html (then click > Work > OM Records)
And here it is in use:
How do you get attention? Do something different with the same space everyone else is using.
I want you to see how this designer draws you into his Web using an illustrated street scene (following the intro). Very effective both visually and functionally.
Great illustrations show, at a glance, something that is difficult to say. Check out this striking use of color and image.
Got a clue what this is all about? I like it, but I don't get it. Be sure to check out the “graphics” section.
You can make great discoveries by following good designs to their sources but the process can be costly. For example, in my recent search for Christmas gifts I happened across...
a Brooklyn, New York-based bakery. Look pretty good don't they? The perfect holiday gift for a client, yes? Well I never found out. I was so struck by the simplicity of the site's design and the effective use of photography that I abandoned my shopping and followed a link to the site's designer: Steven Gross.
Nice stuff, “What else has this guy designed?” So I took a look at his list of links and found his brother, illustrator, artist Alex Gross...
Any question who designed Alex's site? Looks and feels a little like Fanciulla's doesn't it? Then I started looking at Alex's illustrations and decided to buy a print (this is the costly part. I was looking for gifts and ended up spending $50 on myself).
By the way, if you appreciate Alex's unusual illustrations, the print I received is exquisite. It is printed in Ultrachrome archival inks on fine matte paper using an Epson 2200 printer. The colors are stunning—color that could not be produced by a printing press.
From baker to artist? As I found out from Alex, Fanciulla is his sister-in-law's bakery (perhaps some grand conspiracy of creativity).
Check out how this designer uses film-like “panning” moves to highlight photographs...
Andrei Michael Herasimchuk was one of the first official interface designers hired at Adobe Systems. The fact that he was a key player in the development of the interfaces for Adobe Photoshop, Illustrator, and InDesign is sufficient reason (for me) to recommend his personal Web.
I love the simplicity of these paper cutouts. They provide a distinct contrast to the digital environment in which they appear...
A high-end fabric and furniture destination wraps its sight in brown paper and accentuates it with black and white photographs...
To explain its “Integrated Motor Assist technology,” Honda gets us to do a new thing in an old way: turn the pages of a book...
I've been searching for warm sites—sites with visual personalities that are, to my eye, warm and welcoming. Here are a couple that strike me that way. Your thoughts? Warm sites you've found?
It doesn't get simpler than this site, home of furniture manufacturer Vitra. Just goes to show complicated is not necessarily better.
If you believe that crop circles are the work of creatures from Neptune—skip this one—I'd rather not be the one to burst your bubble. That said, I love the design of circlemakers.org—for me, it is both bold and attractive.
Pirated-Sites.com showcases side-by-side comparisons of Web sites that are suspected of borrowing, copying or stealing copyright-protected content, design or code without permission. It is guaranteed to increase every designer's heartburn that we have seen something, stored it away in our heads, and later will design something that looks a little too much like the original.
Pirated-Sites.com: Design “theft” suspects
What makes this design distinctive? The colors, the typefaces, and the illustrations certainly are well chosen, but the thing that makes it work for me is the underlying symmetry or balance of its elements. I'm a sucker for symmetry. I am drawn to it in nature, in architecture, and in graphic design. (And forever pursuing it in life.)
I'm certain you know Second Story, but if you don't I'm excited to be the one to introduce you. It is, in my book, the premiere interactive design studio in the world. Its list of clients testifies to that fact: The Museum of Modern Art, the Smithsonian Institution, Discovery, National Geographic, PBS, DreamWorks, Kodak, and so on.
Or right to their extensive portfolio of projects:
Complaints about Flash sites have become cliche, “Nothing but zooming typefaces and blinking arrows,” they say. While it is true that much of what I see is mere decoration, panning the process discounts those who are using Flash to rethink how we organize information and to build interfaces to extraordinary new tools.