Feature #19724
openUpdating Group/Site Creation and Completion pages
0%
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
Related issues
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.
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.
Updated by Sara Cannon 2 months ago
- File Create A Group_ Details.png Create A Group_ Details.png added
- File Create A Group_ Settings.png Create A Group_ Settings.png added
- File Create A Group_ Photo.png Create A Group_ Photo.png added
- File Create A Group_ Cover Image.png Create A Group_ Cover Image.png added
- File Create A Group_ Cover Image-1.png Create A Group_ Cover Image-1.png added
- File Create A Group_ Publish.png Create A Group_ Publish.png added
Create Group Flow Screens
Updated by Sara Cannon 2 months ago
- File Create A Group+Site_ Details.png Create A Group+Site_ Details.png added
- File Create A Group+Site_ Settings.png Create A Group+Site_ Settings.png added
- File Create A Group+Site_ Photo.png Create A Group+Site_ Photo.png added
- File Create A Group+Site_ Cover Image.png Create A Group+Site_ Cover Image.png added
- File Create A Group+Site_ Site Details.png Create A Group+Site_ Site Details.png added
- File Create A Group+Site_ Finish.png Create A Group+Site_ Finish.png added
Clone Group and Site Screens
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."
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.
Updated by Sara Cannon about 1 month ago
- File 3.18.24.zip 3.18.24.zip added
- File Create A Group_ Publish.png Create A Group_ Publish.png added
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.
Updated by Boone Gorges about 1 month ago
- Related to Feature #20013: Support for Commons-provided cover images in group create/edit flow added
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.
Updated by Boone Gorges about 1 month ago
- Related to Feature #19592: Groups Page Re-Design added
Updated by Boone Gorges about 1 month ago
- Target version changed from 2.3.5 to 2.4.0
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:
- 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.
- 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.
- 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.
- Where should the "How to use Groups" button point to?
- 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.
- 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.
- 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.