Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[UI] improve onboarding and calls to action: add a track, discover people to follow #163

Closed
adrienjoly opened this issue Sep 15, 2018 · 3 comments · Fixed by #409
Closed

Comments

@adrienjoly
Copy link
Member

adrienjoly commented Sep 15, 2018

When creating a new account on Openwhyd, the user has to go through several onboarding steps (see below) which can be annoying, but is not given any clues about how to add tracks and discover new people after following (or skipping) this onboarding.

Reducing the number of steps of the onboarding process and providing clearer calls to action can result to better conversion (i.e. creating an account --> adding your first track).

Current steps of the onboarding process:

  • from home page, click on "Sign up" button
    1. fill in full name, email and password
    1. pick favorite genres of music
    1. select suggested people to follow
    1. suggest to install the bookmarklet or google chrome extension to add tracks from other pages
    1. display what and how personal data is stored by openwhyd and ask for consent (gdpr)
    1. welcome page: display the user's stream with an overlay to explain what is the stream
  • then, after clicking again, the user can finally interact with their new openwhyd account

=> that's 6 steps to follow (after clicking on "sign up")

Idea: steps ii, iii, iv and vi could be removed if we:

  • directly take the new user to their stream page, right after filling the user info and giving consent
  • propose 3 calls to action on their empty stream: "pick people to follow" (--> steps ii and iii), "add a track by searching" (would explain how to add tracks using the search bar) and "add a track from another page" (--> step iv).
  • step vi may become useless, because the user could see tracks and recognize faces in the stream after explicitly deciding to follow people, if they ever do.
  • also, the "add a track" calls to actions could be displayed on any list of tracks: stream + profile page + platlist page, to assist users who may have forgotten how to do that
@adrienjoly adrienjoly added this to 📥 Inbox / ideas in Development via automation Sep 15, 2018
@g180
Copy link

g180 commented Oct 12, 2018

I like the idea. Killing the drag would make things handy. Maybe it would be kind enough if you leave a link that says something like "View Onboarding Massages Again" on "Settings" page or somewhere.

@adrienjoly
Copy link
Member Author

Good idea! Thanks for the suggestion, Yuasa!

@adrienjoly adrienjoly moved this from 📥 Inbox / ideas to 📓 Backlog / To Do Next in Development Nov 3, 2018
@adrienjoly adrienjoly moved this from ⚡️To Do Next to 📥 Inbox / ideas in Development Nov 26, 2019
@adrienjoly adrienjoly moved this from 📥 Inbox / ideas to ⚡️To Do Next in Development Nov 28, 2020
@adrienjoly adrienjoly self-assigned this Nov 28, 2020
@adrienjoly adrienjoly moved this from ⚡️To Do Next to ⚙ In progress in Development Nov 28, 2020
@adrienjoly
Copy link
Member Author

We got only 2 replies to our call for "suggested users": https://www.facebook.com/groups/openwhyd/permalink/2791052064509668/ => let's remove that user suggestion feature used during the onboarding process.

Development automation moved this from ⚙ In progress to ✔️ Done / pending QA Nov 28, 2020
adrienjoly added a commit that referenced this issue Nov 28, 2020
Closes #163.

## Changes

- after signing up, new users are directly brought to their stream
- a "add a track" button was added at the top of the stream
- a "other recent tracks" link (to `/all`) was added at the top of the steam
- `/button` and `/bookmarklet` lead to the same page (from the onboarding process) => previous versions were removed
- featured users were added, for the welcome email
- bonus: speed up restart with docker-compose 

## Results

<img width="1280" alt="Capture d’écran 2020-11-28 à 17 02 08" src="https://user-images.githubusercontent.com/531781/100520443-ff6ea580-319d-11eb-8049-5d48e6a54050.png">

<img width="1280" alt="Capture d’écran 2020-11-28 à 17 19 11" src="https://user-images.githubusercontent.com/531781/100520425-ebc33f00-319d-11eb-986c-04faa575ac0d.png">

## ... instead of

<img width="1280" alt="Capture d’écran 2020-11-28 à 15 44 14" src="https://user-images.githubusercontent.com/531781/100520454-0bf2fe00-319e-11eb-9b18-593f3749afce.png">

[legacy bookmarklet chrome.pdf](https://github.com/openwhyd/openwhyd/files/5610884/legacy.bookmarklet.chrome.pdf)

[legacy bookmarklet firefox.pdf](https://github.com/openwhyd/openwhyd/files/5610885/legacy.bookmarklet.firefox.pdf)
adrienjoly pushed a commit that referenced this issue Nov 28, 2020
# [1.44.0](v1.43.1...v1.44.0) (2020-11-28)

### Features

* **onboarding:** Simplify onboarding process ([#409](#409)) ([ec40c7d](ec40c7d)), closes [#163](#163)
@adrienjoly adrienjoly moved this from ✔️ Done / pending QA to 🌲 In production in Development Nov 28, 2020
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
Development
  
🌲 In production
Development

Successfully merging a pull request may close this issue.

2 participants