28 lines
1.8 KiB
Markdown
28 lines
1.8 KiB
Markdown
# User experience guidelines
|
||
|
||
This guide covers general guidelines, and best practices to follow in order to ensure your product experience aligns with WooCommerce for ease of use, seamless integration, and strong adoption.
|
||
|
||
We strongly recommend you review the current [WooCommerce setup experience](https://woo.com/documentation/plugins/woocommerce/getting-started/) to get familiar with the user experience and taxonomy.
|
||
|
||
We also recommend you review the [WordPress core guidelines](https://developer.wordpress.org/plugins/wordpress-org/detailed-plugin-guidelines/) to ensure your product isn’t breaking any rules, and review [this helpful resource](https://woo.com/document/grammar-punctuation-style-guide/) on content style.
|
||
|
||
## General
|
||
|
||
Use existing WordPress/WooCommerce UI, built in components (text fields, checkboxes, etc) and existing menu structures.
|
||
|
||
Plugins which draw on WordPress’ core design aesthetic will benefit from future updates to this design as WordPress continues to evolve. If you need to make an exception for your product, be prepared to provide a valid use case.
|
||
|
||
- [WordPress Components library](https://wordpress.github.io/gutenberg/?path=/story/docs-introduction--page)
|
||
- [Figma for WordPress](https://make.wordpress.org/design/2018/11/19/figma-for-wordpress/) | ([WordPress Design Library Figma](https://www.figma.com/file/e4tLacmlPuZV47l7901FEs/WordPress-Design-Library))
|
||
- [WooCommerce Component Library](https://woocommerce.github.io/woocommerce-admin/)
|
||
|
||
## Explore User Experience Guidlines
|
||
|
||
- [Best Practices](/docs/user-experience/best-practices.md)
|
||
- [Colors](/docs/user-experience/colors.md)
|
||
- [Accessibility](/docs/user-experience/accessibility.md)
|
||
- [Onboarding](/docs/user-experience/onboarding.md)
|
||
- [Notices](/docs/user-experience/notices.md)
|
||
- [Task list & Inbox](/docs/user-experience/task-list-and-inbox.md)
|
||
|