Author Topic: Main Page redesign  (Read 48504 times)

taosin

  • Boss
  • ****
  • Posts: 245
Re: Main Page redesign
« Reply #20 on: December 21, 2011, 10:36:36 AM »

eabrace

  • Titan Moderator
  • Elite Boss
  • *****
  • Posts: 4,291
Re: Main Page redesign
« Reply #21 on: December 21, 2011, 02:32:54 PM »
Titan Twitter broadcasting at 5.000 mWh and growing.
Titan Facebook

Paragon Wiki admin
I was once being interviewed by Barbara Walters...In between two of the segments she asked me..."But what would you do if the doctor gave you only six months to live?" I said, "Type faster." - Isaac Asimov

Sekoia

  • Titan Network Admin
  • Elite Boss
  • *****
  • Posts: 1,848
Re: Main Page redesign
« Reply #22 on: December 21, 2011, 07:01:02 PM »

Sekoia

  • Titan Network Admin
  • Elite Boss
  • *****
  • Posts: 1,848
Re: Main Page redesign
« Reply #23 on: December 21, 2011, 07:50:02 PM »
Okay, here's two minor variants on the design:

Original, with right column at a fixed width
Revised, with left column at 65% and right at 35%

Which do people prefer?

Note that, due to the minimum width constraint, you won't see much of a difference between them until you hit around 1280px width and higher.


EDIT: I think I also have an idea on the other issue. Right now, the Quick Reference boxes are displayed as one row with four columns. With some Javascript, I think I can engineer it so that when the browser width falls below a certain threshold, it turns them into two columns and two rows. That will make the Quick Reference bar consume more vertical space, but less horizontal. So the question is, which is more important:
- Keep the News higher/more visible even if it means making the page wider
- Better eliminate scrolling at lower resolutions even if it means pushing the News down some
« Last Edit: December 21, 2011, 08:00:19 PM by Sekoia »

eabrace

  • Titan Moderator
  • Elite Boss
  • *****
  • Posts: 4,291
Re: Main Page redesign
« Reply #24 on: December 21, 2011, 09:25:06 PM »
i think I like the look of Main_Page_Three better.  The right column seems a bit cramped in the other mockup.
Titan Twitter broadcasting at 5.000 mWh and growing.
Titan Facebook

Paragon Wiki admin
I was once being interviewed by Barbara Walters...In between two of the segments she asked me..."But what would you do if the doctor gave you only six months to live?" I said, "Type faster." - Isaac Asimov

GuyPerfect

  • Mary Poppins
  • Titan Staff
  • Elite Boss
  • ****
  • Posts: 1,740
Re: Main Page redesign
« Reply #25 on: December 21, 2011, 09:47:06 PM »
What on earth is "most recent"?

taosin

  • Boss
  • ****
  • Posts: 245
Re: Main Page redesign
« Reply #26 on: December 22, 2011, 12:26:21 AM »
Sek: What size screen resolution are you viewing it at?
Especially if we further revise and condense the content in the left column (as you suggested), I really don't see why we'd want to make it wider? That just means it'd have even less vertical fill.


I thought *panic* i said "I would prefer to see the news column a fair bit narrower!"  Not wider! Screen resolution is 1920x1080 and the main page I looked at was too wide at that display compared to ... all (?) the other websites I usually access in work and social? (too wide the diplay with no horizontal scroll, I meant); and the news column sisproportionate, of course this is what this redesign is aimed at! Murphy's choise, maybe. Screen rez. no bearing on browser width should not be relevant here!

Sek: I didn't think it was valuable padding the shorter column with extra vertical whitespace to make its last box extend down.

Agreed! Don't mind it at all, like I said, was just an aside.

Sek: I'll think on it, but I'm at loss for a workable solution, and I personally think it's acceptable to have some level of scrolling at 1024.

It's not a deal breaker, but reducing the news column width would likely bring it back to 1024 width or less.

Another way to look at this is to open a new browser window (any browser) and open in tabs (say) https://secure.ncsoft.com/cgi-bin/accountManagement.pl?language=en  and also in a second tab http://na.cityofheroes.com/en/ . now Set make the browser window wide enough to display all the conent.

Then in a third tab open http://paragonwiki.com/wiki/User:Sekoia/Sandbox/Main_Page . What is people's experience when doing that?

For me I get the horizontal scroll bars (and no dealbreaker!) and all of news and some of right column. But right column is cropped. (That is, information is not shown).

It's here where I was suggesting that this not occur, by reducing the width of the left column a few pixels in the page design. So that when when a user at typical browser widths opens the page it is all there at a glance without a drag-acrss to see all.

Sek: [re revised welcome et al] [revised welcome et al] It'd be better to post your draft on the wiki, under your personal user page or something.

Wilco! Thank-you, wasn't sure best way to approach that!

Sek: [bal. columns and flow ] No. This is not realistically possible.

Good to know. Sorry, just wished to clarify.

Sek:You feel the page should have a lower minimum width, so that horizontal isn't required at 1024 width (pref. 960)

Not exactly. The minimum width is very small! I meant the width at which horizontal scrolling vanishes, not quite the same thing!

Sek: Original, with right column at a fixed width
Revised, with left column at 65% and right at 35%Which do people prefer?


Hmm, either arre substantially the same to most users at most tiumes as far as I can tell. they pack and unpack nicely, and at usual browser sizes both are fine to use.

on balance, Main Page Three.

Thanks for your patience with this.

Sekoia

  • Titan Network Admin
  • Elite Boss
  • *****
  • Posts: 1,848
Re: Main Page redesign
« Reply #27 on: December 22, 2011, 07:22:14 AM »
Screen rez. no bearing on browser width should not be relevant here!

Yes and no. It's relevant in that having a sense for what resolution you're at allows me to better guess at trying to replicate on my screen what you might be looking at. But it's not relevant in that a user can always resize smaller, and we want it to work at a wide range of screen resolutions.


In any case... possibly good news! I had a "Eureka!" moment and I now have a new version to consider that may address the concern for lower resolutions:
http://paragonwiki.com/wiki/User:Sekoia/Sandbox/Main_Page_Two

If your browser width is above a threshold (currently 1024 pixels), the quick reference boxes are shown in a single row. If your browser is below that threshold, they are shown in two rows of two columns. The display automatically changes as you resize bigger/smaller as needed.

I dummied my screen down to 800x600 pixels and at that resolution, I can still see all four Quick Reference boxes, the Weekly Strike Targets box, the Patches box, and the headline and first two lines of text from the News box.

Note that I implemented this with JavaScript, which means you may need to refresh your cache to pick up the script; try that if it doesn't seem to be working. If JavaScript is disabled, then the user will be left with the single row of boxes.

Also note that the threshold isn't perfect. It won't be possible to make it perfect, since the widths of the quick reference boxes will change over time. The threshold value can be tweaked though if need be.

At this point, we now have five options. I am interested to know which of the five people prefer:
Option 1: Original Main Page
Option 2: Revised, with fixed-width right column
Option 3: Revised, with columns at 65%/35%
Option 4: Revised, with columns at 65%/35% and with quick reference automatically changing between 1x4 and 2x2 layout
Option 5: (No example to show) Revised, with fixed-width right column (as in #2) and with quick reference automatically changing between 1x4 and 2x2 (as in #4)

Barring any additional major concerns, I'd like to pick one of these and implement it (provided consensus prefers something other than #1). Once we have the new design in place, other non-layout considerations can be discussed separately.

EDIT: Actually, another option occurred to me. Instead of going from 1x4 to 2x2, we could just drop one or two of the quick reference boxes if the screen is too narrow (ie. change to 1x3 or 1x2). That would keep it at one row, while allowing it to shrink better. If there's strong interest in this, I can put up a demo of it. Consider this an "Option 6".

Sekoia

  • Titan Network Admin
  • Elite Boss
  • *****
  • Posts: 1,848
Re: Main Page redesign
« Reply #28 on: December 22, 2011, 07:40:25 AM »
Hmm... Just thought of yet another option!
http://paragonwiki.com/wiki/User:Sekoia/Sandbox/Main_Page_Four

This time, if the threshold falls below 1024, the quick reference boxes use the full width and push the right column down below them. If that's not clear, just test it out and you'll see what I mean. (Again, a cache refresh may be necessary.)

Revised option list:

Option 1: Original Main Page
Option 2: Revised, with fixed-width right column
Option 3: Revised, with columns at 65%/35%
Option 4: Revised, with columns at 65%/35% and with quick reference automatically changing between 1x4 and 2x2 layout
Option 5: (No example to show) Revised, with fixed-width right column (as in #2) and with quick reference automatically changing between 1x4 and 2x2 (as in #4)
Option 6: (No example to show) Revised, with either columns at 65%/35% or with fixed-width right column, and with quick reference dropping boxes as the screen narrows
Option 7: Revised, with columns at 65%/35% and with quick reference automatically changing between using just the right column or using the full width

taosin

  • Boss
  • ****
  • Posts: 245
Re: Main Page redesign
« Reply #29 on: December 22, 2011, 01:45:15 PM »
I'd prefer to see quickref. using full width all the time, personally. Seems to heads the page nice that way, and as right of page will always be less verticaly full than left...  though I'd assume you'd get white pace i that happened, true.

However! I also personally dislike the way the boxes go form 1x4 to 2.2, it jars at me when the main page of a well-used site jumps like that, I expect such to be faitrly stable.

So.. preference/vote here to dismiss any page with a 2x2 jump of quick ref in it.

Leaves 1, 2, 3, 6, 7.

Six I like, as is based on 3 (which I like) and with quck ref dropping of page too narrow

... erm... no point putting the quickrefs in right column and not across top? Seems almost to be the space there?

Thinking also it is holidays an mad time, maybe folks need a few days longert to  review and so on, I'm in no rish, anyway!

Again, awesome Sek, amazed how this stuff (demo pages) just whims up in an instant

Aggelakis

  • Elite Boss
  • *****
  • Posts: 3,001
Re: Main Page redesign
« Reply #30 on: December 22, 2011, 06:34:06 PM »
I like #7. That's very cool.
Bob Dole!! Bob Dole. Bob Dole! Bob Dole. Bob Dole. Bob Dole... Bob Dole... Bob... Dole...... Bob...


ParagonWiki
OuroPortal

GuyPerfect

  • Mary Poppins
  • Titan Staff
  • Elite Boss
  • ****
  • Posts: 1,740
Re: Main Page redesign
« Reply #31 on: December 22, 2011, 06:48:45 PM »
Still wondering what Most Recent is...

Sekoia

  • Titan Network Admin
  • Elite Boss
  • *****
  • Posts: 1,848
Re: Main Page redesign
« Reply #32 on: December 22, 2011, 06:59:49 PM »
Still wondering what Most Recent is...

Surely you're smart enough to infer what it's intended to be, and your point is that the title isn't entirely accurate for that box's contents? If so, I agree with you. Unfortunately, when I noticed that same point, I couldn't think of a better title that was still appropriately concise--and I suspect that's why it was put that way in the first place. If you have some better ideas for the heading name, please do share them.

Since the heading is in both the original and my revisions, and since it can easily be renamed to something else without having any substantive impact on the proposed redesigns, I wasn't going to worry about it right now. After all, I started this thread to primarily focus on layout, not content.

GuyPerfect

  • Mary Poppins
  • Titan Staff
  • Elite Boss
  • ****
  • Posts: 1,740
Re: Main Page redesign
« Reply #33 on: December 22, 2011, 09:38:11 PM »
Surely you're smart enough to infer what it's intended to be, and your point is that the title isn't entirely accurate for that box's contents?

Tisk tisk. I haven't the foggiest what it's intended to be. Most recent edits? No, that's not it. News posts? Hrm, not that either. Based on the contents it seems to be Paragon Market-related, but the most recent in that are, like the news shows, the Winter Holiday Pack and a discount for character slots, so I'm grasping at straws here.

If it is supposed to be the Market features and is just out of date, then I'd pitch "On the Market" as the heading.

eabrace

  • Titan Moderator
  • Elite Boss
  • *****
  • Posts: 4,291
Re: Main Page redesign
« Reply #34 on: December 23, 2011, 07:32:02 AM »
Unless the intent is either "most recently added articles" or "most recently edited articles", I'd have to agree that I don't know what the intended purpose of that section is.  It's never really hit me that the articles that show up there don't really seem to fit either of those since I rarely visit the main page.
Titan Twitter broadcasting at 5.000 mWh and growing.
Titan Facebook

Paragon Wiki admin
I was once being interviewed by Barbara Walters...In between two of the segments she asked me..."But what would you do if the doctor gave you only six months to live?" I said, "Type faster." - Isaac Asimov

Sekoia

  • Titan Network Admin
  • Elite Boss
  • *****
  • Posts: 1,848
Re: Main Page redesign
« Reply #35 on: December 23, 2011, 08:21:36 AM »
Well, I suppose if you want an authoritative answer on what it's original intent was, we'll have to prod Agge on it since she's the one who originated it. I always took it to mean something along the lines of "most recently added articles of note". *shrug*

Derek Icelord

  • Lieutenant
  • ***
  • Posts: 72
Re: Main Page redesign
« Reply #36 on: December 23, 2011, 09:20:12 AM »
As an "average joe" user, I think the most recent revision of the main page in Sekoia's sandbox space is the most appealing for both aesthetics and function.

As for the "Most Recent" column, whatever it's supposed to be I would suggest "Recently Edited" or "Recent Edits", "Recently Added", or "Recently Visited", whichever one fits the category.
Where are we going, and why am I in this hand basket?

taosin

  • Boss
  • ****
  • Posts: 245
Re: Main Page redesign
« Reply #37 on: December 27, 2011, 12:05:46 PM »

Sekoia

  • Titan Network Admin
  • Elite Boss
  • *****
  • Posts: 1,848
Re: Main Page redesign
« Reply #38 on: December 28, 2011, 04:39:21 AM »
There isn't a strong consensus but I get the impression that this option has the broadest appeal: http://paragonwiki.com/wiki/User:Sekoia/Sandbox/Main_Page_Four
And nobody sounds like they'll be overly upset by it. So unless there are any strong objections, I'll plan to update the Main Page with this within the new few days.

There are still other suggestions pending, such as overhauling the About section and possibly adding other things. These changes can always be applied in subsequent updates.

Is it worth considering a two line new box in one of the column spaces (low?), that shows the following or something like it? (and if we did does it break what the wiki is about etc).

We can easily do this using pure wiki code (using the #time parser function). Here's a demo page:
http://paragonwiki.com/wiki/User:Sekoia/Sandbox/Time
Unfortunately, it won't update in real time. It shows the time on page load only. I don't like that. If we do it, it should update in real time.

Updating in real time requires JavaScript, which is additional bloat on the main page. It can be done. If it's decided we want to do this, I can look into making it happen.

However... I honestly don't see a need for this. If I want to know what the world times are, I can go to timeanddate.com. This feels like it's outside of the scope of what ParagonWiki is about. No doubt some of our users would find it useful. No doubt we'd also have users who'd find it helpful to have a calculator there, or the server statuses, or any number of other utilities. None of that information is wiki-centric, though. I'd prefer not to include it.

taosin

  • Boss
  • ****
  • Posts: 245
Re: Main Page redesign
« Reply #39 on: December 28, 2011, 04:49:38 AM »
Sek: I'll plan to update the Main Page with this (main page Four) within the new few days.

Cool and luverly! And ty for the time on this.

Sek: Updating in real time requires JavaScript, which is additional bloat on the main page. It can be done. If it's decided we want to do this, I can look into making it happen. ...However... I honestly don't see a need for this.

Yep. agree, after seeing the reasoning and also greatly wanting the main page to be slim taut and terrific (with a defined six pack? :) ). If it's adding bloat not a good idea at all. Can it!?!

Sek: There are still other suggestions pending, such as overhauling the About section and possibly adding other things. These changes can always be applied in subsequent updates.

Agree absolutely. Increments are fine and having a visual of the new live main page will help me greatly. I'll have something within a day or two and will should it in a new topic for clarity?

(rushed reply at work, apologies for any perceived terseness!)