Skip to Content


Gallery / UX Magazine« previous | next »

UX Magazine image

UX Magazine

Current rating: 6.3 (420 votes)

Votes are closed for All Stars entries

  • Added: 02 February 2006
  • Designer: Constantinos Demetriadis and Alex Schleifer
  • Submitter: Howard Mann

Review:

UX Magazine was created to deliver a central place to discuss the critical disciplines that all enhance user experience. Extraordinary user experiences should be the goal of every interaction you deliver to your users at any level. All too often, businesses (large and small) get it horribly wrong. It’s painful to watch and even worse when it happens to you.

This is how a magazine’s or newspaper’s site should look like. UX Magazine displays a perfectly balanced grid and a very good hierarchy of page elements. Somehow it manages where oh so many other news sites have failed – displaying a lot of information without becoming too cluttered and hard to understand.

Good color coordination helps the user quickly identify the important information on the page and the palette is bold enough to give the proper guidance but at the same time it’s toned down and readable through the intensive use of grays. Subtle hover effects also add to the overall impression, though on simple links the effect might be a little too subtle.

Another very nice touch is that the layout is resolution-dependent. Just try to resize your window to anything below 1024 and you’ll see a different layout – just as usable but different. What I'd really like to see is the grid growing vertically when text-size is increased. If they can achieve this then I really will have nothing to pick on.

The code could use some cleaning up as right now there is still a lot of javascript and some styles too embedded in the HTML, but the site is still in Beta and I’m sure that the final version will bring some improvements.

Reviewed by Lucian Slatineanu

There are 42 guest comments so far.

commentat 18:56 on 02 February 2006, stuart wrote:

My first comment on SG.....and the first to comment here - wow

"very nice touch is that the layout is resolution-dependent"

Don't you mean the site is NOT resolution dependent.

Anyway - this is a truly fab site

commentat 19:34 on 02 February 2006, Matthew Runo wrote:

I love well done grid/table layouts. CSS made them so hard in the past that we hardly have any good ones - this site being an exception!

I hope that this page is a sign of more great designs to come in the future.

commentat 20:45 on 02 February 2006, Father K wrote:

The first site posted on SG that I rated a 10. Love everything about it.

commentat 01:25 on 03 February 2006, Kristopher Gosser wrote:

This site is hot.

commentat 10:44 on 03 February 2006, Christian Montoya wrote:

Such a nice site, too bad it hurts too much to read. I think it like it better with CSS off.

commentat 11:22 on 03 February 2006, Marco wrote:

That's pretty damn impressive! I really love how the content adapts when the browser window is narrow. Very clever indeed!

I'm less enthousiastic about the very small text combined with very little line spacing. Resizing the text just one notch larger already results in parts disappearing.

Overall they did a great job on stuffing so much content onto the homepage but readability/usability did suffer a bit in the process.

commentat 15:46 on 03 February 2006, Chris Huff wrote:

The content itself is quite cluttered. Apart from the featured story, I'm not sure where my eyes are supposed to focus. There's not much information linked from the main page, and it doesn't seem to be organized logically.

That being said, I must say that the layout is great. Sites should keep several resolutions in mind. The way it moves the content is pure genious. It even lines up perfectly both ways! I'm impressived.

commentat 17:26 on 03 February 2006, Geof Harries wrote:

I'm with Chris: content organization is cluttered and confusing. The homepage is the worst culprit by far. The cutesy little green, blue and orange icons at the top of the small boxes are unhelpful; they should instead be grouped together by category with clear page headings and colours.

I "want" to be excited about this website - based solely on its purpose - but this type of information design mess makes me shudder. I sure hope they clean it up sooner than later.

commentat 18:17 on 03 February 2006, Chris Harrison wrote:

I rated it a 10. One of the best sites I've seen featured on here.

commentat 18:38 on 03 February 2006, Michael wrote:

I found the hompeage cluttered; I didn't know where to look and it was difficult to scan. Some lovely design touches, though. I particularly like the arrow pointing down to the image of Steve Jobs.

The resizing business is cool, but of course it's Javascript-dependent, so that reduces the coolness for me somewhat.

One beef: it took me some time to realize that the search box is a search box. To me this is an area in which one should avoid getting too slick--especially on a site concerned, even obliquely, with usability.

As noted in the review, the site is rife with Javascript, most of which should be handled server-side. The markup, while completely valid, suffers badly from "classitis," and the semantics are nearly non-existent.

Nice design overall, but the implementation could stand significant improvement.

commentat 20:22 on 03 February 2006, David B. wrote:

being from a design background I am only going to comment on the design. and it is flawless. best site i have seen here and best i have seen on the web in a while, gave it an 8.

commentat 22:59 on 03 February 2006, Thame wrote:

Beautifully smooth. I love it.

commentat 02:44 on 04 February 2006, Pat Collins wrote:

Design is great. Chunks information very well. I keep going back just to look at it. Superb.

commentat 10:58 on 04 February 2006, Fredrik wrote:

Semantics went out the door on this one it seems. Even spotted some inline-css. Well, I assume that's CMS-related.

I really like the main structure though. A lot of options on the front-page which I don't mind when it's served so neatly.

Also like how they pulled the elastic.

Ooh, and the Print Sheet is awesome work, nice to see some attention to that as well.

This text is acctually on the front-page for instance:

"Don't print this

While printing this page seemed like a good idea, we would just like to recommend that printing an article is far more useful."

commentat 23:15 on 04 February 2006, Eoghan McCabe wrote:

A great site!

commentat 01:13 on 05 February 2006, Tor Bollingmo wrote:

I just love it.

commentat 01:28 on 05 February 2006, Nathan Smith wrote:

A coworker showed me this site awhile ago, and I've been hooked ever since. I love the design and the snap-to-width layout. I am even more impressed that it's running on Textpattern. It's one of my Firefox homepages now.

commentat 15:14 on 05 February 2006, Marko Mihelcic wrote:

Very nice design and good coding :)

commentat 19:14 on 06 February 2006, deadpixel wrote:

mmm. clean grids.

commentat 11:36 on 09 February 2006, jaseth wrote:

One of the best designed sites ever featured on SG imo. 9/10

commentat 05:58 on 10 February 2006, Shashwat Nagpal wrote:

I quite like the concept and the way the idea is presented... It definately needs to clean up the homepage, as its too much of information for me to focus on... where shoudl I go...

But I really like the clean grids and the breathing space between the contents...

Overall very well done... 7/10

commentat 02:42 on 12 February 2006, John wrote:

It looks nice and I appreciate it from a web development standpoint. Most comments are positive regarding the development effort and the general "look" of the site. They should be lauded for that - a great effort.

I do think the home page is a disaster. It's far too difficult to read. All style no design.

Perhaps when they finish whatever goals they have for the implementation they will have time to focus on intelligent writing befitting the topic they chose to discuss. There is very little and what there is doesn't concern itself with the "multiple facets of user experience" beyond code and business.

Maybe they could even run a user test or two.

commentat 20:15 on 13 February 2006, madeo wrote:

Hi,

really love this site :) It gives a very clean feeling. I was just wondering what font they used (for logo etc.). It is amazing. Any ideas?

Thanks a lot

Wishing good luck

Madeo

commentat 20:51 on 13 February 2006, David B. wrote:

beleive it or not thats Georgia, i said the same thing and emailed them and he told what it was and said i could snoop arround the css. and its georgia light. looks really good, they didnt do anyhting to it, besides i guess pick the correct font size to optimally display it.

commentat 21:52 on 14 February 2006, Tom wrote:

The front page looks great at first glance (and must have involved real dedication from all involved), but there's just too much unorganised content. I'd like to see some hierarchy, and more white space to break up the monotony. Small touches like the nice personalised lead-ins to the comments field take away the feeling of this being a massive database-driven site.

Overall, clean, precise, sharp, but ultimately soulless. And still too conservative. But maybe that's appropriate for the subject matter - the content presentation isn't a mile apart from slashdot.

commentat 21:24 on 15 February 2006, Rik Williams wrote:

I've just deconstructed the uxmag.com grid system for an assignment at uni. View my URL if you want more uxmag grid joy! rik.

commentat 03:21 on 17 February 2006, Andrew Branch wrote:

The top left navigation should not have down arrows. Many users will expect a dropdown menu when they click rather than a link.

commentat 11:51 on 21 February 2006, Ian Bryce wrote:

Great site, fab design..... has great lasting appeal. Not a site your gonna forget the design of any time soon.

commentat 20:58 on 22 February 2006, Avi wrote:

I think they need to go back to the drawing board in terms of UI and layout. It took me 10 minutes to find the primary navigation. I tried clicking on the steve jobs quote, then his picture, I clicked on that green ad in the middle, didn’t even notice it was an add. There is no hierchy to the site, besides the main article, all articles get the same size and position. They don’t even have a proper H1 or H2 tag in your source. There is no sense of what is a link, how important the link is, or how to navigate. I’m sorry if I’m being critical, but this website breaks all the rules of UI for no reason, it isn’t like the site even looks special. It looks like a newspaper on a website and it isn’t even a good looking newspaper layout. Try again.

commentat 16:18 on 23 February 2006, moham wrote:

it is very elegant and suitable i think.

commentat 17:31 on 23 February 2006, Avi wrote:

Yeah, I'm thinking about it again and I don't think it's *terrible*. I guess my main problems are a lack of visual hierarchy, like make the site break down more then just 1 "Main artcile" and 10 "Other Articles," and good UI (that navigation up top is confusing as hell, why do they have down arrows if it doesn't open down? why is it so out of the way). But anyway...

commentat 21:25 on 24 February 2006, David B. wrote:

hmmmi think this gallery entry is starting to get lag lash back. it was in the mid 7's now it's down in the high 6's. its been here too long. there need to be more entries.

commentat 12:15 on 28 February 2006, darius wrote:

well for me it clear, intuitive and really functional site. geat content and interesting way of navigation.

commentat 13:57 on 05 March 2006, aank wrote:

wadu...h canggih euy...(nyoba...)

commentat 19:36 on 06 March 2006, Andy Beeching wrote:

I'm in agreement with those who think the UI is off. While a lovely tight grid-based design, some of the elements are visually misleading, and I actually find the articles themselves difficult to read. There's not enough gutter between the right-hand side of the text and other features. I would suggest an increase in the leading and the gutter might improve readibility here.

Also, as others have pointed out, the site is not great under the hood. There are no header tags at all in the source (use the web developer document outline tool to see the document hierarchy), and class/divitis is abundant. I do very much like the Javascript resize widget though, the best example of this exciting new layout technique to date IMO.

As they state on the site, they are still in Beta, so perhaps we should hold off final judgement until they launch officially.

commentat 13:44 on 08 March 2006, Brock.be wrote:

Too much information on the startpage I think. How will one follow up the new stuff? It's not like I'm unable to figure that out, but since many surfers are "lazy" this might become a problem attracting new visitors.

commentat 21:39 on 27 April 2006, John Hamman wrote:

I dont understand why people keep implying that this site is so great. take a look at my blog post about it all - "Case Study UX Magazine - When Good Design Is Poor Usability" at http://blog.theladderproject.com/archive/2006/03/24/127.aspx

commentat 14:27 on 11 July 2006, Nick wrote:

I honestly like the cluttered frontpage. It's not immediately usable or transparent, but the visual metaphors became apparent very quickly: The hover on the trio of buttons at the top is the same as their corresponding entries in the body of the page. Not every user is going to make the connection that quickly, but not every user is going to understand the CNN homepage, either. Besides, I'd rather have something that takes a bit of thought to use, but looks beautiful than something that's stupidly easy and looks awful.

In many ways, the design reminds me of a blend of the old A List Apart design and the new ALA design.

My main complaint with the Javascript is a 'dancing' bug that I noticed in Opera. If I expand the window, the bottom columns danced around the page for about 20 seconds as the javascript tried to discover the correct layout.

commentat 20:13 on 04 September 2006, Calvin Hobbes wrote:

I have to say that I liked this layout. It reminded me of the 'Snakes and Ladders' board game and whilst you have to spend a little hunting and searching - it's not overly taxing and makes the site a little more interesting. The colour work well and it looks slick overall.

I saw this site several months ago and I had high hopes for it ... but the biggest disappointment is that is a lack of content - in fact, the site itself proudly (!) proclaims that it was last updated 74 days ago!! Which again proves to me that design is nothing if you have no substance.

commentat 07:18 on 09 September 2006, unstructure wrote:

Its a shame that after some server problems, they seems to have abonded the site. I was an active visitor in the first month or two of the site, but recently I have removed it from my bookmarks list.

I hope it will make a spectacular return to its former glory ... at least there is stylegala. Although some new sites to review on here would be nice too.

commentat 18:52 on 30 September 2006, Sem wrote:

It was a great site, design and content. Now "last updated 100 days ago".

commentat 23:00 on 13 November 2006, Plastic Man wrote:

I don't know what is happening to this site, but finally its not in beta.

There are also some changes, for example the top right menu. I am not really satisfied with the search box, but still a great site.


Gallery by month:

Gallery by rating:

Gallery All Stars:

Comments / recent

About satsu design: Its perfect desing. Congratulations...... [more]

About satsu design: Just because the sketched out look of Satsu uses s... [more]

About satsu design: Fabulous color schemes in this design, very well d... [more]

About satsu design: this is well really, but there are somethings. For... [more]

About satsu design: Did someone say "jump the shark", cause that would... [more]


Search

Features

Stylegala BookStore
The Stylegala BookStore has a massive archive of great books for you as a professional..
Bullet madness
Bullet madness is a list of 200 bullets, arrows and icons uploaded by our users.
CSS Reference
An alphabetical list over the most common CSS1 and CSS2 syntax and properties.

Sponsors

SiteGrinder - Photoshop to the Web Plug-in

Flash components

Whitelabel CMS

PageRank 7 Directory

Slice 'n Dice

GenoPal

tradingeye - XHTML CSS Shopping Cart & CMS

Advertise here