Sep7agon_V2 > Project Thread

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.

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.

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).

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).

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.

Updated the OP to showcase the current plans.

Small version (Focus on header only)
Large version (So you can check the surroundings a little)

The pictures aren't loading for me,

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,

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.

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.

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.

My body is (not) ready.

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.

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

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.

Large version (So you can check the surroundings a little)

I really like the design of this.

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

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.

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.

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.

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.

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.

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.

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.

So for Anarchy would it just have a countdown to the next event

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.

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.

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

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

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.