Page MenuHomePhabricator

[minor] UploadWizard - UI adjustments
Closed, ResolvedPublic

Description

The list of minor issues below is based on discrepancies between figma design and the UI on beta (Upload Wizard-Release rights step).
This task is for Design review. If any of the issues need to be addressed - the task might be split up.

(1) (based on @Sneha's comment in Slack:

all the questions in both own and not own work, show colon at the end of it instead of period. But that is minor and not a blocker.

Screen Shot 2023-11-30 at 9.55.54 AM.png (1×2 px, 317 KB)
Screen Shot 2023-11-30 at 9.55.36 AM.png (1×2 px, 381 KB)

(2) mockups refer to "work" rather than "media" (I assume it's fine; there was a comment on using "media" rather than "work" on some of the UploadWizard tasks):

mockupbeta
Screen Shot 2023-11-30 at 10.02.54 AM.png (1×1 px, 257 KB)
Screen Shot 2023-11-30 at 10.03.24 AM.png (1×2 px, 298 KB)

(3) #1 question "(You may find this information on the page where you found the work.)" the dot in parentheses is missing in beta, but present in the mockup

mockupbeta
Screen Shot 2023-11-30 at 10.11.07 AM.png (428×2 px, 139 KB)
Screen Shot 2023-11-30 at 10.08.51 AM.png (620×2 px, 163 KB)

(4) #3 question for not own work- "Enter the name of the original author of this work" has the text:"This is public domain and the author is now unknown" vs the mockup's text: "I do not know who the author is"

mockupbeta
Screen Shot 2023-11-30 at 10.22.45 AM.png (304×1 px, 44 KB)
Screen Shot 2023-11-30 at 10.22.35 AM.png (332×1 px, 43 KB)

(5) The license icons seem to be a little bigger than in the mockup; it creates an impression that they are not well-balanced with the text in the line:

mockupbeta
Screen Shot 2023-11-30 at 10.29.09 AM.png (906×2 px, 277 KB)
Screen Shot 2023-11-30 at 11.02.48 AM.png (1×2 px, 369 KB)

(6) (for not own work) Mockup doesn't have license descriptions after the license's title. However, the current production match the beta, i.e. the license descriptions are present:

mockupbetaproduction commons wmf.7
Screen Shot 2023-11-30 at 10.29.09 AM.png (906×2 px, 280 KB)
Screen Shot 2023-11-30 at 11.02.48 AM.png (1×2 px, 365 KB)
Screen Shot 2023-11-30 at 11.24.25 AM.png (1×2 px, 451 KB)

(7) the Back button is displayed blue on mockup

mockupbeta
Screen Shot 2023-12-01 at 8.53.43 AM.png (1×1 px, 215 KB)
Screen Shot 2023-12-01 at 8.57.26 AM.png (1×2 px, 359 KB)

(8) Underline looks more prominent on mockup. I checked the contrast (as part of Accessibility test) - no complaints.

mockupbeta
Screen Shot 2023-12-01 at 9.06.30 AM.png (884×2 px, 143 KB)
Screen Shot 2023-12-01 at 9.06.14 AM.png (710×1 px, 156 KB)

(9) (the own work path, option #2) When a user clicks on "This contains the work of others", the warning "Selection is required" appears automatically:

Screen Shot 2023-12-01 at 12.30.12 PM.png (1×1 px, 266 KB)

Another example of an automatic warning - when a user selects "I generated this work using an AI tool".
Screen Shot 2023-12-01 at 2.37.07 PM.png (1×2 px, 373 KB)

Note: In a sense, the warning might serve as an additional guidance to a user to indicate that the selection is required.

Event Timeline

@Etonkovidova Thanks for capturing all of these minor issues. I can't see some of the screenshots but going to make some guesses here based on your comments.

#1 Yes let's fix this

#2 It should match mocks. We should be using the word "work" unless things are referred in plural. The wireframes are updated to reflect that. There are several spots (total 3) in question #1 in someone else's work where we need to change from using "media" to "work"

#3 Yes the period should be there. But also the text needs to be updated from "the media" to "this work"

#4 Yes this should match the mock. The copy in beta is the old copy that was updated a while back after community review. The copy in the mock "I do not know who the author is" covers all use cases.

#5 The icons seems okay. I think we can leave as is.

#6 Yes there should not be any description here for simplicity. The description is only useful when you are uploading your own work. For someone else's work the license is already stated so additional help is not needed.

#7 The back button in beta is correct. I have fixed/updated it in the mocks. I was using progressive instead of neutral in the mocks.

#8 Yes the underline here needs to be fixed as it is hardly visible. Also it is too close to the text in beta.

#9 The selection is supposed to only appear when the user hits next and not automatically. It can automatically disappear if it was previously present. I have noticed this happen in other places as you pointed out I think all of those should be fixed as it can be distracting while filling up the form.

Adding the copy changes in the author questino as stated in this comment to the list here as well

  • The copy in the author question needs to say "work" instead of "media"
  • Change the AI checkbox copy to "This work is AI-generated"

Adding the copy changes in the author questino as stated in this comment to the list here as well

  • The copy in the author question needs to say "work" instead of "media"

Captured that in T352700.

  • Change the AI checkbox copy to "This work is AI-generated"

There are two references to work generated by AI on own-work path and not-own-work path:
The checkbox on the not-own-work path has "This work is AI-generated" - checked beta and compared with the mock; seems to be correct.

The own-work path third option is titled: "I generated this work using an AI tool" - re-checked the mockup and beta - all match.

#1 Yes let's fix this

filed as T352700

#2 It should match mocks. We should be using the word "work" unless things are referred in plural. The wireframes are updated to reflect that. There are several spots (total 3) in question #1 in someone else's work where we need to change from using "media" to "work"

filed as T352700

#3 Yes the period should be there. But also the text needs to be updated from "the media" to "this work"

filed as T352700

#4 Yes this should match the mock. The copy in beta is the old copy that was updated a while back after community review. The copy in the mock "I do not know who the author is" covers all use cases.

filed as T352704

#5 The icons seems okay. I think we can leave as is.

#6 Yes there should not be any description here for simplicity. The description is only useful when you are uploading your own work. For someone else's work the license is already stated so additional help is not needed.

filed as T352705

#7 The back button in beta is correct. I have fixed/updated it in the mocks. I was using progressive instead of neutral in the mocks.

#8 Yes the underline here needs to be fixed as it is hardly visible. Also it is too close to the text in beta.

T352707

#9 The selection is supposed to only appear when the user hits next and not automatically. It can automatically disappear if it was previously present. I have noticed this happen in other places as you pointed out I think all of those should be fixed as it can be distracting while filling up the form.

T352709

Etonkovidova claimed this task.

All fixes are in place and have been checked in the respective tickets on commons wmf.9.