Closed slemeur closed 6 years ago
@catrobson any further status update on the above for the UX team point of view.
@slemeur When we did user testing, users had no problem seeing the create button. However, the cards were not extending beyond the content, so the create button was normally viewable on screen. Let's fix the cards being taller than they should be and leave the create button as is unless we start to see issues with the button itself.
@animuk + @catrobson : Thanks. Who is working on fixing the size of the cards?
@catrobson @animuk Have taken off spaces between the cards in summary screen, but still button is not visible. We need to reduce the card size of two bottom cards i.e "Application Information" and "Authorized GitHub Account", am not sure if we can remove "Space Path" and "Target Environment" as these info may not be much useful for the user. Then can change the styles of card from card-pf--small
to card-pf--xsmall
this can save more space.
pf styles for cards have been used so taking of padding in card heading/body won't make it look good.
cc @slemeur
@invincibleJai sorry, missed your update. I think this will be OK for the summary. Did we fix this also on the runtimes and missions on the first screen for those cards - I think that is the more serious issue. By here the user knows this is a scrolling experience.
can we consider adding the "setup application" button on the top right hand portion of the above screen? then user can easily find the button and proceed. @invincibleJai @catrobson @slemeur
@catrobson thanks, any thoughts on the suggestion of @animuk, from the user experience POV?
please add Severity to this
We're looking into various options on how to change this and will respond back to this once we have investigated with design/CSS tomorrow.
@catrobson Do we have any updates on this please ?
@mindreeper2420 @bdellasc FYI - please post once you've had time to look through CSS options for the summary page.
I'll be filing a PR shortly to update the Summary area.
The best fix, given the time constraints, are that the anchor for the Summary will be moved from the title to the "Set Up Application" button. The button size will also be increased to make it more prominent and consistent with the continue buttons from the other sections.
I've created a PR (https://github.com/fabric8-launcher/ngx-launcher/pull/190) to bring the user down to the button, rather than the Summary header.
Thank you @mindreeper2420 for the code changes
@mindreeper2420 : Could we somehow think about a floating button which would callout and user will memorise where that action (the primary one) is?
It strikes me that the user is "always" able to leave by cancelling the flow, but not able to "create and continue" without going to the bottom of the flow.
One scenario I'm thinking about:
I think the floating button would help to optimize the sequence and avoid one more click&scroll.
WDYT ?
@slemeur a few answers to your scenario first:
On creating a floating button, that was tried, but 1) does not fit with the paradigm of the 'next action' being in the center of the screen, below the section's cards and 2) would interfere with the Feature Flag item that is in the lower right of the screen. During testing, our participants did not have issues finding the 'Set Up Application' button, so we're confident with the focus changes that we have made.
Thanks for your feedback @mindreeper2420. Ack.
@slemeur can we close this issue now ?
yes. the workaround allows to find the "set up application" more easily. We can revisit based on new feedbacks.
At the end of the flow, the new laucnher is displaying the application summary, but it is taking a lot of space. User has to scroll to find the "Create" button which is a bit small compared to the other elements in the screen.
"Create" action should be easy to find and always available - users should not have to put any cognitive load to do the action.