MEMBER LOGIN   |   Username: Password:
Twitter: (The Twitter thing is temporarily down due to a Twitter-related bug or something!)
Recent Updates: The New Site is now open! (6 years ago) Which of [these facial express... Vulpin Adventure OST| "Blast to the past!", a review of Plazma Burst 2 by Rating Orb Duogduogduog
...
Pseudolonewolf`s Avatar New Site Screenshots Wed 24th Aug 2011 3:27pm

Category: The New Site

I haven't actually shown any screenshots of the new layout yet, so I want to do so here before I go any further.

I was trying to keep things largely the same in terms of colours - the brown, purple and orange of this site are important - but I also wanted things to feel fresh and different so I wanted to try positioning certain elements differently.

Here's a screenshot from my fairly wide monitor: [LINK]

There's now a purple column on the left which contains information that's currently in the topbar here. I thought it'd leave more horizontal room for the content, and it'd give the site a different *feeling* in general, or something.

The content area is filled with dummy 'Lorem Ipsum' text there just to show what it'd look like filled; obviously that's not a real page's content.

I rather like the new layout... I mean, it's not the most amazing thing in the world, but I've wanted a change of scenery for a while now.

But I'm not sure whether it'll even *work*... My monitor's around 1900 pixels wide, but most peoples' aren't, meaning that I have to design my own site for screens about half as wide as mine... which is really irritating, since I can't take advantage of the larger monitor that I have.

Here's a screenshot of the comments section of a page, full of very intelligent posts: [LINK]

You can see the UFELTA interface there.
It looks fine on my own screen, I think; all the information fits nicely into place.

But look at it on a 1024x768 screen: [LINK]

It's a complete mess, and it just won't work. It's really frustrating, since I don't particularly want to design for that resolution but I know I'll HAVE to, and I'll need to make loads of changes to make it work... I may need to put the purple bar at the top like it is here, which is irritating since I was feeling somewhat glad to have a *different* layout rather than the one I've had for ages.

It'd be impractical to make *different* layouts though, like a 'compact mode' for smaller screens. I'm going to have to make one layout that'll fit on all screen sizes...

Anyway, I suppose I'm curious about what people think of the new layout. I'm expecting a fairly significant chunk of people to not like it purely because it's new and different, just because there's always some opposition to any kind of change, but, uh... oh well.

I may end up thinking about vastly different layouts though that would fit nicely on any screen sizes and which will look interesting and unique...

It's also annoying that I need to include adverts somewhere in the layout... I'd omit them if I could, but I sort of rely on them to make money, so I can't.
40 comments

 

40 Commentson 22 roots

Overlord Xenos`s Avatar
Rating Orb Overlord Xenos 20 United States CholericPhlegmatic 5C 0F
6 years ago | (0)
Man...i missed out on the link to the new site. Bugger.
THat's what i get for switching to a full-time work schedule..
gnome`s Avatar
Rating Orb gnome 19 United States PhlegmaticCholeric 386C 81F
6 years ago | (0)
Might I suggest a couple things to keep the layout compact, yet stretchable:

One thing to change is the min. width of the sidebar from 230px (far too wide on a small monitor) to a more comfortable 160px. It would stretch on wider screens of course--and to accommodate for cramped widths on smaller monitors, the post time could be am actual timestamp or datestamp instead of the very wide "2 days ago" or "5 minutes ago"--or just concatenate the time at the end of the post update.

Another problem in narrower widths is the very long UFELTA scale and the rather wide User Info preview. I'm thinking the user info should instead appear when you hover over the poster's name, saving space and making it convenient to view some user info without redirecting to the profile. The UFELTA scale could also be a hover menu (vertical), though I'm not too sure why you're implementing this particular rating system--seems arbitrarily complicated.

Also, I prefer this design to the one in the newer post--the bubbles seem sorta childish, and having two very contrasting, very different layouts just for different screen resolutions is completely unnecessary. Like one user said in the new post, the bubble layout seems more like a mobile site than a real one.
gnome`s Avatar
Rating Orb gnome 19 United States PhlegmaticCholeric 386C 81F
6 years ago | (0)
Oh, derp. I thought the new bubble layout was a replacement just for 1024px resolutions.. was a little confused as to how that'd work of course, but that aside. I still prefer the layout mentioned here, as it's much more contemporary and it's much cleaner than the bubble one--the bubbles reminds me of an example page I created for an "Intro to Web Design" class I took in high school..
Captain Obvious`s Avatar
Rating Orb Captain Obvious 19 United States CholericPhlegmatic 26C 13F
6 years ago | (5)
EGADS! The first link looks like Captain Obvious wrote most of the posts!

Wait...
ChaoticBrain`s Avatar
Rating Orb ChaoticBrain 22 United States MelancholicSanguine 30C 57F
6 years ago | (11)
You should just write everything on the new site in Latin, and require everyone to type in Latin. Because Latin.
ChaoticBrain`s Avatar
Rating Orb ChaoticBrain 22 United States MelancholicSanguine 30C 57F
6 years ago | (9)
And I'm all for the UFELTA system, since right now it's rather unclear what the above post contains that "offends" people.
Lyle`s Avatar
Rating Orb Lyle 24 Australia 65C 28F
6 years ago | (5)
The only thing I can think of is that everyone thought you were serious. The exact same thing happens to me whenever I try and make a joke. It makes me wonder if you would have got different ratings if you wrote "(just kidding!)" or some equivalent at the end.

The new website does look pretty though. I like how there's less boxes everywhere.
Bluerabbit78`s Avatar
Rating Orb Bluerabbit78 14 United Kingdom CholericSanguine 111C 4F
6 years ago | (3)
I rated Michos' comment yellow because I didn't like the tone... but he may be onto something at the end of his comment. I think it would be a good idea to have the ability to switch between themes, so we can choose which version we want, for even more personalization. Everyone will be wanting different themes, some new, some old, and everyone should get what they wish.

Personally, I like the new theme, but it seems a bit empty, and plain. I like the current link bar with "Games" and "Reviews" as it is, but I also like the new purple. Try adding some more stuff on, like our avatars on the side bar, and friend chat, maybe?

Also, our element should be more significant. I'm not suggesting you use a red theme for fire people, etc. but they should show up on our comments.
Michos`s Avatar
Rating Orb Michos 20 Poland PhlegmaticSanguine 8C 62F
6 years ago | (12)
Okay, everyone loves the thing, so here's some balance. I don't like it, because...
Or...not. You are not going to listen to me anyway, so writing everything I HATE about this layout is pointless. Also, it'd take AGES before I'm done.
I just want o ask: please, please let us switch between current layout and...this thing. Be merciful.
Ham1000`s Avatar
Rating Orb Ham1000 18 United Kingdom MelancholicCholeric 19C 0F
6 years ago | (4)
My monitor 1920px wide, I always have my browser window set to about 2/3 of my screen, and I don't think I've ever encountered a webpage that made me want to completely maximise it. I just did a quick test, going through popular sites at full resolution, and they all looked strange. BBC, Facebook, Twitter, etc all end up with huge white columns.
Do you do all your browsing with your window maximised like that? Seems foreign to me.
Pseudolonewolf`s Avatar
Rating Orb A β Pseudolonewolf 23 United Kingdom MelancholicPhlegmatic 2257C 559F
6 years ago | (4)
Yes, my window is as wide as it can go. And many sites DO look strange as a result of it, particularly if they don't use stretchy layouts. Those that DO use stretchy layouts tend to look better, though, and my site is one of those.
I can't feel *involved* with whatever I'm doing in the browser unless it's full-sized; at this size, it feels like I am 'inside' the sites, but if it wasn't as wide as it could be, it'd feel like I was looking at them through a window or something.
Ham1000`s Avatar
Rating Orb Ham1000 18 United Kingdom MelancholicCholeric 19C 0F
6 years ago | (5)
That makes sense, full screen applications are more "immersive" when they work well. Don't you find it harder to read like this though? Seeing an entire paragraph on one or two lines is jarring to me.

I'd certainly be interested in how many people with large displays maximise browser windows. I thought it would be a minority, but perhaps not.
YellowReaver`s Avatar
Rating Orb YellowReaver 19 Hong Kong SanguineCholeric 2C 0F
6 years ago | (5)
I can see this new site design has good aesthetics. The UFELTA system, though doesn't look all too different from the current rating system that you have in place. Overall though, I like it.
ThirdParty`s Avatar
Rating Orb ThirdParty 28 United States MelancholicCholeric 11C 2F
6 years ago | (5)
Why would you want such wide text areas? I'm pretty sure my reading is fastest and most comfortable when there are about six or seven words per line (so that my saccades can all be vertical, instead of some being horizontal and others being diagonal); the forty-word lines in your screenshots are just silly.

I bet you could fit everything into the 1024x768 screen, even with your current layout, if you just made the main content area narrower.
Pseudolonewolf`s Avatar
Rating Orb A β Pseudolonewolf 23 United Kingdom MelancholicPhlegmatic 2257C 559F
6 years ago | (2)
I prefer stretchy layouts because they feel more like I am 'in' the website rather than looking at some kind of billboard, and with these stretchy layouts, I prefer the main content area to be the majority of the space because it 'wouldn't make sense' any other way. As a result, the area containing text ends up being very wide.
I wouldn't feel comfortable squashing all the text in to some tiny, narrow area... It's not the way that I prefer to see text. It's also not like that here, anyway...
ThirdParty`s Avatar
Rating Orb ThirdParty 28 United States MelancholicCholeric 11C 2F
6 years ago | (2)
So, why not just make the website free-stretching? Reserve 240 pixels, or whatever, for the navigation stuff in the left column; reserve 120 pixels, or whatever, for the ad on the right; and then let the main column take up however much or however little space is left. (Just don't let the ad cover up content; that's the only thing seriously wrong with the layout in the 1024x768 screenshot above.) The site will look exactly the way you want it to on your own screen, and people like me who prefer narrower columns of text can narrow the size of our browser windows until we're also happy. The only people who won't be happy are the ones who BOTH have small displays AND prefer wide content--but I suspect that people with small displays are mostly accustomed to narrow content and prefer it anyhow, so there shouldn't be too many such people.
1 Reply
dalamplighter`s Avatar
Rating Orb dalamplighter 19 United States CholericMelancholic 2C 1F
6 years ago | (6)
Why don't you just but the right-side blocking ad on the purple sidebar?
Pseudolonewolf`s Avatar
Rating Orb A β Pseudolonewolf 23 United Kingdom MelancholicPhlegmatic 2257C 559F
6 years ago | (3)
Because:
1. There's quite obviously no room for it without it being out of immediate view and therefore useless.
2. There's already an advert in the purple sidebar.
3. The positioning of that advert isn't arbitrary; it's near the scrollbar and the messages/settings/logout controls, so the user's eye will be drawn to it relatively frequently.
joviens`s Avatar
Rating Orb joviens 29 Canada 5C 0F
6 years ago | (4)
I find your new design quite great. Especially the new purple menu on left.

I was wondering, can you put the advert horizontally on top (under le login info) or on bottom of the page? It would make the text area wider.
Page 1 of 3: