Designing for MySpace June 18, 2007

Posted by Todd Zeigler in Design, Social Networks

The design of John Edwards’ MySpace page is pretty broken right now. As you’ll see below, page elements are getting pushed to the left and it is generally not looking as intended.

If a campaign website was messed up this bad we’d undoubtedly write something snarky. But, having done battle with MySpace ourselves, we can only feel sympathy for the folks at the Edwards’ campaign. They are fighting a losing battle.

If you design for MySpace, your page is pretty much guaranteed to break on occasion. Someone will post an 800 pixel wide picture in your comments. Or maybe a link that runs 1,000 pixels wide. You’ll post an update that mysteriously causes things to break. Or maybe MySpace will just make some subtle change that breaks your design for no reason.

For this reason, my favorite MySpace designs are ones that pretty much don’t look like MySpace pages. They get rid of the extraneous stuff and break free of the delicate two column MySpace design. These types of pages tend to be a bit more stable. Below are some examples:

Of course, they don’t really look like MySpace pages, which may not be the best strategy for a campaign. But they’ll keep the perfectionists charged with maintaining these pages a bit more sane.

Update: Jei Park, one of our designers, sent me the following note after reading this post:

I think Flight of the Conchords may have gotten special accounts/treatment. Most regular accounts have “bodyContent” class added to the body tag, but Conchords have “profile” added. Also when you look at their codes you don’t see any of the junk codes that should’ve been there, like “about me” since most people just hide them.

The fact that Flight of the Conchords seems to have removed advertising, which is against MySpace’s terms of services, is further proof of this.

Share

Trackbacks/Pings

Comments

  1. -1 Vote -1 Vote +1gina - June 19th, 2007 at 1:45 am

    They should just concentrate on their http://www.zooped.com and http://www.facebook.com profiles.

    His myspace should be hacked by the end of the week by a 14 yo.

  2. +1 Vote -1 Vote +1Joe Murphy - June 25th, 2007 at 7:25 pm

    To fix that comments-being-too-wide thing, try this CSS:

    .friendsComments
    {
    width:435px;
    max-width:435px;
    overflow:hidden;
    }

  3. Vote -1 Vote +1Heather - July 20th, 2007 at 9:39 am

    Hi,

    I actually publish MySpace Best Practices for Nonprofit Organizations:

    http://www.diosacommunications.....ctices.htm

    There are some design tips in there that will help folks prevent their page from breaking.

    I run:
    http://www.myspace.com/nonprof.....anizations

    And design MySpaces for (mostly) Nonprofits:

    http://www.diosacommunications.....rvices.htm

    Thanks!

About this blog

The Bivings Report (TBR) is a source of news, insight, research, analysis and conversation on web-based communications and its increasingly powerful role in the economy, politics and society. TBR content is created, posted and managed by internet strategists, media/communications analysts, web developers, designers and programmers, all of whom are employees of The Bivings Group.



Email Subscription

Delivered by FeedBurner

Search Site


Archives


Most Popular


Authors


Tags