|
1 |
| -# UX Guidelines |
| 1 | +# UX Patterns |
2 | 2 |
|
3 |
| -Plugin UX guidelines will include UX requirements and/or UX best practices these will ensure your plugin follows XD user experience patterns. |
| 3 | +UX Patterns will include UX requirements and/or UX best practices these will ensure your plugin follows XD user experience patterns. |
4 | 4 |
|
5 |
| -### 1. [Usability & Behavior](Usability_Behavior.md) |
| 5 | +- Panel UX |
| 6 | +- Modal UX |
| 7 | +- Onboarding |
| 8 | +- Navigation |
| 9 | +- Messaging |
| 10 | +- Branding |
6 | 11 |
|
7 |
| -Guide your users as they interact with your plugin, for example when they first interact with your plugin what can they expect and how can they get the most out of your plugin. |
| 12 | +---------- |
8 | 13 |
|
9 |
| - |
| 14 | + <br /> |
| 15 | + |
| 16 | +# Documentation |
10 | 17 |
|
11 |
| -> Example: First time user experience onboarding |
| 18 | +### Specs and UX Requirements |
12 | 19 |
|
13 |
| -### 2. [Interface Guidelines](Interface_Guidelines.md) |
| 20 | +Requirements highlights key XD patterns all plugins need to follow to get approved by Adobe. |
14 | 21 |
|
15 |
| -How will user navigate your plugin, what is best entry point and what surface can your plugin can use. |
| 22 | + |
| 23 | +*Example of specs and UX requirements* |
16 | 24 |
|
17 |
| - |
| 25 | +### Best practices |
18 | 26 |
|
19 |
| -> Example: Top menu navigation |
20 |
| -
|
21 |
| -### 3. [Provide Feedback](Provide_Feedback.md) |
22 |
| - |
23 |
| -Provide users with feedback as they interact with your plugin, this can be alert & success messaging, permission dialogs or loaders & progress bars to let them know something is running in the background. |
24 |
| - |
25 |
| - |
26 |
| - |
27 |
| -> Example: Success messaging and progress bar |
28 |
| -
|
29 |
| - |
30 |
| -## Plugin workflow |
31 |
| - |
32 |
| - |
33 |
| - |
34 |
| -> **Entry Point - where** your user will first interact with your Plugin (i.e. how it’s triggered or opened) |
35 |
| -
|
36 |
| -> **Plugin UI** - **how** the user will interact with the plugin once it’s open |
37 |
| -
|
38 |
| -> **Execute - when** your plugin runs and executes actions |
39 |
| -
|
40 |
| -> **Output** - **what** the user sees after an action is executed |
| 27 | +Best practices provides recommendations on plugin usability and behavior, user feedback, privacy and interface guidelines. |
41 | 28 |
|
| 29 | + |
| 30 | +*Example of a UX best practice* |
42 | 31 |
|
0 commit comments