Project

General

Profile

Actions

Bug #16670

open

Group cloning message styling

Added by Matt Gold 3 months ago. Updated about 2 months ago.

Status:
Assigned
Priority name:
Normal
Assignee:
Category name:
Group cloning
Target version:
Start date:
2022-08-28
Due date:
% Done:

0%

Estimated time:
Deployment actions:

Description

Having just cloned a site + group, I find the visual styling of the completion message a bit confusing:

1. The links to the new site and group appear in a green box, where dark green words appear over a light green background. I wonder whether this meets accessibility contrast guidelines, and I wonder whether we should style it a bit differently to make it clearer that those are the links to the group/site one just created

2. Because of the contrast issues above, the eye is drawn to the "checklist" link. I think it's good to share this link, but I think it's a bit confusing to be taken in to the help section rather than the groups the user just created.

To remedy this, I would suggest restyling so that the emphasis is on the links to the group/site just created, with the link to the help documentation made a bit less prominent.

To mark completion, we may want to reuse the checkmark we show following a successful sent invite to a group. Doing something like that would allow us to put the links to the new group/site against a white background, but I'll leave it to Sara to think about design


Files

Screen Shot 2022-08-28 at 11.03.39 PM.png (100 KB) Screen Shot 2022-08-28 at 11.03.39 PM.png Matt Gold, 2022-08-28 11:09 PM
Success.png (231 KB) Success.png Sara Cannon, 2022-10-04 11:02 AM
Success 2.png (237 KB) Success 2.png Sara Cannon, 2022-10-04 11:12 AM
Actions #2

Updated by Boone Gorges 3 months ago

  • Category name set to Group cloning
  • Assignee changed from Boone Gorges to Sara Cannon
  • Target version set to Future release

Assigning this to Sara for review. The "success" landing screen design is shared with site creation, so we may want to rethink them at once.

Actions #3

Updated by Sara Cannon 2 months ago

Attached is the new success page design: https://share.getcloudapp.com/o0uXRLoY(creating), https://share.getcloudapp.com/BluWovYw (cloning)

  • Incorporates in the group title, avatar, and description
  • Incorporates in the site title, avatar, and description (if applicable)
  • Clear action buttons for viewing, inviting, or completing a cloning checklist(links to help doc)
Actions #4

Updated by Boone Gorges 2 months ago

  • Assignee changed from Sara Cannon to Jeremy Felt
  • Target version changed from Future release to 2.1.0

Is this design approved after today's call?

Actions #6

Updated by Colin McDonald about 2 months ago

Sorry I missed this before, but yes this should be ready to go.

Actions #7

Updated by Boone Gorges about 2 months ago

Thanks all! Jeremy, it's all yours.

Actions

Also available in: Atom PDF