Suggestions
Make Flight Rising better by sharing your ideas!
TOPIC | [MOCKUP] "Visiting View" Dragon Fix
1 2 3 4 5
Some proposed modifications to the "visiting view", what someone who [i]isn't[/i] you sees when looking at your dragons. Big thanks to Zeraphir for letting me use their dragon. An idea I've seen discussed but can't currently test is the inclusion of the breed/gene/color info to the left of the dragon. Longer discussion/explanation of why in post 2 in the FURTHER SUGGESTIONS section. [url=https://www1.flightrising.com/forums/sug/2870673]Melralis' suggestion[/url] (home view, not visiting view) shows it off to great effect! Disclaimer: not an artist or a UI/UX specialist, pictured assets don't belong to me and are used only for vis purposes, yadda yadda We are now on version 2.0 of the mockup. View version 1.0 [url=https://i.imgur.com/EZ4DvVk.png]here[/url]. [img]https://i.imgur.com/KwwkAII.png[/img] current, for comparison: [img]https://i.imgur.com/rv32cWf.png[/img] explanation of changes goes in next post
Some proposed modifications to the "visiting view", what someone who isn't you sees when looking at your dragons. Big thanks to Zeraphir for letting me use their dragon.

An idea I've seen discussed but can't currently test is the inclusion of the breed/gene/color info to the left of the dragon. Longer discussion/explanation of why in post 2 in the FURTHER SUGGESTIONS section. Melralis' suggestion (home view, not visiting view) shows it off to great effect!

Disclaimer: not an artist or a UI/UX specialist, pictured assets don't belong to me and are used only for vis purposes, yadda yadda

We are now on version 2.0 of the mockup. View version 1.0 here.

KwwkAII.png

current, for comparison:

rv32cWf.png

explanation of changes goes in next post





w0D48ZF.png CODACOT Challenge (badges!)
UTVRiDq.gif Instant Lore for Sale
Zo7qM3j.gif
CHANGES AND EXPLANATIONS: 1. The report button in the new profile is huge. This is possibly to fill the whitespace left by not having the familiar options when viewing someone else's dragons. However, it's site standard to use the report icon only, as you can presumably see on my post. Since there's both a confirmation dialogue and tooltip, it's pretty overkill to have such a large, labeled button. It's been moved to the upper-right to line up with its placement elsewhere on the site. Credit: [quote name="Fletcher" date="2020-06-08 08:44:39" ] I like this much better. I would even make the report button into a smaller icon/ put it elsewhere... it's in such an odd spot. Your eye naturally goes from the dragon to the familiar and follows that line down to the report button. How often will we really need to use that? [/quote] 2. Apparel floater has been replaced by a shortcut to the dressing room for two reasons. First off, visual noise. While it's true it represents something "customizable", that same customization is [i]already represented on the dragon[/i]. Two, valuable shortcut--seriously, go to the dressing room, load a dragon by ID, get its apparel and skins loaded up, and count the number of clicks and navs it took. 2a, on the topic of outfit theft: already perfectly possible, see point two above. Make the button lockable if you want to make the process more obnoxious again. 2b. on the topic of "this won't let someone view the dragon's equipped scene", I'd assume the absence of scenes in the dressing room is due to scenes being new, not because the functionality's not planned. 3. Likes counter moved. Given it's out of a player's control, it seems a little strange that it's allowed to intrude on the scene to the degree it is. Again as pointed out by Fletcher, the eye naturally travels to the place formerly occupied by the report button...I've moved the like counter there, since "see dragon, see familiar, like dragon" seems like a natural flow. If the like counter is [url=https://www1.flightrising.com/forums/sug/2870554]made toggleable[/url], the page should still look fine with the counter missing. 4. Fed bar moved. There are two times this is relevant: buying fodder and seeing if a lair is active. maybe occasionally telling a joke involving a dragon never being fed. It's a very loud element and could be moved a bit lower methinks. Where to? No clue. I've banished it until a real UI/UX person chimes in. The flight sign was also banished because the info's already on the page at least twice. 5. "Scenic mode" button made smaller. I wanted it to match the report button. Honestly I like it bigger, but within the limitations of my UI/UX mockup skills, it's a sacrifice for the greater good. 6. Moved familiar name/species below the familiar. the floating text was a li'l jarring once the counterbalance of the apparel was removed (see v1.0) FURTHER SUGGESTIONS: 1. If the "straight to dressing room" functionality's not preferred, make the button a toggle for the apparel div. 2. The gene/breed/color info could be moved back up to fill the void to the left. I really like this idea and would love to test it out. Unfortunately, I can't do so without being misleading--guaranteeing the legibility of that text against all scenes is beyond me (especially on richly-colored scenes like the autumn one--see how hard it is to read [url=https://www1.flightrising.com/dragon/13537510]the familiar text[/url]). As a bonus, given the site's text colors are black and red, I think colorblind/general visual accessibility is of special concern. There's probably some promise in having an additional partial-transparency white background behind the text to fade the scene further, might look at that for a theoretical 3.0, but nothing for now. Melralis did a zero-transparency floating box that I think looks fantastic for the "home" view (see first post), but it might be a bit too chunky (note: not an insult, I love chunky) for the streamlined visiting view. Again, might play with it for 3.0, but not without some kind of background. Credit: [quote name="sylveondreams" date="2020-06-08 11:15:38" ] This looks so much better. I definitely support this, especially if gene/breed info are moved up to fill that empty space [/quote] [quote name="Celeana" date="2020-06-08 10:03:45" ] That is a lot better! I wish the "physical info" section was still on top, though. I like being able to jump straight to the genes, especially if a dragon is wearing a skin or a lot of apparel. [/quote] 3. There's an existing suggestion for [url=https://www1.flightrising.com/forums/sug/2870554]making the like button toggleable[/url]. Personally I support the idea and think the mockup would look fine without it. LIMITATIONS OF THIS MOCKUP: 1. Cleaned it up quite a bit, but you'll still see some weirdly-sized buttons. So it goes. Assume that a "real" version has buttons of the same size. 2. The "likes" star should be left-aligned, the likes counter right-aligned. That's my bad. 3. I'm not touching the food bar or the other info, there's a point at which my "AM NOT UI/UX" becomes deafening. 4. To me at least, it feels "imbalanced to the right". That's because the scene art is drawn that way, I can't do anything about it nor do I expect anything [i]can[/i] be done about it, except introduce a balancing feature on the left. See "FURTHER SUGGESTIONS". Or maybe it'll be like all the anatomical quirks where we just get used to it when it's not pointed out :) 5. The poor bear is falling off his pillar! That's an issue in the "real" version as well. I could "fix" it, but it would be misleading, as the falling-off-the-pillar positioning is presumably a compromise for making the majority of familiars work.
CHANGES AND EXPLANATIONS:
1. The report button in the new profile is huge. This is possibly to fill the whitespace left by not having the familiar options when viewing someone else's dragons. However, it's site standard to use the report icon only, as you can presumably see on my post. Since there's both a confirmation dialogue and tooltip, it's pretty overkill to have such a large, labeled button. It's been moved to the upper-right to line up with its placement elsewhere on the site.

Credit:
Fletcher wrote on 2020-06-08 08:44:39:
I like this much better. I would even make the report button into a smaller icon/ put it elsewhere... it's in such an odd spot. Your eye naturally goes from the dragon to the familiar and follows that line down to the report button. How often will we really need to use that?

2. Apparel floater has been replaced by a shortcut to the dressing room for two reasons. First off, visual noise. While it's true it represents something "customizable", that same customization is already represented on the dragon. Two, valuable shortcut--seriously, go to the dressing room, load a dragon by ID, get its apparel and skins loaded up, and count the number of clicks and navs it took.

2a, on the topic of outfit theft: already perfectly possible, see point two above. Make the button lockable if you want to make the process more obnoxious again.

2b. on the topic of "this won't let someone view the dragon's equipped scene", I'd assume the absence of scenes in the dressing room is due to scenes being new, not because the functionality's not planned.

3. Likes counter moved. Given it's out of a player's control, it seems a little strange that it's allowed to intrude on the scene to the degree it is. Again as pointed out by Fletcher, the eye naturally travels to the place formerly occupied by the report button...I've moved the like counter there, since "see dragon, see familiar, like dragon" seems like a natural flow. If the like counter is made toggleable, the page should still look fine with the counter missing.

4. Fed bar moved. There are two times this is relevant: buying fodder and seeing if a lair is active. maybe occasionally telling a joke involving a dragon never being fed. It's a very loud element and could be moved a bit lower methinks. Where to? No clue. I've banished it until a real UI/UX person chimes in. The flight sign was also banished because the info's already on the page at least twice.

5. "Scenic mode" button made smaller. I wanted it to match the report button. Honestly I like it bigger, but within the limitations of my UI/UX mockup skills, it's a sacrifice for the greater good.

6. Moved familiar name/species below the familiar. the floating text was a li'l jarring once the counterbalance of the apparel was removed (see v1.0)


FURTHER SUGGESTIONS:
1. If the "straight to dressing room" functionality's not preferred, make the button a toggle for the apparel div.

2. The gene/breed/color info could be moved back up to fill the void to the left. I really like this idea and would love to test it out. Unfortunately, I can't do so without being misleading--guaranteeing the legibility of that text against all scenes is beyond me (especially on richly-colored scenes like the autumn one--see how hard it is to read the familiar text). As a bonus, given the site's text colors are black and red, I think colorblind/general visual accessibility is of special concern. There's probably some promise in having an additional partial-transparency white background behind the text to fade the scene further, might look at that for a theoretical 3.0, but nothing for now. Melralis did a zero-transparency floating box that I think looks fantastic for the "home" view (see first post), but it might be a bit too chunky (note: not an insult, I love chunky) for the streamlined visiting view. Again, might play with it for 3.0, but not without some kind of background.
Credit:
sylveondreams wrote on 2020-06-08 11:15:38:
This looks so much better. I definitely support this, especially if gene/breed info are moved up to fill that empty space
Celeana wrote on 2020-06-08 10:03:45:
That is a lot better! I wish the "physical info" section was still on top, though. I like being able to jump straight to the genes, especially if a dragon is wearing a skin or a lot of apparel.

3. There's an existing suggestion for making the like button toggleable. Personally I support the idea and think the mockup would look fine without it.


LIMITATIONS OF THIS MOCKUP:

1. Cleaned it up quite a bit, but you'll still see some weirdly-sized buttons. So it goes. Assume that a "real" version has buttons of the same size.

2. The "likes" star should be left-aligned, the likes counter right-aligned. That's my bad.

3. I'm not touching the food bar or the other info, there's a point at which my "AM NOT UI/UX" becomes deafening.

4. To me at least, it feels "imbalanced to the right". That's because the scene art is drawn that way, I can't do anything about it nor do I expect anything can be done about it, except introduce a balancing feature on the left. See "FURTHER SUGGESTIONS". Or maybe it'll be like all the anatomical quirks where we just get used to it when it's not pointed out :)

5. The poor bear is falling off his pillar! That's an issue in the "real" version as well. I could "fix" it, but it would be misleading, as the falling-off-the-pillar positioning is presumably a compromise for making the majority of familiars work.
w0D48ZF.png CODACOT Challenge (badges!)
UTVRiDq.gif Instant Lore for Sale
Zo7qM3j.gif
Oh that looks much easier on the eyes. The giant report button and in your face apparel are especially jarring.
Oh that looks much easier on the eyes. The giant report button and in your face apparel are especially jarring.
___________
_.-_SCB
.* accent *
___shop

____________
____________
Pay in treasure,
gems or mixed!

___* BUY *

___* BUY *

___* BUY *

___* BUY *
_..-DRAGON
..__SEARCH
___
.__unbred, G1
__August 30th
__2013 - 2017
I like this much better. I would even make the report button into a smaller icon/ put it elsewhere... it's in such an odd spot. Your eye naturally goes from the dragon to the familiar and follows that line down to the report button. How often will we really need to use that?
I like this much better. I would even make the report button into a smaller icon/ put it elsewhere... it's in such an odd spot. Your eye naturally goes from the dragon to the familiar and follows that line down to the report button. How often will we really need to use that?
a1f80d3732a26eb2d3a0a0fc3cb161fa078301cd.png
Fletcher/ Kin | FR+1:00
any pronouns



Twitter || Playlist Shop
Wishlist || IG
@Fletcher You've got a great point! What about swapping the "like" button and the "report" button?

No mockup for that right now, booting up my work computer.
@Fletcher You've got a great point! What about swapping the "like" button and the "report" button?

No mockup for that right now, booting up my work computer.
w0D48ZF.png CODACOT Challenge (badges!)
UTVRiDq.gif Instant Lore for Sale
Zo7qM3j.gif
i like that so much more, the new layout is AWFUL
i like that so much more, the new layout is AWFUL
Don't look down
Check out my art shop: https://www1.flightrising.com/forums/art/2861204/1#post_43342966
That is a lot better! I wish the "physical info" section was still on top, though. I like being able to jump straight to the genes, especially if a dragon is wearing a skin or a lot of apparel.
That is a lot better! I wish the "physical info" section was still on top, though. I like being able to jump straight to the genes, especially if a dragon is wearing a skin or a lot of apparel.
iwpOjY0.gifZ90Qjk6.pngkqQwOfO.gifW3BJkrm.png
Seeing it now, the report button could definitely be smaller.
Seeing it now, the report button could definitely be smaller.
Please, please don't ping me.

All dreams are but another reality. Don't forget.
OMG, yes!! I like the new dragon pages, but the apparel display is way too prominent and distracting, my eyes want to focus on it instead of the dragon. Your rework feels so much more immersive.
OMG, yes!! I like the new dragon pages, but the apparel display is way too prominent and distracting, my eyes want to focus on it instead of the dragon. Your rework feels so much more immersive.
ngipcID.png
This is soooo much better! Definitely doesn't look like it's stuck in an "edit" stage anymore
This is soooo much better! Definitely doesn't look like it's stuck in an "edit" stage anymore
xxx
Want to see my avatar without the hassle of clicking through my whole lair? Click here!
xx RTwYz7i.png
1 2 3 4 5