-
Notifications
You must be signed in to change notification settings - Fork 10
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
Content Guidance dynamic images #253
Comments
Having done some research on those 'Product Tour' experiences when first using a web app. I've found this library: https://lusift.vercel.app/ CodyHouse have this: https://codyhouse.co/ds/components/info/product-tour (but it's paid for) and this: https://github.com/codyhouse/product-tour/tree/master (but it's old) |
I've added component/images folders to accordion, alert and card and populated them with a copy of the existing images (latest optimised webps) used in the current version. This will help us assess what needs adjusting (exclusion zones, any instances of old style illustrations etc) as we populate the content and provide a fallback alternative for the dynamic concept should we need it. (Can be removed if we go dynamic for launch). |
PR: #262 |
Dynamic annotation for components and code: Anatomy for code and component:
And (what seems to be a more complex solution): |
For the initial release we have agreed to reuse the existing Content Guidance annotated screenshot and supporting table. Removing the heading row and replacing with a heading (level 4) 'Key'. |
Discovery of an option to dynamically generate the main guidance images for each component, perhaps utilising some sort of tooltip interaction. This could make updating somewhat more automated and less time consuming.
If it is deemed too complex for this first iteration we can revert to using the existing images. These should also be assessed and adusted if necessary for exclusion zones to ensure an appropriate experience on both light and dark modes in the docs.
The text was updated successfully, but these errors were encountered: