1 / 14

Dialogue Redesign

Dialogue Redesign. Carii Jun 6, 2014. Step 1: Add Dialogue Popup opens. This Popup will appear once the User clicks the “Add” button from the Dialogue Page. Step 2: User enters title and body. Here the User entered a title and body

jerry
Download Presentation

Dialogue Redesign

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Dialogue Redesign CariiJun 6, 2014

  2. Step 1: Add Dialogue Popup opens • This Popup will appear once the User clicks the “Add” button from the Dialogue Page

  3. Step 2: User enters title and body • Here the User entered a title and body • Next, the User will click near the dropdown (upside down triangle) Test dialogue title Test dialogue body lorem ipsum dolor sit amet test dialogue body lorem ipsum dolor sit amet

  4. Step 3: “Share with” dropdown opens • This Community (Food Fest) will appear first. After that, its members will appear alphabetically • After this community, all of the affiliate communities will appear • Affiliates will appear in alphabetical order (i.e. ABC Group, PGB, Volley Ball Mount Laurel) • Under each affiliate header, members will appear in alphabetical order Test dialogue title Danira Iskandar Denise Hayman Loa Eric Viscito Inka Mathew KoVongvixay Kristin Vongvixay Lesli Jo NyukiTjandra Wun Fie Loa Zilong Zhao Test dialogue Abbot Way Ando Hiroshige Denise Hayman Loa Gustav Moreau Inka Mathew Kristin Vongvixay Lesli Jo Mary Cassatt Wun Fie Loa

  5. Step 4: User selects people to share Dialogue with • Here, the User has clicked the checkbox of two members of this community and has selected the entire PGB community Test dialogue title Test dialogue

  6. Step 5: Clicking Select • After the User has clicked the Select Button from the Share with dropdown, then the Share With dropdown will be populated with all of the people/affiliates the User selected • NOTE: When the User selects individual members from this community or affiliate communities, then it lists those communities individually. If the User has selected all members of this community or an affiliate, then the community will appear in orange (see “PGB” affiliate) • If the User were to open the Share with dropdown again, all the people the User checked will still be checked Test dialogue title Test dialogue body lorem ipsum dolor sit amet test dialogue body lorem ipsum dolor sit amet

  7. Step 6: Dialogue is submitted, recipients receive an email and can view it in their communities • After the User has clicked the Submit Button from the Add Dialogue Popup, the popup will close and the User will be taken to the Dialogue Page with the new Dialogue at the top • The Dialogue Preview’s Shared With dropdown will show the Users with whom the Dialogue was shared with: • After the User has clicked the Submit Button from the Add Dialogue Popup, the recipients will receive emails • All Users with whom the Dialogue was shared with will be able to see it in their communities • i.e. The Dialogue was shared with Inka Mathew in Food Fest, so Inka Mathew will be able to see it in Food Fest • i.e. The Dialogue was shared with Wun Fie Loa in PGB, so Wun Fie Loa will be able to see it in PGB NOTE: Same process as is already in place

  8. Additional rules/conditions

  9. Error messages • If the User clicked send without having entered a Title or Body: • “Please enter a title and body” • If the User clicked Send without having entered a Title: • “Please enter a body” • If the User clicked Send without having entered a Body: • “Please enter a title” • If the User clicked Send without having selected one or more recipients: • “Please select one or more recipients”

  10. Share with dropdown Scrollbar • A scrollbar will appear in the Share with dropdown if there are too many people • If a scrollbar appears, then it will always be present (it won’t be a hovering scrollbar)

  11. Preventing multiples If people were selected multiple times in the Share with dropdown (i.e. below, Denise Hayman Loa and Inka Mathew were selected under “Food Fest” and under “PGB”)… …then they won’t appear multiple times after the User clicks Select (i.e. Denise Hayman Loa and Inka Mathew only appear once) Note: recipients should only receive one email for each Dialogue. So even if they’re selected multiple times in the dropdown, they shouldn’t receive multiple emails. Just one apiece (use the same logic as is already in place for sending Dialogue emails)

  12. Framing many users • If there are more people/communities than will fit in the field, then periods will appear (see left, where periods appear after “Volley Ball Mount Laurel” because there are more people/communities to show) • Usernames and community names can be cut off with periods after 20 characters (see left)

  13. Removing Users • Clicking an “X” next to a username or community name will remove that user/community from the list XYZ Community L…

  14. Closing Share with dropdown • If the User clicks the Select Button from the Share with dropdown, it will close • If the User clicks outside of the Share with dropdown, it will close without submitting the selections • Closing the dropdown either way will make the dropdown stay closed until the User clicks on the field again. It will not become stuck open

More Related