Sep7agon_V2 > Project Thread

 
Cheat
| Flora Colossus
 
more |
XBL: Cheatlancer
PSN:
Steam: Cheatlancer
ID: Cheatlancer
IP: Logged

6,658 posts
Hmm...
Critiques are the reason I decided to make the thread public.

Also, lol, why did I forget gaming? I am sorry, gaming. I also have the concern about the links being up there on a personal level. On lower resolutions it would shift the links into an additional bar at the bottom. Since the design as I said before aims to be dynamic, it means that it will adjust itself to the given conditions.

The group of forum links / header is what will float. Imagine that you scroll down and the distance between the top, links (if any in-between) and path/search bar will disappear and making it into an unique piece.

That's the first idea, right now I am working on the second one which should make things more manageable in both larger and smaller resolutions with at the same time being less of a long chunk of a header.

I think the second idea will prove better. I thought this one wouldn't take this much space, it's nice for a set of fixed links, but we dynamically have more or less links depending on the new, hidden forums that must appear up there.

Although everyone seems to like the sleekness it has, so at least that was proven as a correct direction.

I'm liking the upper right and the style of the logo is starting to grow on me (still not completely sold on in yet, but I think it'll get there).

I am concerned about how you are wanting this thing to float on the screen (and by that I mean the image wasn't clear). Is it just the logo, forum link strip, and user info that floats? I am also worried about room for the forum links, as I'd like to have room for the HQ forum (for the staff) and a bit of wiggle room for another if we so please (and you're missing Gaming).

I'm a big fan of the color and layout choices, but the selection box around the forum links looks out of place to me. Just some critiques.
If you remove the "Welcome," and just have the display name, it would make things less cramped. The logo could also be bumped over to the left a bit, which would free up space.

On smaller displays, we could turn the logo into a dropdown menu for the forum links.


 
Isara
| Forum Architect
 
more |
XBL:
PSN:
Steam:
ID: Isara
IP: Logged

2,199 posts
 
Actually, the second idea involves that. That the profile/user stuff is under a drop down with only the avatar being displayed on the top right, and the rest of the bar is taken by search, links and the logo. When the resolution is too small, then a new button (I didn't think of the logo, I thought of something on the left of it)  appears with the drop down selection and the links disappear leaving a small space between this combo with the logo, and the search/avatar combo.

I am working on this, so when it's at some point that I can show, I think it will be more clear what we are talking about here. Also, I'll later finish up and share the plan I have for the design as it comes to dates and such things.

If you remove the "Welcome," and just have the display name, it would make things less cramped. The logo could also be bumped over to the left a bit, which would free up space.

On smaller displays, we could turn the logo into a dropdown menu for the forum links.
Last Edit: October 10, 2014, 11:30:15 PM by Isara


 
Cheat
| Flora Colossus
 
more |
XBL: Cheatlancer
PSN:
Steam: Cheatlancer
ID: Cheatlancer
IP: Logged

6,658 posts
Hmm...
Actually, the second idea involves that. That the profile/user stuff is under a drop down with only the avatar being displayed on the top right, and the rest of the bar is taken by search, links and the logo. When the resolution is too small, then a new button (I didn't think of the logo, I thought of something on the left of it)  appears with the drop down selection.

If you remove the "Welcome," and just have the display name, it would make things less cramped. The logo could also be bumped over to the left a bit, which would free up space.

On smaller displays, we could turn the logo into a dropdown menu for the forum links.
Yep. Dropdowns hate mobile phones, though, so we might want to think about recycling some of my website code for the dropdown (it uses javascript and the menu button you were probably thinking about: http://cheatlancer.com).


 
Isara
| Forum Architect
 
more |
XBL:
PSN:
Steam:
ID: Isara
IP: Logged

2,199 posts
 
Exactly what I am thinking. The desktop version (say, someone still uses a small resolution screen at work or school) will have a drop down, though. I'll see about the CSS/JS/HTML and interweaving everything when the right time comes, though.

Yep. Dropdowns hate mobile phones, though, so we might want to think about recycling some of my website code for the dropdown (it uses javascript and the menu button you were probably thinking about: http://cheatlancer.com).


Juuzou | Mythic Inconceivable!
 
more |
XBL:
PSN:
Steam:
ID: Lady Noelle
IP: Logged

10,912 posts
 
This user has been blacklisted from posting on the forums. Until the blacklist is lifted, all posts made by this user have been hidden and require a Sep7agon® SecondClass Premium Membership to view.


 
Isara
| Forum Architect
 
more |
XBL:
PSN:
Steam:
ID: Isara
IP: Logged

2,199 posts
 
Updated the OP to showcase the current plans.


Septy | Mythic Inconceivable!
 
more |
XBL: DarkestSeptagon
PSN: Fallfav
Steam:
ID: Septy
IP: Logged

12,027 posts
See you Cowgirl,
Someday, somewhere


 
Isara
| Forum Architect
 
more |
XBL:
PSN:
Steam:
ID: Isara
IP: Logged

2,199 posts
 
They should be, as they are on imgur. There are no issues from here. I can't add attachments on my posts, though.

The pictures aren't loading for me,


Septy | Mythic Inconceivable!
 
more |
XBL: DarkestSeptagon
PSN: Fallfav
Steam:
ID: Septy
IP: Logged

12,027 posts
See you Cowgirl,
Someday, somewhere
They should be, as they are on imgur. There are no issues from here. I can't add attachments on my posts, though.

The pictures aren't loading for me,
Oh now it decides to load for me. It looks good except for the placement of the forum links, looks off and too spaced apart.


 
Isara
| Forum Architect
 
more |
XBL:
PSN:
Steam:
ID: Isara
IP: Logged

2,199 posts
 
Yeah, the second version will aim to change that. (Working on it right now)

Oh now it decides to load for me. It looks good except for the placement of the forum links, looks off and too spaced apart.
Last Edit: October 11, 2014, 01:47:21 AM by Isara


BaconShelf | Mythic Inconceivable!
 
more |
XBL: BaconShelf
PSN:
Steam: BaconShelf
ID: BaconShelf
IP: Logged

10,737 posts
 
If you can make a mobile app that works smoothly and can e used on IOS 6, I don't care what else you do.


 
Mat Cauthon
| Ravens
 
more |
My body is (not) ready.


 
Isara
| Forum Architect
 
more |
XBL:
PSN:
Steam:
ID: Isara
IP: Logged

2,199 posts
 
I don't plan to leave out mobile users, tablet users, or any users. From all this.

If you can make a mobile app that works smoothly and can e used on IOS 6, I don't care what else you do.

What do you mean?

My body is (not) ready.


Nascent Email | Heroic Posting Riot
 
more |
XBL:
PSN:
Steam:
ID: Trojanlord
IP: Logged

819 posts
 
Oh god please don't call it Sep7agon.next....that's asking for bad luck.


 
Isara
| Forum Architect
 
more |
XBL:
PSN:
Steam:
ID: Isara
IP: Logged

2,199 posts
 
Alright, the code-name in my local files is Sep7agon "Glass" how does it sound?

Edited it to "v2" since I agree it's a little too cliche to call it .next.

Oh god please don't call it Sep7agon.next....that's asking for bad luck.
Last Edit: October 11, 2014, 01:49:02 PM by Isara


 
Alternative Facts
| Mythic Forum Ninja
 
more |
XBL:
PSN:
Steam:
ID: IcyWind
IP: Logged

9,381 posts
 


 
Isara
| Forum Architect
 
more |
XBL:
PSN:
Steam:
ID: Isara
IP: Logged

2,199 posts
 
Alright, so I have made the second version of the top bar based on the criticism. You can see both the "default" sized one, and the smaller one along with some explanations.

Image #1
Image #2


 
cxfhvxgkcf-56:7
| Marty Inconceivable!
 
more |
XBL:
PSN:
Steam:
ID: SoporificSlash
IP: Logged

15,656 posts
 
This user has been blacklisted from posting on the forums. Until the blacklist is lifted, all posts made by this user have been hidden and require a Sep7agon® SecondClass Premium Membership to view.


 
Cheat
| Flora Colossus
 
more |
XBL: Cheatlancer
PSN:
Steam: Cheatlancer
ID: Cheatlancer
IP: Logged

6,658 posts
Hmm...
Alright, so I have made the second version of the top bar based on the criticism. You can see both the "default" sized one, and the smaller one along with some explanations.

Image #1
Image #2
I'm a fan of the layout.

An issue I see with the hidden messages, alerts, and settings under the avatar is that it would be difficult to see when you have one of them.


Septy | Mythic Inconceivable!
 
more |
XBL: DarkestSeptagon
PSN: Fallfav
Steam:
ID: Septy
IP: Logged

12,027 posts
See you Cowgirl,
Someday, somewhere
Alright, so I have made the second version of the top bar based on the criticism. You can see both the "default" sized one, and the smaller one along with some explanations.

Image #1
Image #2
I'm a fan of the layout.

An issue I see with the hidden messages, alerts, and settings under the avatar is that it would be difficult to see when you have one of them.
What if when you got an alert a tiny red circle appeared in the corner of your avatar. Like what the apps do on iOS to indicate you have a notification.


 
Isara
| Forum Architect
 
more |
XBL:
PSN:
Steam:
ID: Isara
IP: Logged

2,199 posts
 
Actually, I was thinking of adding some sort of "!" small circle at one of the sides of the avatar, to indulge the user to click on it, and inspect the drop down. That one would disappear as soon they checked what changed. (Similar to what happens with alerts right now, but a little bit more generic as it checks both PMs and alerts, which might be a hassle to code in, but I am willing to tackle it) I went with blue because red was too bright compared to the neighbor colors.

User Notification

An issue I see with the hidden messages, alerts, and settings under the avatar is that it would be difficult to see when you have one of them.
What if when you got an alert a tiny red circle appeared in the corner of your avatar. Like what the apps do on iOS to indicate you have a notification.


 
Cheat
| Flora Colossus
 
more |
XBL: Cheatlancer
PSN:
Steam: Cheatlancer
ID: Cheatlancer
IP: Logged

6,658 posts
Hmm...
Alright, so I have made the second version of the top bar based on the criticism. You can see both the "default" sized one, and the smaller one along with some explanations.

Image #1
Image #2
I'm a fan of the layout.

An issue I see with the hidden messages, alerts, and settings under the avatar is that it would be difficult to see when you have one of them.
What if when you got an alert a tiny red circle appeared in the corner of your avatar. Like what the apps do on iOS to indicate you have a notification.
Fuck yeah; that's an awesome solution, actually.

And back to the design. Obviously it hasn't been covered yet, because Isara has been showing off the top navigation, but I plan on doing some facelifts to the index as well. I'd like to change the way articles are displayed and clean up the forum list.


 
Cheat
| Flora Colossus
 
more |
XBL: Cheatlancer
PSN:
Steam: Cheatlancer
ID: Cheatlancer
IP: Logged

6,658 posts
Hmm...
Actually, I was thinking of adding some sort of "!" small circle at one of the sides of the avatar, to indulge the user to click on it, and inspect the drop down. That one would disappear as soon they checked what changed. (Similar to what happens with alerts right now, but a little bit more generic as it checks both PMs and alerts, which might be a hassle to code in, but I am willing to tackle it) I went with blue because red was too bright compared to the neighbor colors.

User Notification

An issue I see with the hidden messages, alerts, and settings under the avatar is that it would be difficult to see when you have one of them.
What if when you got an alert a tiny red circle appeared in the corner of your avatar. Like what the apps do on iOS to indicate you have a notification.
No...it needs to be red. With the dark colors of the theme and the general use of blue everywhere (which is still awesome), alerts and notifications need to be eye-catching. Red is very good for this purpose.


 
Isara
| Forum Architect
 
more |
XBL:
PSN:
Steam:
ID: Isara
IP: Logged

2,199 posts
 
I am also working on the main page. As I say in the OP, the objective is to shift it to focus on the community. I'll show later on the changes on the main page that will cover community-driven content better, and then the profile page. I am showing off the top bar because I think it's a focal point, and also based on the suggested changes in style. (I also don't feel like sharing my sketches, the one in the OP had to be heavily edited to look cool in that picture)

And back to the design. Obviously it hasn't been covered yet, because Isara has been showing off the top navigation, but I plan on doing some facelifts to the index as well. I'd like to change the way articles are displayed and clean up the forum list.

Anyway, sure. I agree. Here's the same thing, but red.

User Notification (Red)

No...it needs to be red. With the dark colors of the theme and the general use of blue everywhere (which is still awesome), alerts and notifications need to be eye-catching. Red is very good for this purpose.


Septy | Mythic Inconceivable!
 
more |
XBL: DarkestSeptagon
PSN: Fallfav
Steam:
ID: Septy
IP: Logged

12,027 posts
See you Cowgirl,
Someday, somewhere
So for Anarchy would it just have a countdown to the next event


 
Cheat
| Flora Colossus
 
more |
XBL: Cheatlancer
PSN:
Steam: Cheatlancer
ID: Cheatlancer
IP: Logged

6,658 posts
Hmm...
So for Anarchy would it just have a countdown to the next event
Reasonably sure it's just there to show that there's room for it when it appears. It'll disappear like it always does when it isn't active.


 
Isara
| Forum Architect
 
more |
XBL:
PSN:
Steam:
ID: Isara
IP: Logged

2,199 posts
 
Yeah, that's pretty much why I put the link. The point is that new links can be added and removed, and their font size, spacing et cetera will adapt to the circumstances. (Especially useful for staff during anarchy, where there are at least two extra forum options)

That said, a countdown to anarchy is not that much of a horrible idea, but it's not something that is important to implement, but I plan to make forum events such as Anarchy more noticeable where it is right for them to be.

So for Anarchy would it just have a countdown to the next event
Reasonably sure it's just there to show that there's room for it when it appears. It'll disappear like it always does when it isn't active.


Septy | Mythic Inconceivable!
 
more |
XBL: DarkestSeptagon
PSN: Fallfav
Steam:
ID: Septy
IP: Logged

12,027 posts
See you Cowgirl,
Someday, somewhere
So for Anarchy would it just have a countdown to the next event
Reasonably sure it's just there to show that there's room for it when it appears. It'll disappear like it always does when it isn't active.
That would create a bit of space between the forums and the search bar tho


 
Isara
| Forum Architect
 
more |
XBL:
PSN:
Steam:
ID: Isara
IP: Logged

2,199 posts
 
Nope, as it's dynamic and will adapt the space and font-size of the links accordingly.

That would create a bit of space between the forums and the search bar tho


Yu | Mythic Inconceivable!
 
more |
XBL:
PSN:
Steam:
ID: Yutaka
IP: Logged

12,707 posts
Almost always, with moderation
The more updates I see from this thread, the more I'm looking forward to whats in store for the new look of the site.