Champion Preview Layout Design

Velzard of Koz·10/17/2014, 7:29:20 PM·1 votes·489 views

I don't know If this is correct place to post it to or If anyone would even read it, but I think the Champion preview window is not very well designed when talking about layout.

First of all, the left hand column of preview options. This kind of column has its usage in case of unknow or increasing amount of lines, while counting on the amount's going to be higher than the half od the column. Like blog menu. In case we know exactly how many lines are going to be there and it is not occupying at least half of the column, it is unneccessary wasting of space. In this case, we know there will always be four options: overview, abilities, lore and tips.

SUGGESTION: I would put in the upper left hand corner example icon of the previewing champion, which would also work as a button to display overview - which would this way has more space for champion painting. Then, to the right from the icon, there would be icons of other preview sections. For example, first icon would be fireball (like summoner's spells icon in TAB in-game preview), which would display abilities section.

Now, ability section has lack of space due to double that big wasting of space. Not only the list of options on the left side (as explained above), but also samely ineffective list of spells on the right side. Again. We know each champion has exactly five abilities (passive, 3x normal, ulti), while the list of them hardly occupies half of the list capacity.

SUGGESTION: I would put abilities next to each other. I think five of them should fit on the weight of the display. This line of abilities would be in the upper part of the display. This will leave the whole display below for video preview and description, making preview videos larger.

Then there could be an icon for tips and lore, and some new for statistics and champion preview video. And so on.

0 Comments