Sunday, 21 October 2012

Design for Web: Existing Websites

For a little introductory research for the Designing For Web OUGD504 brief based on the summer 'A History Of...' research I've looked at a collection of existing websites out there that offer somewhat similar content or at least cover the same overarching topic, which is mixed martial arts.


Here is my finished summer research product which is titled 'Mixed Martial Arts' a visually designed guide to Mixed Martial Arts, it's beginnings and roots, along with the similarities between Samurai Bushido culture and mixed martial arts. Also underneath that is the UFC 1 rebrand I did for the first UFC and MMA event in 1993.




 I tried to keep the visual style consistent so it makes sense to apply this visual style and sensibilities to the website I'm going to produce too. I tried to go for a simplified visual style, very stripped back and similar to old prizefighting posters to give the UFC more of a legitimacy as a sport in the classic sense. It's something MMA and the UFC in North America has struggled with in the past.


Here are some relatively similar websites out there which deal with the same subject. I'll try and analyse them just how I analysed 'good' and 'bad' websites out there in a previous post.


Bleacher Report: MMA




This is a website I frequent regularly to catch up on the latest goings on and as I've used this website a lot I can browse around it with ease. One of the main aspects of the website which I find particularly useful is the way the top latest story is highlighted at the top, inviting you to click on it. In this case it's "MMA Stock Report for top 25 fighters". For each article it also tends to use a slideshow method, with a PREV and NEXT button which I quite like as it allows me to read lists, top 10s, etc in a nice broken up style. With each article you also get similar and relative articles on the right which I find myself clicking a lot so in terms of the website pages linking together I think it's effective but visually I don't feel too strongly about it.

It has too many colours going on, I think the hyperlinks stand out too much with the bold and blue text and there's a kind of overload of information, especially for someone who hasn't used this website before. Also there's sometimes problems with the coding of the website, it seems the image size frame is fixed, so pictures applied to the frame just get cropped and not resized so you can't see what's going on properly, like in this..


Overall, although the visual style is not exactly groundbreaking in a design sense, it looks reasonably professional and consistent and looks pretty inviting and professional compared to the other combat sports websites out there.





UFC

The official website for the biggest MMA organisation in the world, the UFC. Kind of like the NBA of basketball. I like the way the colour scheme works it's consistent and nicely colour coded with the navigation bar at the top clear and easy to use. It suits the target audience and subject itself very well, it looks pretty modern and slightly futuristic in a way, something which suits the UFC's image. I like the boldness of the images, they're usually pretty big and pretty spaced out with some bold text underneath it. It's also good for newcomers to check out as it has pages on the fighter roster, the current champions and upcoming events. 

It's a pretty busy website still but it reflects the organisation itself, there's always stuff going on and I can't really think of any clear solutions as to how they could have handled the information any better.


The loading bar is pretty cool with the Octagon cage






MMAFighting

I like the web font that this website uses and I like the kind of larger than normal pt size used, it's clear and easy to read. It has a lot of white space, which as you can see with previous examples is kind of rare in the news websites! It has clear 'share' buttons which are cool. It still has a lot of information around it, with big footers and comments sections and stuff going on on the right, when you read articles, the articles kind of don't feel important if that makes sense. The content kind of feels like it's been shoved onto a page. A lot of these news and reporting websites have a lot of information going on and sometimes your eye doesn't know where to look. Trending sections, Video sections, Recent Posts sections. It almost seems as if they've just put the sections in to join the crowd, rather than for usability.









Sherdog

Now this site is pretty bad, especially considering the reputation of this site in the MMA world. It's kind of like the MMA encyclopedia of the world. The colour scheme and overall visual style looks very year 2000. With gradients and big block metallic text everywhere. The negative leading in between the headlines is not nice on the eyes. The image sizes are inconsistent and a bit too little sometimes, especially on the events/fights section on the right. This kind of visual style and image is exactly what I didn't want to put across with my research and products. Very grungey and heavy metal.





Mixed Martial Arts.com

Now this website's a looker, or maybe not. Again, as with Sherdog. This website looks very grungey and sweaty, with more emphasis on selling MMA t-shirts than the actual body of articles themselves. The body text is inconsistently sized. The roll-over menus look pretty dated and overall the website looks pretty dated.














No comments:

Post a Comment