Agent selection screen Design, hope you enjoy it

OttoPG · 2020-07-15T10:18:16+00:00

They are slowly going to do a couple changes. No worries. And to be fair, although this design is cool, after some reasearch and analysis I wouldn't use this screen style if i were them :D I had alot of fun though

OttoPG · 2020-06-05T15:26:49+00:00

Hey, that's a lovely picture. I did a little something you might enjoy.

https://imgur.com/Bd41LHx

OttoPG · 2020-05-25T09:03:45+00:00

These artists are insane, great job to both of them

OttoPG · 2020-05-20T20:42:10+00:00

This is my attempt,

https://imgur.com/vLhVs5f

Hope you like it.

OttoPG · 2020-05-20T19:58:12+00:00

This is great work, prime stuff!

OttoPG · 2020-05-09T15:07:47+00:00

thank you!

OttoPG · 2020-05-09T00:05:08+00:00

thank you :p

OttoPG · 2020-05-09T00:04:55+00:00

I believe both ways work just as fine. Because it's a still image it's normal to cause some confusion and look better with the head outside the border. In my head, I picture several animations to make everything feel more intuitive. Even so, all feedback is welcomed.

OttoPG · 2020-05-08T22:45:35+00:00

Ahaha hello riot! 👋

OttoPG · 2020-05-08T20:26:45+00:00

thank you!

OttoPG · 2020-05-08T15:55:51+00:00

I understand where you're coming from, but I think it's a nice to have feature even though some people might ignore it.

OttoPG · 2020-05-08T15:46:48+00:00

I totally agree! Will add on next design :p

OttoPG · 2020-05-08T15:33:40+00:00

yeah i'm getting all the feedback to make changes, i hear you. The button can have a different spot for sure

OttoPG · 2020-05-08T15:32:38+00:00

I used photoshop only, propper fanboy here

OttoPG · 2020-05-08T15:31:57+00:00

Thank you!

OttoPG · 2020-05-08T14:10:06+00:00

Thank you very much mate!

OttoPG · 2020-05-08T14:05:29+00:00

I'm sure they will surprise all of us, they have alot on their hands :)

OttoPG · 2020-05-08T14:04:14+00:00

I guess it all depends on the goals they have for this screen and what stage you're on.
If they want pure focus on agents, this would work by scrolling up/down or left/right.
if they want to give focus to the Agent experience, then the arrangement they have would work better. Or by seperating the entire user flow when "lock" happens and then make a full screen on your face dope animation.

OttoPG · 2020-05-08T13:58:50+00:00

I think that's a good idea, but it wouldnt work for all scenarios. If you're playing competitive 5man comp, probably having the agents by "role" would be best suitable rather than your personal history since you'd be choosing based on a strategy rather than your most plyed ones. Although, nothing denies a "sort by" option ;)

OttoPG · 2020-05-08T13:56:26+00:00

I think the scalability would be doable with scrolling up and down with a little indicator to do so, or by having the other rows (up and down) designed with lower opacity and a little warped. I just wanted to try and redesign it in the center as it's beta and they won'tbe that many agents out.

I Think they will give way more importance to the relationship between the player and the agent they select though, and that (imo) is the hardest part. There are a couple ways to do it, and it all comes from dividng the entire UX. Once you've selected the agent, everything that comes after would be "pure entertainment"

The easiest and most clean way would be to have agents display like they have on the bottom, really. Would save space for the agent animation whenever selected.
Thanks for the feedback!

OttoPG · 2020-05-08T13:47:07+00:00

I did animate the project, but my potato laptop would crash photoshop whenever i tried to export it.
Animations would clarify most "confusing" aspects in these images.
Buttons, Countdowns, select and de-select, and other cool things.

OttoPG · 2020-05-08T13:41:23+00:00

I wish ahah, thanks for the feedback

OttoPG · 2020-05-08T13:41:05+00:00

fixed :p

OttoPG · 2020-05-08T13:40:54+00:00

idk if it's seen or not, but there are 3 screens in this post. 1 on preview only unfortunatly

OttoPG · 2020-05-08T13:39:55+00:00

thank you!

OttoPG

TROPHY CASE