Project

General

Profile

Actions

Feature #19724

open

Updating Group/Site Creation and Completion pages

Added by Laurie Hurson 3 months ago. Updated 1 day ago.

Status:
New
Priority name:
Normal
Assignee:
Category name:
Groups (misc)
Target version:
Start date:
2024-02-08
Due date:
% Done:

0%

Estimated time:
Deployment actions:

Description

Hi All,

I am wondering if, as part of this next phase of redesign, we might update the group/site creation portal pages and the group/site completion page?

I don't think there need to be any functional changes perhaps this is only ux/design and font changes? Maybe I am wrong though.

The completion page especially doesn't seem like it would be too complicated. But if this request adds too much labor, or muddies the group overhaul process, feel free to ignore.


Files

group creation page sample .png (220 KB) group creation page sample .png Laurie Hurson, 2024-02-08 02:15 PM
group create completion page.png (194 KB) group create completion page.png Laurie Hurson, 2024-02-08 02:15 PM
Create A Group_ Details.png (107 KB) Create A Group_ Details.png Sara Cannon, 2024-02-22 03:42 PM
Create A Group_ Settings.png (106 KB) Create A Group_ Settings.png Sara Cannon, 2024-02-22 03:42 PM
Create A Group_ Photo.png (92 KB) Create A Group_ Photo.png Sara Cannon, 2024-02-22 03:42 PM
Create A Group_ Cover Image.png (88.4 KB) Create A Group_ Cover Image.png Sara Cannon, 2024-02-22 03:42 PM
Create A Group_ Cover Image-1.png (540 KB) Create A Group_ Cover Image-1.png Sara Cannon, 2024-02-22 03:43 PM
Create A Group_ Publish.png (602 KB) Create A Group_ Publish.png Sara Cannon, 2024-02-22 03:43 PM
Create A Group+Site_ Details.png (168 KB) Create A Group+Site_ Details.png Sara Cannon, 2024-02-22 03:45 PM
Create A Group+Site_ Settings.png (111 KB) Create A Group+Site_ Settings.png Sara Cannon, 2024-02-22 03:45 PM
Create A Group+Site_ Photo.png (153 KB) Create A Group+Site_ Photo.png Sara Cannon, 2024-02-22 03:45 PM
Create A Group+Site_ Cover Image.png (545 KB) Create A Group+Site_ Cover Image.png Sara Cannon, 2024-02-22 03:45 PM
Create A Group+Site_ Site Details.png (216 KB) Create A Group+Site_ Site Details.png Sara Cannon, 2024-02-22 03:45 PM
Create A Group+Site_ Finish.png (608 KB) Create A Group+Site_ Finish.png Sara Cannon, 2024-02-22 03:45 PM
3.18.24.zip (3.12 MB) 3.18.24.zip Sara Cannon, 2024-03-18 11:48 PM
Create A Group_ Publish.png (614 KB) Create A Group_ Publish.png Sara Cannon, 2024-03-18 11:50 PM

Related issues

Related to CUNY Academic Commons - Feature #20013: Support for Commons-provided cover images in group create/edit flowNewJeremy Felt2024-03-19

Actions
Related to CUNY Academic Commons - Feature #19592: Groups Page Re-DesignNewRaymond Hoh2024-04-18

Actions
Actions #1

Updated by Laurie Hurson 3 months ago

  • Description updated (diff)
Actions #2

Updated by Matt Gold 3 months ago

Great idea, Laurie. Colin, can you please add this to our agenda for today?

Actions #3

Updated by Colin McDonald 3 months ago

We unfortunately didn't get to this during the meeting today, but I'll flag for Sara here and during the next dev call, as I think it would be good to update these as well if we can.

Actions #4

Updated by Colin McDonald 2 months ago

  • Category name set to Design
  • Assignee set to Sara Cannon

I've combed back through the tickets after we looked during yesterday's dev call at Sara's past work on redesigning the group/site creation flow. I can't seem to find where we posted/discussed those in the past

We did redesign the Create landing page in #16960, worked on surfacing Create buttons/links better in #16672, and did new Create "success" landing page designs in #16670. None of those are as thorough as what Sara showed yesterday, though.

Let's just use this ticket from here to combine that work with the issues Laurie highlights above. Sara, if you can please post your latest Figma here for us to review, and any other questions you might have to refine it, we can pick up on it. I'm adding some watchers here, too.

Actions #7

Updated by Colin McDonald about 2 months ago

Hi Sara, this is all looking good to me, only one sizable change on the copy:

- On the first page, it's "basis for another" not "anothe" at the top.

- On the first page, the Academic Term and Cluster fields should only appear if the Primary Purpose selected is Teaching (sorry if you've already incorporated this).

- On the second page, "to invite others?" not "other?".

- On the third page, "throughout the Commons" not "commons".

- On the fourth page, under the Cover Image title let's say: "You can add an image here to appear across the header of your group. For best results, upload an image that is 1950px by 450px or larger. You can also click the link below to choose a header image from our Commons Art Banner collection."

Actions #8

Updated by Colin McDonald about 2 months ago

Hi Sara, just a note about trying another button on the Congratulations screen linking to documentation:

- For a Group, it can say "How to use Groups" and link to:
https://help.commons.gc.cuny.edu/how-groups-can-use-the-commons/

- For a Site, it can say "How to use Sites" and link to:
https://help.commons.gc.cuny.edu/overview/

- For a Group + Site, I think we skip it since there are already three buttons.

Actions #9

Updated by Sara Cannon about 1 month ago

Figma designs for development: https://www.figma.com/file/XtBvj6Z9N5sLn9eHco4ArO/CUNY-Design---Spring-2024?type=design&node-id=4594%3A6726&mode=design&t=R4U9KPdkmbjmVts5-1

I added in the buttons Colin suggested above. I also added in the fun confetti to be similar to the delight with the invite modal.

Actions #10

Updated by Boone Gorges about 1 month ago

  • Related to Feature #20013: Support for Commons-provided cover images in group create/edit flow added
Actions #11

Updated by Boone Gorges about 1 month ago

  • Category name changed from Design to Groups (misc)
  • Assignee changed from Sara Cannon to Boone Gorges
  • Target version set to 2.3.5

I am happy to do much of the implementation work for this ticket, but many of the interfaces are shared with the group admin/edit flows decsribed in #19592. So I might let Ray get a head start there, and then inherit some of his work on this ticket.

Actions #12

Updated by Boone Gorges about 1 month ago

Actions #13

Updated by Boone Gorges about 1 month ago

  • Target version changed from 2.3.5 to 2.4.0
Actions #14

Updated by Boone Gorges 1 day ago

A first pass at the redesigned group creation process is in place. Some notes and questions for Sara:

  1. The comps don't have a Cancel button. It was added in #4350. I leave it to the team whether it's still necessary. For the time being, I've removed it.
  2. The text under 'Congratulations' on the final panel is built dynamically. If you've created a group+site, the language is different from if you've just created a group. The text also contains the name of the group, and a link to it. I've left some of this in place for now, and we can determine as a group whether it's worth changing/simplifying.
  3. Currently, the Congratulations panel shows different text and actions for post-clone than what you see post-create. I've left the existing test so that you can compare and contrast. We should decide how and whether we want these to align.
  4. Where should the "How to use Groups" button point to?
  5. I've made some guesses about the best behavior on mobile. I could use a bit of guidance on the avatar step (which should then be duplicated in the settings for existing groups) and also for the "card" view on the Congratulations panel.
  6. The mockup has a panel for Site Details, but it doesn't have the section at the top for deciding whether to create a new site vs use an existing site vs clone. I think we need to keep some version of this. I've left it for the time being.
  7. In general, there are some places where the redesigned creation flow has similar interfaces to the group settings flow, but where the comps have them appear slightly different. Compare, for example, the 'Group Privacy' section during creation with what you see at [group] > Manage > Settings. Are we indenting radio buttons? Are we hiding help text behind tooltips? Etc. Sara, as part of your initial review, it would be helpful if you did some side-by-side comparison of these sorts of screens, to ensure that we're consistent - and when we're not consistent, it should be for a reason.
Actions

Also available in: Atom PDF