Project

General

Profile

Feature #8640

Registration "progress" UI

Added by Boone Gorges about 2 years ago. Updated almost 2 years ago.

Status:
Resolved
Priority name:
Normal
Assignee:
Category name:
Registration
Target version:
Start date:
2017-08-31
Due date:
% Done:

0%

Estimated time:

Description

We'd like to implement a Registration Progress UI for newly registered members. See https://chris0stein.github.io/commons-ux/registration/reg-conf.html and following pages.

The main parts appear to be:

1. The "registration complete" splash after submitting the initial registration
2. The "Account Activated" splash after activating account. This page should include a login form. https://chris0stein.github.io/commons-ux/registration/activated.html
3. "Getting Started" page https://chris0stein.github.io/commons-ux/registration/post-login.html. The "Open Invitations" part may have to wait until the rest of the onboarding work is done, but most of this can be built now.
4. Find a place in the persistent IA to stick this - maybe a sublink somewhere in the profile menu.

Ray, you mentioned that you've built something like this in the past. Could you take the lead on it? Whatever technology you want to use is fine - I'm planning to use React etc for the onboarding stuff, but this is totally separate, and doesn't really need to be very dynamic, so old-fashioned PHP templates would be OK :)

I'm tentatively putting this into 1.12. Let's see how much of it we can build for that release.

step-1.png (63.2 KB) step-1.png Raymond Hoh, 2017-09-29 06:29 PM
step-2.png (42.7 KB) step-2.png Raymond Hoh, 2017-09-29 06:29 PM
step-3.png (89.5 KB) step-3.png Raymond Hoh, 2017-09-29 06:29 PM

History

#1 Updated by Raymond Hoh almost 2 years ago

I've implemented the changes made by Chris for the Registration Progress UX.

See attached screenshots. You can also test these changes on the development server.

Some notes:

In step 2, there is a login form. If the user logs in, they get to step 3. I think it would be nice to add the permalink to step 3 in the contents of the activation email.

In step 3, Chris offers two options to display pending invites in the "Respond to Your Open Invitations" section:
https://chris0stein.github.io/commons-ux/registration/post-login.html

I implemented the first option.

Step 3 requires creating a new page with the page title "New Member Introduction" and with the slug "intro". I have nested this page under the "My Commons" page on the development server. If we want this page to reside somewhere else, let me know.

#2 Updated by Stephen Real almost 2 years ago

It's a minor issue so not worth investing major effort, however, if the browser window is too small, steps 2 and 3 wrap off to the bottom of the page in the step 1 result.

#3 Updated by Boone Gorges almost 2 years ago

Ray, this is looking great in my testing!

I've added a deployment note about the new page here https://github.com/cuny-academic-commons/cac/wiki/Release-ACTION_REQUIRED-list - please update or modify if I've gotten something wrong. Thanks!

#4 Updated by Boone Gorges almost 2 years ago

  • Status changed from Testing Required to Resolved

Also available in: Atom PDF