Tabs

I think there are more advantages with the sidebar on the right, so you can call the sidebar and the css with a minimum of fuss.
Yep, exactly what I realized after doing the first revision. With the sidebar on the left it required new CSS code in arcade.css to allow it to mimic XF RM having a sidebar div floating on the left. With the sidebar on the right, the sidebar positioning and section appearance required no additional CSS definitions and will be more inline with the KISS approach.

I'd definitely like to see the games count next to the sidebar categories as well. I'd stick pretty close to Veer's mockup actually, just keep the sidebar on the right.
I'll work on having the game count next if for no other reason than I don't like how much white space there is to the right of the category name.
 
Nice to see the progress Kevin (y)

Well, I don't really care much about the sidebar at right or left side. We can move it any side with some CSS and template edits.

The real concern in my honest opinion is the center area, where the games are listed.

The game listing area contains the following:
  1. Game Title
  2. Champion
  3. Highscores
  4. Personal Best
Disadvantages:
a) Too less available space for Game Titles to be displayed in one line.
b) "Champion" and "Personal Best" contains almost same information, taking too much space
c) "High score" is also a waste of space, we can achieve this via an Overlay, popup windows very nicely.

Solution:
Instead, it should only have the following two:
  1. Game Title
  2. Champion
Advantages:
a) Allow a decent space for Game Titles to be displayed in one line.
b) "Champion", "Personal Best" and "High score" merged together nicely. Also remove the user avatar from champion info. So not taking too much space.
c) Make "High score" a click-able link, when clicked open a nice popup screen displaying the top ten highscores.
 
Question: With these changes is the option to disable the category tabs still needed?

No.

Simply remove the Category tabs from the Game Listing area, and move to the Sidebar permanently.
 
Back
Top