Gallery / UX Magazine« previous | next »
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.
Gallery by month:
- February 2008 [1]
- January 2008 [1]
- December 2007 [1]
- October 2007 [2]
- September 2007 [1]
- July 2007 [2]
- June 2007 [1]
- May 2007 [3]
- April 2007 [1]
- March 2007 [3]
- February 2007 [2]
- January 2007 [4]
- December 2006 [3]
- November 2006 [3]
- October 2006 [3]
- September 2006 [3]
- August 2006 [3]
- June 2006 [5]
- May 2006 [1]
- April 2006 [1]
- March 2006 [2]
- February 2006 [1]
- January 2006 [3]
- December 2005 [3]
- November 2005 [3]
- October 2005 [3]
- September 2005 [6]
- August 2005 [7]
- July 2005 [9]
- June 2005 [7]
- May 2005 [9]
- April 2005 [12]
- March 2005 [20]
- February 2005 [6]
- January 2005 [7]
- December 2004 [9]
- November 2004 [14]
- October 2004 [14]
- September 2004 [15]
- August 2004 [24]
Gallery by rating:
Gallery All Stars:
- 05.2006 | Dalit Freedom Network
- 04.2006 | Jakub Krčmář
- 03.2006 | Veerle's Blog
- 02.2006 | UX Magazine
- 01.2006 | E-knjige.net
- 12.2005 | The John Carroll School
- 11.2005 | Kutztown University
- 10.2005 | 31Three
- 09.2005 | Derek Powazek
- 08.2005 | A List Apart
- 07.2005 | Avalonstar
- 06.2005 | 9rules
- 05.2005 | folietto
- 04.2005 | web.burza - Superhero Edition
- 03.2005 | Joshuaink
- 02.2005 | Brother Jones Artwork
- 01.2005 | badboy.media.design
- 12.2004 | Mezzoblue
- 11.2004 | Shaun of the dead
- 10.2004 | Hicksdesign
- 09.2004 | Small Transport
- 08.2004 | Justwatchthesky
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








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
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.
The first site posted on SG that I rated a 10. Love everything about it.
This site is hot.
Such a nice site, too bad it hurts too much to read. I think it like it better with CSS off.
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.
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.
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.
I rated it a 10. One of the best sites I've seen featured on here.
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.
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.
Beautifully smooth. I love it.
Design is great. Chunks information very well. I keep going back just to look at it. Superb.
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."
A great site!
I just love it.
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.
Very nice design and good coding :)
mmm. clean grids.
One of the best designed sites ever featured on SG imo. 9/10
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
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.
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
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.
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.
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.
The top left navigation should not have down arrows. Many users will expect a dropdown menu when they click rather than a link.
Great site, fab design..... has great lasting appeal. Not a site your gonna forget the design of any time soon.
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.
it is very elegant and suitable i think.
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...
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.
well for me it clear, intuitive and really functional site. geat content and interesting way of navigation.
wadu...h canggih euy...(nyoba...)
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.
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.
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
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.
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.
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.
It was a great site, design and content. Now "last updated 100 days ago".
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.