diff --git a/c/feedback/beta.md b/c/feedback/beta.md new file mode 100644 index 00000000..0393dca4 --- /dev/null +++ b/c/feedback/beta.md @@ -0,0 +1,4 @@ +--- +title: Feedback +layout: component-beta +--- diff --git a/c/feedback/index.md b/c/feedback/index.md new file mode 100644 index 00000000..6a32aec6 --- /dev/null +++ b/c/feedback/index.md @@ -0,0 +1,4 @@ +--- +title: Feedback +layout: component-default +--- diff --git a/c/feedback/v1.0.0-beta.1/assets/Contextual_Feedback_CommentBox@2x.jpg b/c/feedback/v1.0.0-beta.1/assets/Contextual_Feedback_CommentBox@2x.jpg new file mode 100644 index 00000000..f0be06f6 Binary files /dev/null and b/c/feedback/v1.0.0-beta.1/assets/Contextual_Feedback_CommentBox@2x.jpg differ diff --git a/c/feedback/v1.0.0-beta.1/assets/Contextual_Feedback_SuccessMessage@2x.jpg b/c/feedback/v1.0.0-beta.1/assets/Contextual_Feedback_SuccessMessage@2x.jpg new file mode 100644 index 00000000..deb4a34d Binary files /dev/null and b/c/feedback/v1.0.0-beta.1/assets/Contextual_Feedback_SuccessMessage@2x.jpg differ diff --git a/c/feedback/v1.0.0-beta.1/assets/Contextual_Feedback_YN@2x.jpg b/c/feedback/v1.0.0-beta.1/assets/Contextual_Feedback_YN@2x.jpg new file mode 100644 index 00000000..41a54776 Binary files /dev/null and b/c/feedback/v1.0.0-beta.1/assets/Contextual_Feedback_YN@2x.jpg differ diff --git a/c/feedback/v1.0.0-beta.1/assets/Feedback-1.0.sketch b/c/feedback/v1.0.0-beta.1/assets/Feedback-1.0.sketch new file mode 100644 index 00000000..6ed45073 Binary files /dev/null and b/c/feedback/v1.0.0-beta.1/assets/Feedback-1.0.sketch differ diff --git a/c/feedback/v1.0.0-beta.1/assets/Redline-01@2x.jpg b/c/feedback/v1.0.0-beta.1/assets/Redline-01@2x.jpg new file mode 100644 index 00000000..24407061 Binary files /dev/null and b/c/feedback/v1.0.0-beta.1/assets/Redline-01@2x.jpg differ diff --git a/c/feedback/v1.0.0-beta.1/assets/Redline-02@2x.jpg b/c/feedback/v1.0.0-beta.1/assets/Redline-02@2x.jpg new file mode 100644 index 00000000..7e7c1656 Binary files /dev/null and b/c/feedback/v1.0.0-beta.1/assets/Redline-02@2x.jpg differ diff --git a/c/feedback/v1.0.0-beta.1/assets/Redline-03@2x.jpg b/c/feedback/v1.0.0-beta.1/assets/Redline-03@2x.jpg new file mode 100644 index 00000000..155e5504 Binary files /dev/null and b/c/feedback/v1.0.0-beta.1/assets/Redline-03@2x.jpg differ diff --git a/c/feedback/v1.0.0-beta.1/assets/contextual-help.sketch b/c/feedback/v1.0.0-beta.1/assets/contextual-help.sketch new file mode 100644 index 00000000..f4e1d738 Binary files /dev/null and b/c/feedback/v1.0.0-beta.1/assets/contextual-help.sketch differ diff --git a/c/feedback/v1.0.0-beta.1/index.md b/c/feedback/v1.0.0-beta.1/index.md new file mode 100644 index 00000000..0613a8d0 --- /dev/null +++ b/c/feedback/v1.0.0-beta.1/index.md @@ -0,0 +1,125 @@ +--- +layout: component-yaml +title: Feedback +section: Components +version: 1.0.0-beta.1 +status: active +implemented: false +people: + - role: Designer + name: Alex Johnson + - role: Designer + name: Tony Nguyen + - role: UX Writer + name: Carole Balawender + +downloads: + - name: UX Accessibility Checklist + link: https://docs.google.com/a/pearson.com/document/d/1YjPJz6ZJgG6m4iJvtTFYuhIBGVuefHpzYx3H_lPU-vo/edit?usp=sharing + - name: .sketch + link: ./assets/Feedback-1.0 + +dependencies: + - name: Drawer + version: 1.0.0 + - name: Typography + version: 1.0.0 + - name: Application Header + version: 1.1.0 + - name: Icons + version: 1.1.0 + +tagline: | + This component lets users provide targeted feedback. This component must point to the Feedback API provided by the Social and Engagement team. +usage_guidelines: | + To collect user feedback, follow the structure and behavior described in this component. The feedback component includes the following sets of basic elements: + + * Question, Yes or No response, and alert + * Question, Yes or No response, comment box, and alert +features: + - Targeted feedback with Yes or No response + - Targeted feedback with Yes or No response and comment box + +blocks: + - type: section + name: Targeted feedback with Yes or No response + + - type: two column + text: | + This feedback feature lets you ask a question targeted at obtaining feedback for selected content(for example, a selected help topic). The user response requires either Yes or No. + + Note: Follow up with an alert message to acknowledge that the feedback was received. + + contents: + - type: narrow image + src: ./assets/Contextual_Feedback_YN@2x.jpg + - type: narrow image + src: ./assets/Contextual_Feedback_SuccessMessage@2x.jpg + + - type: section + name: Targeted feedback with Yes or No response and comment box + + - type: two column + text: | + This feedback feature lets you add a comment field to the previous targeted feedback user flow. Use its elements when you want to get more information to better understand the Yes or No response. + + Note: Follow up with an alert message to acknowledge that the feedback was received. + + contents: + - type: narrow image + src: ./assets/Contextual_Feedback_YN@2x.jpg + - type: narrow image + src: ./assets/Contextual_Feedback_CommentBox@2x.jpg + - type: narrow image + src: ./assets/Contextual_Feedback_SuccessMessage@2x.jpg + + - type: section + name: Redlines + + - type: two column + text: | + ### Contextual feedback with binary answer + + Typography + : - Question title is a [UI Text - Bold](/design/c/typography/v2.0.0-beta.9/#rd-ui-text-bold) + + Button + : - [Primary Buttons](/c/buttons/v2.2.1/#buttons--primary-button) + + Alert + : - Uses the [Inline Alert](http://uxframework.pearson.com/c/alerts/v2.0.3/#alerts--inline-alert) style + + contents: + - type: wide image + src: ./assets/Redline-01@2x.jpg + - type: wide image + src: ./assets/Redline-03@2x.jpg + + - type: two column + text: | + ### Contextual feedback with binary answer + + Typography + : - Question title is a [UI Text - Bold](/design/c/typography/v2.0.0-beta.9/#rd-ui-text-bold) + + Input + : - Uses the [Multiple line text] + + Button + : - [Primary Buttons](/c/buttons/v2.2.1/#buttons--primary-button) + + Alert + : - Uses the [Inline Alert](http://uxframework.pearson.com/c/alerts/v2.0.3/#alerts--inline-alert) style + + contents: + - type: wide image + src: ./assets/Redline-01@2x.jpg + - type: wide image + src: ./assets/Redline-02@2x.jpg + - type: wide image + src: ./assets/Redline-03@2x.jpg + +changelog: + - version: 1.0.0-beta.1 + changes: Initial version +---