Myspace and Usability

Anyone who knows me, knows that I crap on about Myspace an awful lot. After six months not using it, I finally deleted my account, and it still plagues me.

The problem is that Myspace doesn’t keep its usability problems to itself. People still publish and link their profiles, and musicians augment, and in some cases replace their web sites with it. I can’t count the number of times I’ve had to go through a Myspace page to do business or make a transaction, and while there’s nothing wrong with that per se, the problem arises when you contrast the usability of Myspace with anything else on the ‘net.

The social networking site has long been the target of ire and criticism from the web development community. The table-based layout is a complete disaster to work with, and the infamous profile customisation people go to town on originated through a lack of form validation.

The site design itself hasn’t improved much over time. The recent revamp did little more than place lipstick and javascript on top of an already poor foundation, and while usability didn’t suffer, neither did it improve.

Nowadays the colossal network is stuck in a stasis between new and old, yet the usability issues remain the same.

  • Profile pages are a phenomenal mess of tag soup and incorrectly placed CSS.
  • A trend toward tiny 10pt text in narrow columns without any kind of formatting makes it really difficult to find useful information, while the sporadic table-based layout degrades in a ridiculous manner making it impossible to navigate in an alternative fashion. There’s also been a trend lately to overlay massive Flash interfaces over the top of the actual content.
  • RSS feeds for blog entries have been disabled, presumably to promote use of the proprietary on-site “blogs” functionality. There are services available to scrape the data into an RSS feed for your use, but this is poised to break the second the blog page layout is changed.
  • Are you sure you want to quit? Hyperlinks are obfuscated and proxied through a third party link service for “security.” These links also fail with an unhelpful message when Javascript is disabled. Myspace is an absolute black hole for Google Juice.

While I’ve got nothing against Myspace or Fox, I have everything against their continuing trend to introduce irresponsible conventions, and generally break the web. For a site with such a basic purpose, how difficult could an accessible layout be to implement? The answer is “not very,” but I’d be willing to bet the internal bureaucracy after the take-over probably holds a lot of the responsibility for the current mess.

New Site; The Interim Look

After half a decade of running off a custom, and highly experimental — read “bad” — content management system, I’ve finally get everything imported into the new system which will drive the site from now on.

Slowly but surely we’ll be seeing changes take place. While the initial interoperability leg-work is done, there’s still a lot of stylin’ and organisation to go before I’ll label this site complete.

I’m using Wordpress for the site now, which I’m sure the technical amongst you have heard of before. It’s the de-facto blogging software, but is a lot more powerful than it sounds. I’m confident it will be more than adequate for the goals I’ve got for the site.

So for the next few weeks things will be tweaked and improved. There’s a new theme coming slowly but surely, and any content that’s been missed out will be divided between here and ash.ms.

So lo begins the new era of Techtoucian Network. Subscribe to the new feed, and keep an eye out to see what’s happening.

CSS Parent Styling

Rascal Writes:

“I can’t remove the parent styling such as underline, colour, and strikethrough of the ins and del tags.”

You should be able to alter any CSS property, but in this case it’s likely being overridden by something you’ve set previously.

If you’ve got the web developer toolbar, press ctrl+shift+y, or whatever the macquivalent is and click the element in question; it’ll bring up all the styles applying to it. Using more accurate selectors you should be able to overcome this.

As a last resort if you can’t work it out, you can force a style using !important. For instance ins{border-bottom:none !important;} The side-effect is that all browsers rendering that instruction think it’s important, and there’s no telling what troubles that might cause in the long run.

I do hope this helps.

Click Here

Frazzled at being bombarded with link text reading “here” all day, I thought it would be an interesting experiment to list what some of the worst offenders are. If there were ever a lesson in using meaningful link text on the web, here it is.

According to Google, the top sites linked using the overly descriptive text “here” are:

  1. Adobe Acrobat (Download)
  2. Mapquest (Maps)
  3. Apple Quicktime (Download)
  4. Real Player (Download)
  5. Sun Java (Download)
  6. Windows Media Player (Download)
  7. Winzip (Download)
  8. Multimap (Maps)
  9. Google Earth (Download)
  10. Yahoo Maps

From this we can conclude that people primarily use the link text “here” to link software downloads, maps, or directions. The incredibly sad thing is the amount of proprietary software that is being “here linked”, that is very likely also “required to view this site”.