Skip to content

Commit e3ae523

Browse files
author
Daniela Caicedo
committed
added in the ux patterns index page and updated the summary page
1 parent 78236e6 commit e3ae523

File tree

2 files changed

+21
-32
lines changed

2 files changed

+21
-32
lines changed

SUMMARY.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -138,7 +138,7 @@
138138
* [Modal UX](./design/ux_patterns/modal_pattern.md)
139139
* [Onboarding](./design/ux_patterns/onboarding.md)
140140
* [Navigation](./design/ux_patterns/navigation.md)
141-
* [Messaging](./design/ux_patterns/Messaging.md)
141+
* [Messaging](./design/ux_patterns/messaging.md)
142142
* [Branding](./design/ux_patterns/onboarding.md)
143143
* [User Interface](./design/user_interface/index.md)
144144
* [Styles](./reference/ui/styles/index.md)

design/ux_patterns/index.md

Lines changed: 20 additions & 31 deletions
Original file line numberDiff line numberDiff line change
@@ -1,42 +1,31 @@
1-
# UX Guidelines
1+
# UX Patterns
22

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.
44

5-
### 1. [Usability & Behavior](Usability_Behavior.md)
5+
- Panel UX
6+
- Modal UX
7+
- Onboarding
8+
- Navigation
9+
- Messaging
10+
- Branding
611

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+
----------
813

9-
![Onboarding gif](../ux_images/Onboarding.gif)
14+
<br />
15+
16+
# Documentation
1017

11-
> Example: First time user experience onboarding
18+
### Specs and UX Requirements
1219

13-
### 2. [Interface Guidelines](Interface_Guidelines.md)
20+
Requirements highlights key XD patterns all plugins need to follow to get approved by Adobe.
1421

15-
How will user navigate your plugin, what is best entry point and what surface can your plugin can use.
22+
![Example of specs and UX requirements](../ux_images/UX_Patterns_1_Specs.png)
23+
*Example of specs and UX requirements*
1624

17-
![Navigation gif](../ux_images/Navigation.gif)
25+
### Best practices
1826

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-
![Provide feedback gif](../ux_images/Feedback.gif)
26-
27-
> Example: Success messaging and progress bar
28-
29-
30-
## Plugin workflow
31-
32-
![A plugin workflow](../ux_images/Pluginworkflow.png)
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.
4128

29+
![Example of a UX best practice](../ux_images/UX_Patterns_2_Best_Practices.png)
30+
*Example of a UX best practice*
4231

0 commit comments

Comments
 (0)