Visual and Social Design

by Joshua Porter  |   21 Comments  |  shortlink: http://bokardo.com/p/556

Some weeks ago I asked Do MySpace Users Have Bad Taste?

There’s an increasing tension between visual design and web site success, and that’s what I’m trying to figure out. There are so many sites that have become successful with mediocre (or just plain bad) visual design that somethings gotta give. How does MySpace succeed while being so ugly? How does Craigslist survive with bland visuals? How does Google thrive with its amateurish-looking logo?

That’s the question I want to answer, and I think it has something to do with social design. Whereas visual design focuses on the way things look, social design focuses on the way things affect our social lives. And, given that visual activity has to happen before any social activity can happen, social design builds on top of visual design, in no way replacing it or ignoring it. In this way visual design is the core discipline, with interaction and social design standing on its shoulders.

Today in my referral logs I find a link from Bokardoan Joel Faber, who has been mulling over the same question. So I’m not the only person thinking about this. (this makes me feel a lot better…when I wrote about the MySpace Problem on Vitamin very few designers dared touch the topic).

Why the lack of uptake on this issue? Why aren’t designers wondering why the MySpace Problem exists and why some sites are so successful with such an obvious lack of visual coherence?

Isn’t it a vital design question?

My guess is that visual designers are rarely given control over the non-visual parts of the interface. It’s simply not their job to figure out why someone is using something…their job is to put a nice screen on it. From my own experience as a freelancer this is indeed true. I’ve worked on many jobs where I was left wondering…”well I can create an interface for this but without some serious changes to the core design model it’s not going to be valuable to people”. But at the time my role wasn’t to figure out how to make the system work, it was to create an interface.

This has become more clear to me through my work at UIE. At UIE I see all facets of the user experience, from the initial needs of users to their interaction with our site to the emails they send us and other things. I see the experience not from a visual designer’s point of view, but from an experience designer’s point of view. One of the outcomes of this is that we spend a tremendous amount of time on our copy writing, much more than any other part of the interface. If the copy writing is strong, the messaging right, the other parts seem to fall in place.

(an aside: copy writing is an integral part of design. Unfortunately, some design processes don’t allow visual designers, who are skillful at communicating visually, much leeway in terms of *what* they say, only in *how* they say it. I’m not saying visual designers should write all the copy, but there should be an interdisciplinary overlap here that takes input from both. The lack of overlap is unfortunate, and can result in the extreme case of something that looks great, but doesn’t say anything valuable)

I see a rise of what I call social design. And with that rise comes a recognition that visuals are sometimes less important than other parts of the design. In some cases to make a judgment on visuals alone can miss the entire value proposition of what’s really going on. We need to know how design affects someone’s life, their social needs, their place in society in addition to their response to visuals.

I know there’s an argument to make about something that looks better communicates better. But the evidence is just not there…and exceptions seem to be the rule right now. That said, we might as well (and should!) make everything as beautiful as we can…without sacrificing the message or the implications for society.

Check out my latest project: Make them Care!, a book on designing great sign-up experiences. Get reminded when it's published.

Links to this Post

Comments

1.  james 11:22am, Wed 17th, 2007

i think that visual design is indeed not that important compared to the identity building and social tools that enable social sites. Visual designers are often an elite breed. They have been through the grilling of making sure things are pixel perfect or proportioned correctly in the grid. Give a group of non-experts an attempt at designing their own site and maybe one or two will have that eye. At the end of the day their personal expression is more important than reaching some unspecified visual design level.
Also i guess i have only addressed the users of these platforms, as for the platform builders. Yeah myspace looks like shit, so does hyves. I think the owners have not specifically made that design choice (although i may be wrong) but they accepted their own default level of design from their designers. When they had success, “why break something that’s not broken?”. j

2.  pauric 1:02pm, Wed 17th, 2007

‘Why fix something that aint broken?’ will not work forever in the evolving online world. If you’re not the lead dog, the scenery never changes.

I dont think there’s a single explanation to the MySpace paradox. Lets call it a perfect storm of broadband, market timing, etc leading to a tipping point.

The question to me should not be ‘Why doesnt visual design matter?’ but what lessons can be learned so that visual design can move on from the goals of good traditional design practice, to a more context-applied approach.

The internets enable us to do the same things we’ve always wanted to do, just a little more easily. I find a lot of value in explaining a phenomenon by trying to find its source. Personally, I think MySpace inadvertently played in to the kids within us who want to build a rough & ready treehouse. Now, would you be happy enough to put your treehouse together yourself or would you want to get some high end feng shui designer in so you could impresses your teenage friends but lose a lot of the personalization?

To stretch the metaphor a little. Could MySpace be the first set of treehouses as we as a society take the first tentative steps from the 1st world home and set off out to define ourselves in the 2nd virtual world?

3.  John S. 1:26pm, Wed 17th, 2007

I think what we are seeing is that the internet is evolving. Early on, the internet was more of a playground, a place people went in their spare time to “poke around” and find something fun to do. As a result, there was an explosion of visually appealing, visually stunning web sites that drew you in with their “pixel perfect” designs, but which lacked much in the way of content/functionality.

Now, the internet has become an integral part of our everyday lives. We use the internet because we HAVE TO or NEED TO, not just because we WANT TO. Sites like Google succeed because they do what they do very well. There isn’t any clutter to get in the way of getting what you need. Perhaps MySpace is benefitting from the same phenomenon: the appeal of its functionality far outweighs its sub-par visual design.

As much as I enjoy a “beautiful” site, I spend much more time on sites that are “functional” and don’t spend much time worrying about wishing they looked better.

4.  Pauric 1:31pm, Wed 17th, 2007

Sorry, that last paragraph was far from eloquent; the dyslexic engineer trying to explain himself.. paradox (o;

To put it another way, Josh’s concept of Social Design would seem to me to be an activity centered design process focused on people’s desire to express themselves, relate with others and ultimately make people feel like individual’s yet not alone.

5.  Josh 1:54pm, Wed 17th, 2007

Pauric…

I’m trying not to ask “Why doesn’t visual design matter?”

I’m trying to ask “When does visual design matter? And when do other aspects trump it?”.

(this is definitely getting into the contextual realm)

It’s a subtle distinction, but critical. As I said, my conception of social design is that it builds upon what we know about visual design, but also goes beyond it in that it doesn’t have to rely on visual design in order to work.

Thanks for the pushback…I’m still refining my thinking here, and this is all good food for thought. BTW: your explanation (#4) is really clear to me, and echoes what I’m getting at.

6.  Josh 1:56pm, Wed 17th, 2007

John S.

I feel the same way about functionality. That’s where I spend most of my time: on site who have the functionality I need (with or without visual splendidness)

However, it’s a really tough discussion to have, because there’s always the “well, there’s no reason it shouldn’t look great, and if we really cared enough we would nail all aspects of the design”. I agree with this, even though the evidence clearly shows that visual design isn’t always the highest priority for use.

7.  pauric 2:42pm, Wed 17th, 2007

My bad, of course visual design matters. I’d be out of a job otherwise. What I should have said was ‘When is visual design less of a priority?’

8.  Jay Fienberg 2:56pm, Wed 17th, 2007

It’s probably worth adding, as an historical note, that one thing that can be said to be “web 2.0″ is a rejection of the dotcom era’s esteem for “high” visual design.

The dotcom era, roughly, was when people first started really caring about what a web page looked like visually (e.g., starting with Netscape 3.0 and the visual layout capabilities of HTML tables and images). But, then the dotcom bust really opened a lot of people’s eyes to how little “high” visual appeal correlated with successful websites / web companies.

I think visual design always matters, but it’s also always subject to fashion trends. Low design is always more widely accessible to individual’s fashion tastes than high design (and, low design tends to be more practically usable).

In general, the web is still very textual, and it’s fashionable and practical (think: bluejeans) to produce sites where some kind of readability is the dominant goal of the visual design.

MySpace works visually in that in allows individuals to do their own designs: each MySpace reflects some individual’s visual aesthetic / fashion.

But, to the degree that visual design is communication design, or experience design, or information design, etc., the larger the website, the more likely there are specialists representing some or all of those rolls, and the role of the “visual designer” might be more limited to look and feel / emotional design.

9.  Egor Kloos 5:31am, Thu 18th, 2007

Aesthetics are not so important to a service like MySpace. The appeal is not it’s look and feel but it’s ability to connect to others. People just like to belonging to something. In an individualized apathetic world one the way to avoid isolation is to lower the threshold and offer unlimited socialisation and popularity whether one partakes or not. MySpace fills that needs quite well, despite a crappy design. Appeal trumps quality every time, unless quality is one of the major appeals.

One design issue that has some importance for such sites is usability and here MySpace passes by the skin of it’s teeth.

If you look at Google Calendar which is also a social site/webapp you’ll see that attention to detail and design is not lacking, well not as much as MySpace. In fact Google Calendar would most likely have failed if they hadn’t put in the extra effort. This is in part due it’s branding and their applications look and feel need to at least match this. But because it’s primary focus is as a personal app with social capabilities it’s interface requires a high level of quality in design and production. This is clearly a case where quality itself is a major appeal.

10.  Francisco 10:25am, Thu 18th, 2007

I have had experience in visual design for mostly e web 1.0 and shooping experiences for about 7 years. Lately I have worked as an experience designer for two different web 2.0 social projects. The biggest problem from my perspective is the sequencial development methodology in place for most companies. I personally like to include visual designers in the experience creation process.

It is highly important for anyone involved in the creative process to have an bird’s eye view of the whole experience. As words, visual desing carry a highly semantic value for the user. Experience and visual should not live in a divide or disconnect. But on the contrary should be developed in parallels feeding from each other.

About myspace. Most ppl are stuck within a system they have put so many hours and effort to develop. It is the first time many have been able to gain a presence in the internet and to visualize a community. Its “stickiness” for this two reasons is incredible. A rigid system that works 80% of the time which locks users and their communities. Although it is poor in execution the effort to move you and your community into a new system overcomes the frustration of usability issues like the image upload… for example.

11.  Mark 2:37pm, Fri 19th, 2007

Myspace is successful because it looks like what a teenager’s bedroom looks like. They simply cater to their audience in setting what their audience expects or is familiar with. Myspace is austute that way. However, go to a retail setting or music download place and try to get away with that look.

Consider human nature: when a person goes out to a bar or a party, they want to look good. Looking good to them trumps the look of the place they are going. People, like websites, want eyeballs looking at them. These social websites understand their users because they pay more attention to them than they do to their own notions of what ought to be. And so they have put resourses into letting the user’s determine how they, the users, are percieved by virtue of how they “customize” their page.

The notion of visual design must first be filtered by the idea of user-centric design.

Some sites know when just to stay out of the way. Myspace has such huge brand gravity because they have had the discipline to cater to what is important to their users.

Consider that if myspace was slick and shiny, how would that have affected the perception of their brand. The genius of myspace is that they either had the insight and guts, or the ignorance and luck to let the user’s do all the branding work for them. And branding in a social setting is all about personal customization.

12.  Daniel Szuc 11:31am, Sat 20th, 2007

If it does not *communicate* towards a goal – its not working – suggest this applies to creative, copy and features. The key – clear communication.

13.  Jason Sadler 11:39am, Wed 24th, 2007

I couldn’t agree more, at least Facebook is easy on the eyes. I think this is one reason why I have steered clear of myspace, there is just too much clutter (especially for people with design backgrounds).

This is a shameless plug, I know, but we launched a social community trying to keep visual aesthetics in mind while promoting an idea we believed in. Jumping on the web 2.0 bandwagon of gradients, reflections and making everything as bubbly as possible was not how we wanted to join the web 2.0 world!

14.  Michael Cavanaugh 4:38pm, Sun 28th, 2007

A couple of points:

1. Although the Web seems like it’s been around for a long time, it’s very new historically. Technological innovations are always driven by technology first – design comes later. Think of Henry Ford’s Model T that was hugely successful, even though it came in only one style and color. When GM later introduced a variety of models, colors and designs, they rapidly gained market share. Ford was completely baffled by this because the GM cars weren’t any better at transporting people. Think of the success Apple has had with the iPod. It doesn’t really play MP3s any better than other players, but it’s design very much appeals to it’s market.

2. For MySpace, design is an answer to a problem that doesn’t currently exist. They are the only real players in a totally new category and kids have no other choices at this point.

3. Web design is fundamentally different from traditional media. Design for the Web encompasses not just graphics, but navigation and ease of use. It conflates graphic design with environmental and product design. This process has not yet matured.

4. A static designed Web 1.0 crashed on it’s own hype. Web 2.0 is emerging as a dynamic, interactive environment, not just a series of cool pages. The current volatile transformation of online media – music, film, TV, etc. – will morph into a very design-driven industry once the technology and business components shake out and settle down.

15.  evden eve nakliyat 4:53pm, Sun 4th, 2007

evden eve nakliyat

16.  araba kiralama 4:54pm, Sun 4th, 2007

araba kiralama

17.  evden eve nakliyat 9:52pm, Tue 8th, 2007

very nice informations.thanks.

18.  web tasarım 12:31pm, Tue 7th, 2007

I couldn’t agree more, at least Facebook is easy on the eyes. I think this is one reason why I have steered clear of myspace, there is just too much clutter (especially for people with design backgrounds).