Site Design

Pixel

The Pixie King
Site Design (Graphics)

Bleh

If anyone has suggestion concerning the site's design, put them here.

Btw, the colour scheme is lifestream coloured because... it's the lifestream.net
 

Geostigma

Pro Adventurer
AKA
gabe
In the grand scheme of things its completely unnecessary to change anything. Maybe in a few years but not now.

TLS in its current form covers all of the necessary basics just well and the member base in majority is happy with the flow. No need to fix what is not broken.

edit:

For clarification im talking about the forums.
 
Last edited:

Flintlock

Pro Adventurer
I don't want to change the colour scheme either. Like I said in the Site Direction thread, there could be an argument for changing our front page structure to focus on our more valuable content instead of news, but I'm not sure if anyone is willing to make that happen. So I think the pragmatic view is that we will just make a few small changes to our existing layout.

Take this picture, for example.

Eugb.png


This is front and centre on our index page, and I can see at least four things wrong with it.

  • The picture doesn't vertically align with the text on the right, so there's wasted space below it. We should probably change from 2:1 to 16:9 aspect ratio for our featured images, but that alone wouldn't fix the problem because...
  • The headline spans across three lines. Sometimes it doesn't. It looks ugly.
  • The "related articles" orbs look dull and lifeless. I uploaded a glowing one long ago but it was never implemented.
  • The related articles aren't actually that related, though that's not a graphical limitation. It's the best we could do with the WP category system.
I could go through every page on the site and find small things like that. I think I will do it, in fact, when I have some time. Once we have the niggles all fixed up, I'd be a lot more comfortable promoting TLS and saying "I've worked on this".

Pixel, how much are you around to help with design stuff? I don't know how much Fangu is able to work on the site any more, and we need someone who can make changes in WordPress. We also need someone who can come up with new graphics when they are required, for articles and the like. I suggested Gabe could do at least the latter part, because you don't seem to be here very much, but you'd obviously be in a good position to take up the role if you were willing to do it. You could be our audiovisual manager (again, insert better title here), as you have already done things like the audiobooks and videos for our Youtube channel.
 
Last edited:

Claymore

3x3 Eyes
To reiterate my thoughts from the Site Direction thread, what I see as the most pressing matter ahead of us, which in turn has a resulting impact on pretty much everything else, is the actual layout and structure of the site, because the unique aspect of the site is undoubtedly the contributed content.

Any content published here on the Lifestream should be front and centre, but instead it feels hidden away and is difficult to find. I believe that we need multiple categories highlighting all the latest articles / pieces within each. This will not only inspire more visitors to click through and explore our specialist content, but it will also inspire our contributors to do more because their work is consistently highlighted, resulting in a more rewarding feeling and recognition. As the front page now stands, it feels somewhat bare and doesn't highlight what this site is about and the content that it does contain, let alone what it could in the future. It doesn't tell you that you'll find a lot of incredible VII stuff here, from opinion pieces, to game information to fan stuff. Heck, the front page doesn't even tell you we have a YouTube or Facebook channel (outside of further unneeded click), which is a crucial revenue of new users - both ways - and the presentation of our content. (I could further go into why the FB page hasn't been updated or highlights the content as well, but this seems to be a symptom of the bigger problem here of not really highlighting content on the site).

Ultimately, the first impression that people have of this unique niche site doesn't feel engaging or highlights our content, and this is a crucial point for a front page.

So, what can be done about this?

Someone mentioned in the other thread about just grabbing one of the millions of Wordpress themes out there (one that promotes a multiple category blog style front page, so that we can highlight and feature all of our content) and just adjusting the colours to the Lifestream staple. There's so many themes out there that this place will still feel unique without any major adjustments having to be made, and again, the main colours can be kept. Simple and much less work and hassle. Having this in place would also set up the new content that is being discussed, like new categories and areas for fanart, fiction, and highlighting all of our content. Once that is done, we can then get Facebook and YouTube working in sync to promote the heck out of our stuff.

Following on from this, and going back to the hidden content comment, I also mentioned previously that some things are hard to find when they shouldn't be, like information on VII being hidden away on the Franchise Guide and not on the actual VII game link. I'm sure there's a lot more cases of this, but this is what I mean about content (both official stuff and our specialist contributions) feeling hidden, and that is something that - at the very least if not anything else gets done in terms of layout and designs - definitely needs to be remedied.
 

Fangu

Great Old One
^ You're talking about content though, for the two last paragraph - content and content management systems. 'Site Design' the way it's mentioned here is purely graphics related. If you guys are going to split that thread into topics, you should stick to topic in the threads :monster:

/ very quick reply while playing Valkyria Chronicles
 

Obsidian Fire

Ahk Morn!
AKA
The Engineer
^^:P I was taught site design in the same class I was taught web graphics... the two build off each other a lot...

TBH, this is something I liked better about the old site design. It felt like I ended up using fewer clicks to get to articles.

Also, is there any easy way to get a hold of a site map? I feel like having that would make it easier to see what links up to where as well as making theoretical changes. If we don't have one, I'd be willing to make one.

Other stuff I've noticed:

A lot of the subpages lack a summary of what is to be found on the page nevermind a table of contents for the major divisions of each page. If we could add a table of contents I think that would help a lot in easily showing people what we have without them having to scroll though the whole page. If we could make the table of contents clickable, it would be even better.

Part of what makes the subpages feel like a chore to read is the column width. The lines of the descriptions feel long, and when the descriptions are short the second line doesn't feel "connected" to the first line. This is especially true on 16:9 monitors where the colom takes up the middle third of the page and the text goes all the way across it and slows down the reading speed. There's also a lot of unused space between the long lines. Artificially making the column thinner shortens the lines of text and makes things not look so spread out. It makes the page looked more balanced.

In terms of the front page itself, what we might want to do is make a smaller second headline style for cases where the headline is really long or where there's a secondary headline. It might help with how many lines the headline has.

For the front page pic, you also might want to try a 4:3 ratio as it looks like we need more vertical area then horizontal area and 16:9 is nearly the same as 2:1 anyway.

When I get home from school I'll see about fiddling around with some mock-ups in Illustrator...
 

Fangu

Great Old One
I agree that 'Site Design' generally doesn't mean 'graphics design only', but the way the subject was brought up, the reference was to colours, graphics etc. Not that this thread has to stay graphics only. It's probably better to chuck everything visually related in one thread, content in another, future Big Things (like the merchandise thing) in separate threads.

But as for the front page design (which is a term previously used), I encourage everyone with opinions to dig up the old thread 'Front Page Project' or what the hell we called it. :P A lot of the things were discussed back then.

tl;dr it's very easy to fling out opinions of 'I think this should' and 'this shouldn't; like you say Obs, do mock ups, present examples. The quickest way to torpedo any project is to think and not know. Opinions there are often enough of. Good, backed up suggestions are always fewer, but a hundred times more valuable.

[snip I put into the other thread instead]
 

Claymore

3x3 Eyes
*Shrugs*

Site design to me means the overall visual representation of the site, it's graphics and content, but if you want just graphic talk in here, then yeah, it can be moved.
 

Obsidian Fire

Ahk Morn!
AKA
The Engineer
Front page mock-ups.

tes_main_page_current_by_0bsidianfire-d84f5l6.png

Mostly design flaws that stood out to me immediately.
tes_main_page_fixed_by_0bsidianfire-d84f5lm.png

tes_main_page_notes_by_0bsidianfire-d84f5lh.png
 

The Twilight Mexican

Ex-SeeD-ingly good
AKA
TresDias
Looks good. :monster:

I should point out, though, that in the Associated Press style used by American journalists, only the first letter and proper nouns are capitalized in headlines and subheads, so my capitalization is correct in both of those.
 

Obsidian Fire

Ahk Morn!
AKA
The Engineer
^^ Huh, never knew that. Graphic Design tends to go by the "use whatever looks good" rule. Which tends to leave all the words in titles capitalized more often then not.
 

The Twilight Mexican

Ex-SeeD-ingly good
AKA
TresDias
Yeah, it's funny the butting of heads I have seen between journalists and web designers. :monster: Usually settled by the editor saying "Do what the stylebook says."
 

Airling

Ninja-Fairy-Jedi-Princess
I like it. It looks neat and tidy:joy:.
And, even though that flow-diagram isn't about the staff, it's giving me a contented feeling. Thank you Obsidian.
 
Last edited:

Cthulhu

Administrator
AKA
Yop
Also note that titles won't always be a neat equal length; you should allow for titles to flow to the next line if need be, and I don't know if we can / should make content writers write titles with exact size specifications and whatnot.
 

Fangu

Great Old One
^ This. You need to take into consideration that titles, excerpts and links won't always be a specific length. Also, making the second line smaller than the first is... odd, not a very common way of doing stuff. You'd have to use two different fields for that to work, or at least make some very hacky count characters kind of code.

You should always make a couple three four different mock ups, depending on the various kinds of output you'll get.
 

Cthulhu

Administrator
AKA
Yop
It'd really be the easiest, if you want to put that extra burden onto the authors, to set up two separate fields to fill in alongside the title, for the front page preview.

But TBH I'd rather see more horizontal room for proper titles; top article with the title written on top of the image or full-width underneath it, and the top three articles underneath each other or in a carousel maybe. here's a site I frequently refer to that does the three-lead-articles gizmo for their special features / reviews, they seem to do just what you're suggesting there - title in two parts, and shit.
 

Obsidian Fire

Ahk Morn!
AKA
The Engineer
^^To be honest, the front page isn't that bad. It has a few hiccups, but nothing really major I'd change. Personally, I think the fonts size of the three smaller headlines can be made smaller without losing readability. Looking though our archives, it looks like we like longer headlines for the most part so it might just be better to use a font size that provides greater leeway for the authors.

The only thing I'm not sure of is how the "Content" menu currently works. Either you have to go through at least two indexes before you even get to the article in question, or you have to do some precise mouse roll-overs to get to the correct index in one click. And that's the same menu used on all the index pages. I don't know. It just seems clunky to me.

What I'm more concerned with is the indexes themselves. They're a mish-mash of different styles for the headings and are fairly unwieldy to navigate. And given how short most of the summaries are, there's a lot of unused space.

Which is what I'll probably be working on tomorrow...
 

Flintlock

Pro Adventurer
If we're moving away from the 2:1 image format, why don't we go with whatever will be easiest for us to use in the future? All new games are 16:9 widescreen, and Final Fantasy VII is 4:3, so one of those would make most sense to me. Then we wouldn't have to edit screenshots etc.

While we're on the subject of small changes that could improve the look of our front page: if we're committing to producing a lot more content, why don't we start including the dates and times that things were published? And as we're trying to give more recognition/ownership to authors, let's make their names visible too.
 

Lex

Administrator
16:9 or don't change it. 4:3 is absolutely unacceptable in this day and age. Literally the worst possible thing I can think of is displaying front page images in a 4:3 aspect ratio. Just no.
 

Obsidian Fire

Ahk Morn!
AKA
The Engineer
^^The trouble is that the 16:9 ratio is what's causing that gap on the left between the main image and the lower three images.

5 Indexes all with different styles of headlines with no changes to them.
I'm thinking of going with Index 4's headline style but left justifying it. Feel free to make any suggestions while I'm working on them.

tes_index_1_current_by_0bsidianfire-d84krfj.png

tes_index_2_current_by_0bsidianfire-d84krfe.png

tes_index_3_current_by_0bsidianfire-d84krfw.png

tes_index_4_current_by_0bsidianfire-d84krfu.png

tes_index_5_current_by_0bsidianfire-d84krfr.png
 

Flintlock

Pro Adventurer
I see you've used the materia orb again in Index 1. Like I said a long time ago, I want to establish exactly what the orb represents and not just use it haphazardly as a fancy bullet point.

Also, we can work around a 16:9 image. This draft does, for example.
 

Lex

Administrator
^The current image size is 2:1, not 16:9. The gap you're talking about is caused by the fact that the headline for that article has 3 lines. We've discussed in staff a few times about keeping it to two lines, but there have been a few occasions where this has been forgotten (such as right now).

Can you expand a bit upon what you mean by the indexes? I created the headline banners previously and we couldn't find a way to have them appear instead of the actual titles (they're images, not text). I don't know why there's only one there in Index 1 though.

EDIT: Holy shit that draft is pretty Flint. I know I've seen it before but 0_0

EDIT2: I really want to keep the Happening Now bar. I know we haven't used it in a long time, but if we checked ourselves when something was happening it would be fine (Fangu streams all the time for example, it doesn't have to be staff stuff).
 
Top Bottom