Amount

Front Page Layout

11 Dec 2015 04:48 #45615 by fats
Front Page Layout was created by fats
I've been working on template and i've now happy to look at alternative front page layouts.

Please let me know if you like the current front page or would like an alternative, i've attaced 2 graphics one with the current layout and one with a proposed layout.

Let me know what you think.

fats

or

This message has attachments images.
Please log in or register to see it.

Please Log in or Create an account to join the conversation.

  • fats
  • fats's Avatar Topic Author
  • Online
  • SWM - Administrator
  • SWM - Administrator
More
11 Dec 2015 05:44 #45617 by pansardum
Replied by pansardum on topic Front Page Layout
I think the current layout is better. The Blog should be high on the page for when something important gets posted there.
I would rank the importance
1. Blog
2. Forum
3. Stories

Maybe change side of "story comments" and "supergirl threads" since we then get forum related on the left and story related on the right.

Please Log in or Create an account to join the conversation.

More
11 Dec 2015 10:54 #45620 by Markiehoe
Replied by Markiehoe on topic Front Page Layout
I personally like the second layout better.

Also the search function is not working.
There is no box to enter keywords.

Please Log in or Create an account to join the conversation.

  • Markiehoe
  • Markiehoe's Avatar
  • Offline
  • Uberposter of Distinction
  • Uberposter of Distinction
More
11 Dec 2015 11:13 #45621 by fats
Replied by fats on topic Front Page Layout
on the issue of the search box, if you click on the x on the right hand side the search box appears, dont ask my why it does not show as default, i've reported it as a bug so we will see when it gets fixed.

I'll knock up some more ideas for layouts over the next day or so.

Fats
The following user(s) said Thank You: Markiehoe

Please Log in or Create an account to join the conversation.

  • fats
  • fats's Avatar Topic Author
  • Online
  • SWM - Administrator
  • SWM - Administrator
More
11 Dec 2015 22:42 #45626 by castor
Replied by castor on topic Front Page Layout
One thing i might suggest as you have increasingly forumized the page(not that this is a bad thing) is that instead of having 3 groups of ten top posts on the front page, maybe you cut back to 5.

my knoweldge of deisgn suggest not doing a scrolling focus page so much.

Please Log in or Create an account to join the conversation.

  • castor
  • castor's Avatar
  • Offline
  • Uberposter of Distinction
  • Uberposter of Distinction
More
11 Dec 2015 23:39 #45627 by five_red
Replied by five_red on topic Front Page Layout
For what it's worth: layout two, but...
  • Three columns across the top, not four: forum (top five), Supergirl (top five) and donations.
  • Drop the tag cloud. (Does anyone use it?)
  • Put the latest stories and latest story comments in the right column, in place of the tag cloud.
  • Reduce the size of the font for the lists, and maybe use a slightly different colour to indicate new items rather than the NEW! tag, to minimise wrapping.

As Castor suggested, try to minimise scrolling, so the key stuff is on display immediately upon load. Use whitespace to separate things visually that need to be separated, but otherwise try to minimise excessive padding and gaps, as this just leaves less room for the actual content, and increases the chances of line wrapping. Clickable areas need to be a reasonable size to accommodate 'fat fingers' on tablets, but even the fattest fingers don't need a 1/2 inch border around stuff.

R5

Supergirl Pre-Crisis Chronology: www.superwomenmania.com/supergirltl/
Supergirl: the Life and Times of Kara Zor-El: maidofmight.wordpress.com/
DeviantArt: 5red.deviantart.com/
Blog: x5red.tumblr.com/

Please Log in or Create an account to join the conversation.

More
12 Dec 2015 18:55 - 12 Dec 2015 18:57 #45636 by fats
Replied by fats on topic Front Page Layout
ok, here is a three column version of the FP.



what do people think of the menu being above the logo or do you prefer where it is now?

also ignore the gaps between the three columns, there will be less space when i make the changes, this is just to visualise the idea.

Fats

This message has an attachment image.
Please log in or register to see it.

Last edit: 12 Dec 2015 18:57 by fats.
The following user(s) said Thank You: five_red, Monty

Please Log in or Create an account to join the conversation.

  • fats
  • fats's Avatar Topic Author
  • Online
  • SWM - Administrator
  • SWM - Administrator
More
12 Dec 2015 20:03 #45637 by Monty
Replied by Monty on topic Front Page Layout
I like the fact that in the latest layout idea that Supergirl Latest is central on the layout, I think it makes sense rather than having her on a sidebar. Good Work Fats!

Please Log in or Create an account to join the conversation.

More
13 Dec 2015 21:19 #45647 by Woodclaw
Replied by Woodclaw on topic Front Page Layout
I think I would prefer to have the forum latest in the middle of the page, while the Supergirl section is currently the most active one, I don't think that it should overshadow the main forum.

Also I would like to ask a question: do you guys prefer the comments under the story style or the forum topics about each story/series? If it's the latest, maybe it would be better to add a fourth column to the main page.

(formerly Anon, still Librarian)

"What is the point of having free will if one cannot occasionally spit in the eye of destiny?" ("Gentleman" John Marcone)

Please Log in or Create an account to join the conversation.

More
13 Dec 2015 21:39 #45648 by castor
Replied by castor on topic Front Page Layout
Blue Sky idea:

We have a lot of(well technically a few) images. Maybe put one on the front page, and change em out every week or month or something as like a featured art section.

Please Log in or Create an account to join the conversation.

  • castor
  • castor's Avatar
  • Offline
  • Uberposter of Distinction
  • Uberposter of Distinction
More
13 Dec 2015 22:33 #45649 by fats
Replied by fats on topic Front Page Layout
I can add that easily but where is the question.

On the issue of comments below the stories, it will not return until I have effective spam protection for the comments.

Fats

Please Log in or Create an account to join the conversation.

  • fats
  • fats's Avatar Topic Author
  • Online
  • SWM - Administrator
  • SWM - Administrator
More
14 Dec 2015 00:44 - 14 Dec 2015 00:47 #45650 by castor
Replied by castor on topic Front Page Layout
This is a very quick demo version of an idea A little bit of wonky photoshop but...

This image is hidden for guests.
Please log in or register to see it.

This message has an attachment image.
Please log in or register to see it.

Last edit: 14 Dec 2015 00:47 by castor.

Please Log in or Create an account to join the conversation.

  • castor
  • castor's Avatar
  • Offline
  • Uberposter of Distinction
  • Uberposter of Distinction
More
14 Dec 2015 01:13 #45651 by fats
Replied by fats on topic Front Page Layout
thanks for that castor, i've included in this post the file that i edit for layout ideas.

It's a ODG which is opened by openoffice /libreoffice drw.

Fats

This message has an attachment file.
Please log in or register to see it.

Please Log in or Create an account to join the conversation.

  • fats
  • fats's Avatar Topic Author
  • Online
  • SWM - Administrator
  • SWM - Administrator
More
14 Dec 2015 13:47 #45656 by five_red
Replied by five_red on topic Front Page Layout

castor wrote: This is a very quick demo version of an idea A little bit of wonky photoshop but...


One has to remember, not everyone browses on a 1920x1080 computer monitor. A typical iPad screen will be 1024x768, and even the Retina version (2048x1536) uses it's extra resolution for sharpness rather than to pack more onto the screen. Also, the larger the computer monitor, the less likely the user will have maximised their browser (have you ever tried to read a page of text on a window so wide that you physically had to turn your head to scan each line?) I tend to work on the assumption that the browser window is approximately 1024 to 1280 pixels wide, as this fits most mobile devices, laptops and netbooks, while also providing a comfortable 'page' width for large HD desktop monitors.

As someone else hinted, when the page loads, the most important features should be presented without having to scroll. The most frequently updating material is the forum -- the blog changes only very occasionally, yet currently it dominates the top of the page. That's why I thought putting the forum stuff in columns across the top was a clever idea, except I'd suggest three columns instead of four to work within the iPad/iPhone limitations. Each column will get between 300px and 400px, which should be readable on a mobile device. I also like the idea of making the donation button more prominent; it shouldn't be lost in the body of the page.

As for the menu placement -- this may be a quirk of how my brain works, but personally when 'controls' are placed at the very top of a page, I tend to overlook them (except for stuff like the login/logout, which we've all come to expect live at the page top, usually top-right.) So I'm happy to have them in their current position, under the logo. But other user's mileage may differ.


R5

Supergirl Pre-Crisis Chronology: www.superwomenmania.com/supergirltl/
Supergirl: the Life and Times of Kara Zor-El: maidofmight.wordpress.com/
DeviantArt: 5red.deviantart.com/
Blog: x5red.tumblr.com/

Please Log in or Create an account to join the conversation.

More
15 Dec 2015 02:17 - 15 Dec 2015 02:46 #45660 by fats
Replied by fats on topic Front Page Layout
ok, here a update to what has been suggested let me know what you think.



fats

This message has an attachment image.
Please log in or register to see it.

Last edit: 15 Dec 2015 02:46 by fats.
The following user(s) said Thank You: alternate_histories, Sarge395, five_red

Please Log in or Create an account to join the conversation.

  • fats
  • fats's Avatar Topic Author
  • Online
  • SWM - Administrator
  • SWM - Administrator
More
15 Dec 2015 11:47 #45665 by Woodclaw
Replied by Woodclaw on topic Front Page Layout
Perhaps, just perhaps, it would be better to keep the donation module as part of the menu bar, so that it's more accessible.

(formerly Anon, still Librarian)

"What is the point of having free will if one cannot occasionally spit in the eye of destiny?" ("Gentleman" John Marcone)

Please Log in or Create an account to join the conversation.

More
15 Dec 2015 17:05 #45668 by fats
Replied by fats on topic Front Page Layout
I've made some of the changes suggested, tell me what you think.

Fats
The following user(s) said Thank You: five_red

Please Log in or Create an account to join the conversation.

  • fats
  • fats's Avatar Topic Author
  • Online
  • SWM - Administrator
  • SWM - Administrator
More
15 Dec 2015 18:25 #45669 by Woodclaw
Replied by Woodclaw on topic Front Page Layout
I think it works, but having 10 threads/stories in each section makes the blog pretty much invisible on my monitor (I use a 16/9), maybe shorteining the list to 8 would do the trick. Also I think that putting the user module up on the masthead might help, since it also include the PM system notification, which is pretty much invisible right now.

(formerly Anon, still Librarian)

"What is the point of having free will if one cannot occasionally spit in the eye of destiny?" ("Gentleman" John Marcone)

Please Log in or Create an account to join the conversation.

More
15 Dec 2015 21:29 #45672 by paulwitz
Replied by paulwitz on topic Front Page Layout
Hi, Fats. Good job, I like the new layout. I would like to see the latest stories 1st on the left as I feel the stories from the authors' should be first, because they contribute mightily to this site and thus should be prominently displayed. Then the forum latest in the middle, and then the supergirl thread last on the right.

Please Log in or Create an account to join the conversation.

More
16 Dec 2015 00:23 #45676 by alternate_histories
Replied by alternate_histories on topic Front Page Layout
I like the new layout; it's clean and puts the important information at eye level when you arrive.

Thanks!

Please Log in or Create an account to join the conversation.

More
Time to create page: 0.126 seconds