Nice article below…

Design Psychology

Insights into the purpose and effect of physical elements, design, and layout of web pages …and why clients should let designers handle design.

The left-to-right and top-to-bottom real estate that fills the browser window on a computer monitor is a very delicate and treacherous space. While this idea rings true in a host of contexts, it is especially true for web designers and the individuals and companies that hire them.

The task of designing a web page and/or website to work properly for the client’s aims, the client’s purpose, the client’s identity, and especially for the user, is one filled with opportunities for success and grave missteps. Given the tasks that a website must accomplish, web page design is a job for no one less than an artist-psychologist.

Okay, that may sound like histrionics, but the job of designing a website is an exercise in promoting a brand or idea in an appealing manner while also eliciting specific human emotions and behaviors. The designer must know how to accomplish these aims within a host of constraints, including those presented by the medium, the physical space, the client’s specifics, the relevant social environment, and the content and purpose of the site. In some cases this job is like pulling a rabbit out of a hat. In others, it is like pulling an elephant out of a thimble. Clearly a job for David Copperfield. See what I mean about the need for an artist-psychologist?

A few words about trust

Just as there are ways that a composer can communicate sadness or anger in music, just as a painter can communicate confusion on the canvas, just as a an actor can communicate love without speaking, the web designer can communicate on the web page with layout, form, color and design. If the designer is allowed to.

That last bit is important because in order to be able to effectively represent and communicate for a client online, the designer must be allowed to do so. And this is likely the most difficult part of doing good work for a client needing promotional design work. So it is no surprise that often the most successful design work comes from projects with the highest degree of client/designer confidence. Trust is worth its weight in gold in any design project. Well, any design project involving competent designers.
Page Purpose

You never get a second chance to make a first impression

Given the facts about first impressions, a site’s index page is clearly its most important page. Of all of the pages in the site, the index page has the biggest job to do. If the index page fails, so does the site. And when we’re talking about a retail or brochure site this can be a catastrophic failure.

It must be understood that a site’s index page has a specific purpose. What makes this sort of a tricky fact is the reality that this page’s specific purpose is not necessarily the same as the site’s purpose. In other words, if the site’s purpose is to sell merchandise, the purpose of the index page may not be directly involved with selling merchandise. Working against the better function of an index page to have it try and do the site’s overall job is usually detrimental to the site. This is a hard pill for many non-designers to swallow.

In a very general sense, the purpose of a site’s index page is to convince visitors that they should venture further into the site. In order to do that the page must engage in advisable psychology (through design and copy) while avoiding distracting and irrelevant purposes that run counter to the primary function of the page. In other words, the index page must not attempt to dump the entire site’s content into the viewer’s eyes in one fell swoop. Rather, the page must make a concise and clean first impression – an impression focused on a specific, rather than all-encompassing, purpose.

For clear examples of this sort of function we can look to how things other than websites work to engage individual or public interest. For instance, the prologue or first chapter of a novel does not tell the whole story of the book, but rather presents a compelling and concise feature of the story that invites the reader to maintain interest. Done well, this sort of introduction leaves plenty of space for questions and does not confine the story into a pre-defined box. Possibility is far more enticing than limitation.

Another good example would be the entrance area of a successful high-end retail chain store. The front area of the store is going to be dedicated to a specific theme and product offering, and is laid out so as to lead visitors by one or more specific paths into the store. However, the theme does not fully describe the store’s entire product offering and the influence directing the customer’s path into the store is brought by the advisable use of open spaces rather than cramped avenues.

It is worth nothing that the novel eventually presents a specific scope and storyline and the retail shop may have cramped avenues, just neither of them at the entrance.

Once the site visitor has seen the main/index page of the site and has been interested enough to venture further into the site, content presentation becomes the main purpose of pages. After all, the visitor is coming to the site in search of something to see, read, hear, or all three of these things. The interior page design and layout should generally be a slave to that fact and be all about presenting the content without distraction.

As a consequence, the interior pages often have a design and layout that differs from the index page. Granted the look and feel should be consistent and the branding and identity message should carry though strongly to these pages, but in such a way as to emphasize the content.

Additionally, there should be a clear suggestion (or two or three) for “where to go from here” on each of these pages. This is especially true for retail and brochure sites. The designer must not assume that good navigation provides suggestion enough for site visitors to continue further into the site. This sort of call to action can be accomplished in all sorts of ways, but it’s best if it is done in a way that is contextually appropriate to the specific site (hint: this is why designers are better than off-the-shelf template packages).

In any event, the interior pages need to be just as compelling as the index page. A dead end one page into the site is not much better than a dead end on the index page.
Whitespace

If there is one kind of comment that I have grown to expect in feedback on initial website design comps, it is the comment that goes something like, “there’s a lot of wasted space on the page, isn’t there?” or “I like the colored areas, but can’t we put something in them?” I seldom have to work to convince a client to choose a design that I suggest, but often have to work to convince them not to fill up every inch of page real estate with content.

The fact is that in the context of the specific aim for a website or an individual page, there are advisable uses for whitespace (colored or white) in the page layout. As in the examples cited before, whitespace works to set off and lend gravity to those areas that are occupied with content. So, using whitespace appropriately helps us to keep the page concise, simple, comfortable and focused.

True, we could cut back on whitespace and put more content on the page, but that content would likely be far less effective and work to rob the page of its intended purpose. Besides, humans don’t generally respond well to clutter, as we can see from other examples in life.
Breathing Room and Context

Or, “Hey, why are you wasting all that valuable space!”

Back when I was a retail manager I had to constantly fight the owner’s desire to pack the checkout counter with mountains of impulse items. Crowding the register area with all of that stuff did present a host of tasty, last-chance choices for customers, but it also created a dizzying array of visual clutter. Furthermore, it made it difficult for both the seller and buyer to use the area for its intended purpose. This resulted in dismal sales of those impulse items.

By contrast, on those occasions that I was allowed to get rid of the clutter and make a display featuring one or two seasonally relevant items (and lots of open space surrounding the area) we sold out of the featured items. Every time.

What this example helps to illustrate is the effect that space and contextually appropriate presentation can have on the human psyche. In a very general sense, a contextually inconsistent environment, clutter and cramped quarters tends to encourage a lack of interest while open space and a consistent context in the environment tends to encourage interest and openness to suggestion.

Part of this sort of response has to do with how we associate open space with emotional or physical comfort and part owes allegiance to human survival instincts. A very basic way of explaining the latter factor is the fact that when we feel hemmed in or cramped (spatially), our primary concern is for finding and getting to the exit.

As for the contextually consistent environment part, that has more to do with openness to suggestion. For instance, let’s say you’re standing in front of a movie theater deciding what to do. You’re offered the following suggestions:

• How about seeing the new sci-fi movie?
• How about seeing the new mystery movie?
• How about a game of basketball?

Notice how the last suggestion is not likely to have many takers at that particular time, given the context of the situation. Okay, it’s an obtuse example, but you get the point. When we’ve got our minds working toward a specific aim or are anticipating a certain conclusion based on our surroundings or activities, suggestions that don’t figure into the context are less likely to be successful.
Eye Flow on the Page

With any medium that people are expected to look at or read (books, movies, paintings, magazines, advertisements, web pages, etc…), artists, designers and/or directors work to ensure that it gets read or looked at the right way. This means that the path that the viewer’s eye should follow is carefully planned out. Then the design is composed and laid out such that it will work to influence viewers’ eyes to follow that path (to some degree).

So part of the web designer’s job is to design and lay out pages so that the site visitor’s eyes will go to specific areas and do so in a predetermined order. Depending on the kind of content that will occupy a web page, this task of directing viewers’ eyes can be a simple matter or a difficult one. This is part of why good design I s so powerful and poor design is so useless. In truth, whether we’re talking about a landscape painting or a web page, it is the basic fundamentals of artistry that are employed to direct a viewer’s eye.

The web/screen medium has its own set of viewing and use conventions and conscientious designers keep up with the latest data from usability testing. It is important to understand just how the general public tends to look at web pages and what they generally tend to expect from them in terms of layout and interaction. So in the hands of a competent designer all of the fundamentals for eye flow direction (artistry) are tempered by this sort of information, too.

In any event, designers and their clients should understand or appreciate the fact that the task of laying out a web page involves far more than presenting content in an appealing manner. The layout of the structure and content should address specifics of influencing the way that viewers approach and consume it.
So…

Okay, so when we’re set with the task of making the index page for a website, there are a lot of user emotion and expectation factors we have to take into consideration (we have to play psychologist). We also have to romance the brand and create an aesthetically pleasant or exciting experience (we have to play artist). Much of this can be accomplished by properly using whitespace and fundamental artistry – in the context of the site’s aims, of course.

Logos and Branding

Or “So what are you trying to say, exactly?”

Whenever someone lands on a company’s website, there should be no question in their mind as to what the site’s message is (and therefore the company’s message). Any brand that is a good brand has a lifestyle, a point of view, a culture, an attitude – or all of these things – associated with it. One of the primary jobs of the web designer is to translate that “thing” into a communicative look and feel for the company’s site. Any visitor to the site should immediately perceive the core message that embodies the brand just by seeing the web page design and layout. Here again, the fundamentals of artistry are the relevant tools for doing this.

However, it should be understood that when a company has a brand that is not well conceived or is not associated with a lifestyle, a point of view, a culture or an attitude, the web designer’s job is difficult or impossible. When the company or the brand does not say anything of consequence, it should be obvious to everyone that it will be difficult to make their website say anything of consequence.

The site is an extension of the brand. Bad brand = bad website. There is really no way around this. Now, this is not to say that a website for a poor brand will necessarily look bad or be a waste of time. But in the context of the competitive market where good brands exist, such a website can be likened to a tiara on a mule. A great website starts with a great brand. Period.

In all seriousness, a company with a poorly conceived brand or poorly designed logo should enlist the services of a talented design agency to remedy the situation. Or perhaps perish in the marketplace.
Make the logo bigger!

One of the most common requests of web page designers from clients is to make the logo bigger. And that’s almost always a mistake. There are lots of reasons for this, and I’ll get to a couple of them in a minute, but first think about this example. When Cadillac, Jaguar, BMW or Mercedes Benz (or any car maker for that matter) puts their signature hood ornament on the cars they make, they don’t make this highly important feature 3′ wide and 2′ tall. Instead, they make it very small to elegantly fit the really important thing – the car.

Part of what must be taken into account in the context of this example is the fact that no matter how amazing the car maker’s signature hood ornament is, if the car looks like crap or doesn’t work well or live up to user expectations, no one will buy it.

Plainly put, the logo is not the important feature of the website and should not garner any undo emphasis. Rather, it is the content and the site’s purpose that should be emphasized. Consequently, the logo should not dominate the page, but instead work subtly to help to lend gravity, interest, and context to the content and the site’s purpose.

More on logos

The logo can communicate important things about a company and/or a website, but that is almost putting the cart before the horse. Ideally, the job of the logo is merely to brand the site and its content. Most of the communicative value of the logo should come from a dedicated marketing effort that lends the logo and company the desired value and values (that are then succinctly communicated later by branding company elements with a logo).

So, no, don’t make the logo bigger. Instead, make the branding/marketing effort bigger and let the logo do its simple job on the web page (and elsewhere) no matter its size. A result of leaving the logo at a manageable size on the page is that it can then be made to have greater impact by the use of available whitespace that surrounds it.
In Conclusion

Client aims and desires are always relevant to a site design project, but hopefully the preceding information helps to show that individual client preferences should often take a back seat to proven design principles and site user expectations. The client’s investment of trust in the designer can pay high dividends when it comes to design and branding issues.

So rather than merely being the production of online decoration, web design is an effort at direction and communication – just the same as art (and advertising). It is not something to be engaged in lightly and is best left to those artist-psychologist types who know how to use design to achieve specific aims within all sorts of constraints.

This article was written by Andy Rutledge

Andy Rutledge is an interactive designer, writer and composer in Dallas, Texas. He works as senior designer at NetSuccess.

Nice article below…
KYLIE GUSSET gusset.net

Ultimately, who cares? Avid appreciation brings up images of hordes of teenagers hanging out in the mere hope that they’ll see you, let alone get your autograph, picture, or some other thrilling memento to remind them of their brush with fame. I’m not so sure that avid appreciation is something worthwhile to aim for…I’m much more keener on the idea that people who build the web will be able to make a living building sites where cash isn’t the only driving force behind its existence.

The niche community that designers have will expand to incorporate mainstream culture – we’re already seeing this happen in the form of design portals. There’s a huge community out there, and at a guess there’s a large quantity of people who are simply into design and not working as or aiming to work as a commercial artist.

We can very safely leave my mother out of the equation when it comes to knowing about webdesigners. The olds rarely have access to the web and daily papers, which are the main sources of general interest stories about designers which are aimed at a more mainstream market. Two thirds of the worlds population will die not having touched a computer. Count yourself lucky.

Younger people tend to be more likely to know their stuff when it comes to the web and designers. 15 year olds email Scott (http://www.pixelshifter.net) wanting to know how to become a famous designer just like him now that he’s scored a Macromedia site of the day. Frances Cobain told her mom that she was keen on being a webdesigner. Kids are going to have a greater knowledge about the web and web design in general, because they grew up with it, and it’s a part of their life.

I don’t think that we’re going to see designers being targeted to the mainstream in the same way that Britney is – thank goodness. However, might someone in the design world do a deal with Apple to produce ads about themselves aimed at designers which become popular, and are then delivered to a more mainstream market? It’s going to be interesting to see what happens in the future with media making becoming more accessible to designers.

What is happening, and what I hope to see more of is one niche being picked up by another. Going to my flatmates end of architecture course showing, the amount of final works that looked like printouts of Mike Young’s stuff was insane. Did they know about him? If the web and what designers are doing was part of the curriculum, architectural students might have further developed and extended their work, and had a greater understanding and appreciation of designers. It’s great to see sites like archinect (http://www.archinect.com/) crossing boundaries of disiplines such as web design and architecture.

Traditional artists would probably get a kick out of seeing what James Patterson, Vicki Wong and Lee Meisenheimer have done with drawing online, and stretching the methods and mediums of how their own work is created and displayed. It’s often frustrating trying to find new content to post at artkrush – galleries and artists have yet to see the benefits of coming online, so that awesome local show that you wanted to write about? No go. I’d love to see more collaborations and traditional based art brought online, and what happens when new/old media artists work together.

So, that avid mainstream appreciation? It ain’t gonna happen for people whose main work is web based, because the web is still very much a niche, albeit a rapidly expanding one. Hopefully sooner than later, it will be possible for people involved with the web to create a living by having greater recognition of the independent work that they do. At least, here’s hoping, because it would sure beat the hell out of looking, acting, and sounding like plastic for the enjoyment of the masses.

ORION TATE freshjuicy.com heavy.com

No, my mom will never know what James Patterson or Jemma Gura look like in the same way that she knows what Britney Spears or Kurt Cobain look like, unless either of them sell a million records or secure a lucrative Pepsi endorsement. Though this really is just a question of degrees: *avid* appreciation of graphic designers has always been and I suspect will continue to be limited to a relatively niche audience. That being said, there does seem to be an increased consumer appreciation for that which is designed and, as a result, increased media attention on designers. The may issue of Paper Magazine, for example, features a discussion on the design principles of Target (”Yay, Tar-Jay!”) and an interview with Apple design guru, Jonathan Ive, both articles loosely themed around the topic “ordinary design and corporate branding through aesthetics.”

In the introduction to the section “Extra Ordinary Design,” editor Kim Hastreiter, appropriately invoking the memory of Andy Warhol, touches on two topics relevant to this discussion: our aesthetic zeitgeist and the Designer-Rockstar:

“I think he [Andy Warhol] really would have appreciated this whole “Target moment” we are experiencing. His heart would be racing as fast as mine does as I mentally prepare for the day this June when I’ll get to purchase my Stephen Sprouse designed boogie board, skateboard, flip-flops and beach towel…I can’t wait to see what Target has done not only with Stephen Sprouse, but also with designers Todd Oldham, Marc Ecko and Philippe Starck.”

Hastreiter, goes on to explain that Target “shrouds the creative folks of their corporate culture in mystery, preferring to keep the world’s eye on the merchandise, not the hype or the names.” This suggests, that while the author, a self-described design freak, wants to know who designs the packaging and products, the general public need not be concerned. This is a successful strategy for Target and suggests an interesting trend: as design proliferates, which it will continue to do in this age of hyper-information, it becomes increasingly integrated into our lives to a point where good design is implicitly appreciated, but perhaps not explicitly celebrated.

Mainstream fame in aesthetic disciplines has been reserved, for the most part, for artists, architects, fashion designers, filmmakers. While this is another discussion entirely, it does beg the question: what is the difference between art and design, between graphic design and fashion design or architecture? I think it is a question of intention or motivation. As Jonathan Ive puts it “Design is less about expression than fine art, though I think you trade in a language that is similar, in some sense, and you trade in the emotive…I think the core motivations are different.” While I agree with this statement, I wonder how long this distinction will be made…

As commerce becomes a pervasive and inextricable part of our lives, the lines between art and design have started to blur, creating a new type of artist-designer who works in many disciplines with varying motivations. It is both common and acceptable for artists to be engaged in or associated with commercial ventures. Witness Actor/artist Dennis Hopper, former counter-culture bohemian: even in the consumer-driven 80s, he had to go to Japan (where the proverbial lines were blurred long ago) to do commercials for bath bubbles. Now he’s on the small screen in the most recent installment of celebrity Gap commercials; William Burroughs does Nike Ads, Picasso sells computers. In recent years, the Guggenheim has featured exhibits on the art of the motorcycle and a fashion retrospective. Mike Mills, whose career and work I greatly admire, is an example of someone who comfortably exists within the two worlds of art and commerce; he designs album covers, shows his work in galleries, and directs commercials along with music videos, independent shorts and feature-length films and is able to garner accolades in both commercial and artistic ventures, furthering awareness and appreciation of the commercial arts.

Simply put: it does seem that as the world becomes more commercial, commercial artists will be more celebrated. Will the web enhance this? Right now, web spaces authored by “The Design Community” are chock-full with portfolio sites and client work, which I suspect limits their audience. As commercial and fine arts continue to merge and mingle I imagine “Designer” web spaces will reflect this change. And as this happens, I do hope that the web (in whatever form it will manifest) will continue to proliferate as a space for artistic expression and the creators of these spaces will be celebrated. But Britney Spears? Well kids, get out of your Aeron, expose that midriff, and get to work.

RYAN SHELTON bd4d.com

Personally, I don’t think graphic designers will ever be household names like Britney or Kurt Cobain. I think design drives a lot of the pop culture but doubt whether the designers behind the work will ever get as much recognition as the artist(s) they are designing the CD, website or video for. Yes people into music videos will know who directed the latest Madonna video but will my mom? I don’t think so. It‚s not something that she cares about or is interested in. she may not even know who is actually singing the song she’s humming in the kitchen. She just likes the tune and that’s all that matters to her. In the same way, I think design is digested but not taken much notice of by the general public. Take apple’s new iPod or the iMac. Every Mac faithful knows who Jonathan Ives is and that he is the force behind Apple‚s product design team but to the rest of the world the iPod is just a very cool MP3 Player. The latest Levis ad campaign or new insurance building that’s being built in the middle of town, we don‚t necessarily care who designed or came up with the ideas but it affects us in some way. We either think the ad campaign is brilliant, funny or stupid. The same with the building, it either looks nice and is going to get more people employed or we see it as capitalism taking over the world. I personally would be interested to know who designed the new building or produced the Levis campaign but again would my mom?

Not many people understand why designers are so passionate about what they do. We‚ll work all-night and still smile on the way to work the next day. Are we all mad? Hell no! We just love what we do. One of the things we have seen with BD4D is that designers love getting together to show off their work and be amongst people who think the way they do. I think this is because not many people really appreciate what we do I know most of my non-design friends don’t understand why I work ’til stupid hours of the morning. Getting together with like-minded people is a way for us to get that recognition we don’t get from the rest of the world. At the same time, within our little design world we have the same kind of opinions we all have when it comes to music. For example I might like one band and dislike another just like I might love one piece of design and dislike another. You may disagree and hate the piece that I love? Design is art and is therefore very subjective. Wanna fight?

The other side of the coin is. Who would have thought that a geek software programmer would become the richest man in the world. I‚m sure all of our mom’s have heard of Bill Gates – spit, spit! How many other programmers can we name? Who was/were the programmers behind PhotoShop or the web browser. I know Jim Clark started up Netscape but my mom doesn’t. Shigeru Miyamoto is a living legend, having created Donkey Kong and Super Mario he is the Spielberg of computer games. He is treated like a rock star at gaming conventions. It‚s the same with the design community, we have our own Œrock stars‚ but they are only rock stars to other designers who appreciate what they have achieved. Whether the rest of the world will ever fully embrace design and elevate a designer onto a ‘household-name pedestal’ is not for me to say but I doubt it will happen.

I see appreciation of graphic designers coming mainly from with in the design community for a while yet. From people who understand the blood, sweat and tears you have put into your works of beauty. I could be completely wrong but lets face it. I could be completely wrong but lets face it – Britney is fit, and she’s more marketable than your average graphic designer is.

Now, where has my Mos Def CD gone…