1123767 - [Meta] BuddyUp Visual Design tracking bug for discrepancies against interaction design doc.

Status: RESOLVED WONTFIX

(support.mozilla.org :: BuddyUp, defect)

Description

[Jean Gong :jgong]

+++ This bug is to a meta bug to track all visual design discrepancy against BuddyUp interaction design doc. +++

Comment 1

[Kadir Topal [:atopal]]

Attachment: VsD_BuddyUp_Specifcation.pdf

Comment 2

[Jean Gong :jgong]

I have followed up with Helen. She will work on the on the visd discrepancies bugs filed on this meta by end of this week.

Comment 3

[Helen Huang [:HHuang]]

Attachment: VsD_Specifcation_BuddyUp_v.1.1.zip

The visual spec and assets has been updated according the request from bug 1131602 / bug 1131608, please refer to the latest files.

Comment 4

[Jean Gong :jgong]

Attachment: BuddyUp Content Audit.xlsx

This is the latest microcopy file.  Please look at column G (highlighted in Green) for the latest verbiage to use for all the Buddyup content.

Comment 5

[Jean Gong :jgong]

Helen, Please update the BuddyUp Visd D spec based the latest content.  Refer to column G title "Draft 3 (Most Current)".

Comment 6

[Jacqueline Savory [:jsavory] UX]

ni? Helen for Jean's request on comment 5.

Comment 7

[Helen Huang [:HHuang]]

Attachment: VsD_Specifcation_BuddyUp_v.1.2.zip

I've fixed some screens based on the notes in spreadsheet, please refer to the latest attachment. 

However, there're some screens, like Create Account and Add to My favourites, I've never seen them in the latest UX document, therefore, they are missed in previous visual spec.

I also noticed a note said that FTU is out? Follow the UX document, the difference between FTU and used Homescreen is My Questions section. It won't show My Questions section on Homescreen when the first time you use it. After used, this section will show up, so the layout mostly look the same.

Comment 8

[Joni Chan]

Thanks, Helen. Noting a couple of needed changes for the dev team:

"Have Answer?" needs an "s" so it's "Have Answers?"

"Have Questions ?" the space before the question mark needs to be removed so it's "Have Questions?"

Comment 9

[Joni Chan]

Here are a few more notes:

page 5.2 - No Active Questions screen needs the following text (line 202 from the spreadsheet):
"Go to the New tab to answer some questions. We'll keep track of them here."

page 5.3 - Categorize question screen. The description underneath the title needs to be updated to:
""Which category does this question belong to?" (line 225 on the spreadsheet)

page 5.3 - Report screen. Update description to:
"Help our moderators understand this comment:" 

page 5.3 - Report screen. Update the list items to:
It is spam.
It uses inappropriate language.
It doesn't belong on BuddyUp.
Other reasons (tell us more)

Page 6.1 - Sign in screen description needs to be changed to:
"Sign in to answer questions from the Mozilla community."

Page 8.1 - Create account screen needs some changes:
1. Remove "We will sent an email to __________" This part belongs to the confirmation screen.
2. "You'reready" needs to be changed to "You're ready"

Page 8.1 - Reset password screen descriptions needs to be updated to:
"Forgot your password? Don't worry. Enter your email below and we'll send you instructions for setting a new one."

Page 9.1 - Create user name. 
1. The error message needs to be updated to: "Sorry, this user name is unavailable."
2. The description should say: "Your user name will be visible to the community. You can change this later when you edit your profile."

Thanks again!

Comment 10

[Anthony Ricaud (:rik)]

FYI: The report screen has been deferred.

Comment 11

[Helen Huang [:HHuang]]

Attachment: VsD_Specifcation_BuddyUp_v1.3.zip

The mockups and visual spec have been updated following the UX document in Bug 1137145 and the feedbacks above. Please refer to the latest spec.

Comment 12

[Helen Huang [:HHuang]]

Attachment: VsD_Specifcation_BuddyUp_v1.4.zip

Updated the visual spec and assets according to Bug 1137226. Bug 1137230. Bug 1137275, Please follow the latest spec. Thanks!

Comment 13

[Helen Huang [:HHuang]]

Attachment: VsD_Specifcation_BuddyUp_v1.5.zip

Updated the visual spec based on Bug 1137275.

Comment 14

[Helen Huang [:HHuang]]

Attachment: VsD_Specifcation_BuddyUp_v1.6.zip

Updated the visual spec based on Bug 1141025.

Comment 15

[Helen Huang [:HHuang]]

Attachment: VsD_Specifcation_BuddyUp_v1.7.zip

Updated few mockups in the visual spec.

Comment 16

[Joni Chan]

The VSD doc doesn't include the updated Sign in/Sign Up messaging from the content audit (rows 504, 551-713 on this spreadsheet: https://docs.google.com/a/mozilla.com/spreadsheets/d/14SUPRItOmtC0i1iVV1TeJlaf_scg_ob0bNz-LRORbeM/edit#gid=1455816425). Thanks!

Comment 17

[Helen Huang [:HHuang]]

Attachment: VsD_Specifcation_BuddyUp_v1.8.zip

Hi, I've modified the mockups according to the spreadsheet, please find the latest visual spec. However, I found the content in row 586 and 713 are conflicting, also some contents have been changed many times, like the messaging in Create account pages.

I think if the change is about messaging/wording, it might only effect how many lines for showing this messaging, but doesn't involve the visual things, such as color, size. So maybe it's not necessary to change the mockups, we can only follow the updated spreadsheet. I have added the sheet link in page 4, so that everyone can find it.

Let me know if any question. Thank you!

Comment 18

[Joni Chan]

Thanks for updating the spec, Helen, and for linking the sheet. I thought rows 586 and 713 are two different screens (586 is for helpee signups and 713 is for helper signups.)

I'm okay with not updating the spec as long as the team knows what changes to make.

Comment 19

[Helen Huang [:HHuang]]

Just a update, the links below are the files for BuddyUp visual design. 

PSDs https://mozilla.box.com/s/ufzrh4qw1p6sjhzgtsbzjaibawgxw8gx
PNGs https://mozilla.box.com/s/z36gnklemxgp57umn07oseoeoy2ltepp

Comment 20

[Hermina]

    "Email" should be "email" on cancel account conf. screen (1.5x.png)- https://mozilla.app.box.com/s/z36gnklemxgp57umn07oseoeoy2ltepp/1/2935979737/27813995822/1

    "Unanswered Questions Filter" should be "Answer a Question Filter" -  GeneralHelperProfile: https://mozilla.app.box.com/s/z36gnklemxgp57umn07oseoeoy2ltepp/2/2935979737/27813982198/1

    Change "inppropriate" to "inappropriate" on the Report Abuse page - 

    Change "You'renow" to "You're now" on Create Account page - https://mozilla.app.box.com/s/z36gnklemxgp57umn07oseoeoy2ltepp/2/2935979737/27813979490/1

    Change message on Create Account confirmation to match messaging in row 628 in the content audit spreadsheet) - https://mozilla.app.box.com/s/z36gnklemxgp57umn07oseoeoy2ltepp/2/2935979737/27813978870/1

    Previously Answered screen (https://mozilla.app.box.com/s/z36gnklemxgp57umn07oseoeoy2ltepp/1/2935979737/27813998978/1)

    Change "Sumbit" to "Submit" on button on Previously Answered screen - 

    Copy should reflect row 182 in content audit.

    "Buddy Up" should be "BuddyUp" in Create User Name screen: https://mozilla.app.box.com/s/z36gnklemxgp57umn07oseoeoy2ltepp/1/2935979737/27813997744/1

    Change "Mark Question as Resolved" to lower case: "Mark question as resolved." https://mozilla.app.box.com/s/ufzrh4qw1p6sjhzgtsbzjaibawgxw8gx/1/2935979425/27813905192/1

    Errors should be lower case (except for first word) instead of all caps. Correct: "Invalid email address", "Invalid password", "Invalid format"  https://mozilla.app.box.com/s/ufzrh4qw1p6sjhzgtsbzjaibawgxw8gx/1/2935979425/27813899322/1

Comment 21

[Helen Huang [:HHuang]]

Attachment: VsD_Specifcation_BuddyUp_v1.9.zip

Updated the visual spec based on Bug 1146340. Bug 1131608. Bug 1137183.

Comment 22

[Hermina]

Thanks for the 2 previous updates, Helen. 

Sorry, sent the first comment before adding the request. There are some typos and small errors on the latest visuals that I added here. Could you please have a look and let me know how you think we should go about them? Is it possible for you to change the mockups or can we just create a separate page with all this so that Anthony and Rehan know when implementing?

Also,  a BIG Thanks for all your work on BuddyUp, I think it looks fresh and engaging and I love it:)
Hermina

Comment 23

[Helen Huang [:HHuang]]

Attachment: VsD_Specifcation_BuddyUp_v2.0.zip

Sorry for the late response. Few mockups have been modified according to the comment 20, I also updated them to the visual spec and the link of source files.

Here's an overview, so that you can take a look the updated mockups which are with blue heading. Thanks!