Sep7agon_V2 > Project Thread

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

6,814 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,220 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,814 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).


 
ಠ_ಠ
| What're you looking at?
 
more |
XBL:
PSN:
Steam:
ID: Nuka
IP: Logged

17,414 posts
We knew the world would not be the same.
A few people laughed, a few people cried, most people were silent.
I remembered the line from the Hindu scripture, the Bhagavad-Gita.
Vishnu is trying to persuade the Prince that he should do his duty
and to impress him takes on his multi-armed form and says,
"Now, I am become Death, the destroyer of worlds.."
I suppose we all thought that one way or another.
Alright, work continues on the design. The header has reached the stage that this early draft is aiming for.

A little explanation; the news selection is highlighted as if your mouse were over it, ready to click on it. The others are on their "default" / idle state. The icons below the avatar are temporary, but I am tackling with the concept from Bungie.old of having some controls there, so I think that someone should be able to quickly check their PM's, alerts, settings and logout or login from the top right. (Also access their profile)

The location of the ads should be what's below that initial path / search bar combo. The plan is to also make the notifications appear in-between these two, which I will show in a later version.

I applied some changes to the logo, earlier in smaller resolutions it was clear it looked too jagged, and that the septagon itself, and the 7 were a little out of line.

Small version (Focus on header only)
Large version (So you can check the surroundings a little)
Oh wow. I'm impressed.


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

2,220 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

11,242 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,220 posts
 
Updated the OP to showcase the current plans.


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

12,191 posts
See you Cowgirl,
Someday, somewhere


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

2,220 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,191 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,220 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,794 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,220 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.


 
ಠ_ಠ
| What're you looking at?
 
more |
XBL:
PSN:
Steam:
ID: Nuka
IP: Logged

17,414 posts
We knew the world would not be the same.
A few people laughed, a few people cried, most people were silent.
I remembered the line from the Hindu scripture, the Bhagavad-Gita.
Vishnu is trying to persuade the Prince that he should do his duty
and to impress him takes on his multi-armed form and says,
"Now, I am become Death, the destroyer of worlds.."
I suppose we all thought that one way or another.
Oh god please don't call it Sep7agon.next....that's asking for bad luck.


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

824 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,220 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,461 posts
 


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

2,220 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,844 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.


 
ಠ_ಠ
| What're you looking at?
 
more |
XBL:
PSN:
Steam:
ID: Nuka
IP: Logged

17,414 posts
We knew the world would not be the same.
A few people laughed, a few people cried, most people were silent.
I remembered the line from the Hindu scripture, the Bhagavad-Gita.
Vishnu is trying to persuade the Prince that he should do his duty
and to impress him takes on his multi-armed form and says,
"Now, I am become Death, the destroyer of worlds.."
I suppose we all thought that one way or another.
Yes, this is good.


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

6,814 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,191 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,220 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,814 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,814 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,220 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.


 
ಠ_ಠ
| What're you looking at?
 
more |
XBL:
PSN:
Steam:
ID: Nuka
IP: Logged

17,414 posts
We knew the world would not be the same.
A few people laughed, a few people cried, most people were silent.
I remembered the line from the Hindu scripture, the Bhagavad-Gita.
Vishnu is trying to persuade the Prince that he should do his duty
and to impress him takes on his multi-armed form and says,
"Now, I am become Death, the destroyer of worlds.."
I suppose we all thought that one way or another.
I like where this is all going.


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

12,191 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,814 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.