Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Add images to quick starts #207

Open
jessiehuff opened this issue Nov 4, 2022 · 1 comment
Open

Add images to quick starts #207

jessiehuff opened this issue Nov 4, 2022 · 1 comment
Labels
enhancement New feature or request feature candidate

Comments

@jessiehuff
Copy link
Collaborator

Request to be able to add images into the Quickstart to show a user what they can expect in the UI. You can see what they’re thinking here (open to design suggestions, this is rough).
https://docs.google.com/document/d/1TDjGowTdRhckomVZhC-yehQr_iywwmQt0FPiSkvgrjY/edit#heading=h.dmsnngmkdaf0

Requested by OpenShift/Matt Carleton

Potential design by Missy: https://sketch.com/s/e8e74051-20c1-4a7d-b22d-470c2fdd6cd6
Based on Lucia's comment, option A is preferred with the magnifier cursor opening the image in a modal. Also suggested is 16px padding on the top/bottom of an image so that it has a bit more breathing room around the surrounding text.

@patternfly-build patternfly-build moved this to Needs triage in PatternFly Extensions Nov 4, 2022
@mcarrano mcarrano added enhancement New feature or request feature candidate labels Nov 9, 2022
@mcarrano mcarrano moved this from Needs triage to Feature candidates in PatternFly Extensions Nov 11, 2022
@jessiehuff jessiehuff added this to the QS Prioritized Backlog milestone Jan 4, 2023
@jessiehuff
Copy link
Collaborator Author

We've talked about this idea in a few QS working group meetings. Some of the downsides include the need for maintenance. If the UI changes, products will need to remember to update the images in the quick start. It might make more sense for products to use UI highlighting instead (Michael Celedonia's UI highlighting design):

Image

It's also worth noting that this would require design insight into when to use images appropriately.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
enhancement New feature or request feature candidate
Projects
Status: Backlog
Development

No branches or pull requests

2 participants