WIP: User flow redesign

[markbao]

Redesign the user flow so a listing of the month's tea times in all cities (at /tea_times) is the central place where people will interact with the application.

Todo

• [x] New /tea_times page that displays tea times scheduled in the current month.
• [x] Homepage CTAs now go to /tea_times.
• [x] /tea_times is publicly viewable, and the CTAs for signing up for tea times will go to signup/login pages if not logged in.
• [x] If a user is not signed in when they select a tea time, the tea time they selected will be saved in the session and they will be redirected to it after signup/login.
• [x] If a user does not have a home city when they sign up for a tea time, their home city will be set to the home city of that tea time.
• [x] Users can select "Email me " on the /tea_times page.
• [x] Update links in navigation and user flow redirects
• [x] Add city selector to signup page
• [x] Auto-select city selector for signing up from tea time page

Waiting for

• [ ] Decide whether or not we want to remove city pages
• [x] /tea_times/123 page should be redesigned.
• [x] /tea_times page needs additional styling.
• [ ] Tea time list on host page: show only month, expand for future tea times?
• [ ] Determine what to do about next month's tea times (do we display them?)
• [ ] Determine if we need to change the tea times that city pages contain and any other changes to the other parts of the application.
  • [ ] Determine what to do about user profile pages for users who haven't set a home city (currently it's a big button that says "Set your home city" that goes to /cities)
• [ ] Determine if we show "past" tea times on /tea_times (probably not)

Copy (marked with COPYTODO)

• [x] views/tea_times/index.html.erb

Stuff for the future

• Consider putting full tea times toward the end of the list for a given city?

[coveralls]

Coverage decreased (-0.2%) to 90.584% when pulling d5c7ce815b7db04524d6a1aad3671c614d74d7f5 on mb/user-flow-redesign into 7df3a5dab6889101900a3f69416c15693403de3e on master.

[ankitshah811]

@markbao Misc q's —

If a user is not signed in when they select a tea time, the tea time they selected will be saved in the session and they will be redirected to it after signup/login.

Assuming this directs to http://www.teawithstrangers.com/signup. If user clicks link to go to http://www.teawithstrangers.com/signin from that page, does the ?redirect_to query hold? Or breaks

Users can select "Email me " on the /tea_times page.

Assuming this also redirects to Sign Up page?

Add city selector to signup page

At least, we want to wrap this selector in the drop down markdown/style used in settings page (see screenshot). If it's trivial, would love to use the Standard Select option here (https://harvesthq.github.io/chosen/) but with our styles.

Other:

"Sign up for a tea time" and "Join tea time" currently direct to home city page. Not sure what happens if no home city is selected. Regardless, these should point to /tea_times (And later, this page should get a little more love because it is not very smartly designed)

[ankitshah811]

Decide whether or not we want to remove city pages

Yes, remove them. Redirect all city page references to /tea_times

/tea_times/123 page should be redesigned.

Working on this now and will commit changes

/tea_times page needs additional styling.

WIP @me

Tea time list on host page: show only month, expand for future tea times?

Same logic as /tea_times

Determine what to do about next month's tea times (do we display them?)

Link to see next month's tea times. Will design into /tea_times

Determine if we need to change the tea times that city pages contain and any other changes to the other parts of the application.

Don't understand this. Can you clarify @markbao ?

Determine what to do about user profile pages for users who haven't set a home city (currently it's a big button that says "Set your home city" that goes to /cities)

Remove 'set home city' button. All CTAs should be to (1) register for tea time > (2) sign up so we can tell you about tea times next month

Determine if we show "past" tea times on /tea_times (probably not)

No. If I understand correctly, this PR is still showing past tea times, right? / This needs to be changed

Figure out what to do about the old user paths (e.g. what happens if they go directly to the signup page, sign up, and then select a home city, and go to their city page, etc.)

Redirect to /tea_times after signing up. Logging in should also redirect to /tea_times

[ankitshah811]

Update 05/29/18:

New tea time page design TODO @markbao :

• [x] Change style of city list to text-align:center; display: inline-block; and anchor link each city name (see design at bottom)
• [x] Double check that each city block in TT schedule is able to render more than 1 tea time (for some reason, I scheduled many TTs on my local db and couldn't get the localhost to show more than 1 tea time per city)

Ideal design for city anchor links:

To be done by AS 05/30/18:

• [x] Design /tea_times/123 page
  • [x] Append corresponding host profile to the tea time display on event page (i.e. a tea time page should also display a modified host profile on the same page)
  • [x] Adjust style of readonly form fields to make more obvious that they're un-editable
  • [ ] Ensure FB OG meta data is 👌
  • [ ] Add Share links
• [ ] Add permalinks to each tea time on /tea_times
• [x] Revise copy on Sign Up page
• [x] Hide Host Commitment block on sidebar of /profile for hosts (confusing atm, as we don't enforce this at all)
• Add Privacy Policy, TOS to site

@markbao TODO:

• [ ] Build unsubscribe UI to Account Settings
• [x] pending changes for new /tea_times/123 design
• [x] Eliminate tea_times/123 modals
• [x] Add Privacy Policy and TOS links to Footer and create empty pages for AS to populate

[ankitshah811]

New commit 05/31/18 06:34 PM: Incomplete /tea_times/123 page, but bulk of work done. Right 2/3 of the page will have a slightly modified host profile. Will attempt to build this out myself after 7:30pm PT. @markbao will message you if I am having trouble doing this alone.

Also I apologize for dirty SCSS and markup. Eventually this will be cleaned up. Rush job.

[ankitshah811]

Summary of TODOs:

Note: @markbao I'm reasonably confident you can use this comment as a final to do list for the June push. Also, unless indicated otherwise, these are all assigned to you. @nickbarnwell It would be very helpful if you could review this PR as soon as possible, as it would be ideal to push changes by the EOD Friday 06/01/18

Email UI

• [x] Create static pages for Privacy Policy and TOS, link at bottom of footer. Insert content from tos.html.erb and privacypolicy.html.erb
• [ ] Add email newsletter unsubscribe link / section to Account Settings. Clarify that deleting account is the only way to eliminate transactional emails.
• [ ] Provide link to documentation to use Sendgrid Email UI

Tea time flow

• [x] Adjust Jump to City section so each city is anchor-linked and in separate "pillbox" UI elements (see design in comment here)
• [x] (Ankit, after Mark) Confirm styles of Jump to City section
• [x] Double check that each city block in TT schedule is able to render more than 1 tea time (for some reason, I scheduled many TTs on my local db and couldn't get the localhost to show more than 1 tea time per city)
• [x] (Ankit) Add FB OG meta data to /tea_times/123 pages
• [ ] (Ankit) Add more prominent 'Sign up for email updates' button to /tea_times page
• [x] (Ankit) Add Share links to /tea_times/123 pages
• [x] Add permalinks to each tea time on /tea_times
• [x] (Ankit, after Mark) Style permalinks on /tea_times
• [x] Eliminate /tea_times/123 modals. Direct all links that triggered modals to the tea_times/123 page itself
• [x] Hide past tea times
• [x] Redirect users from /signup and /signin to /tea_times

Double checking

• [x] Ensure Ankit didn't break anything while creating the new tea time event pages (/tea_times/123) or styling /tea_times)
• [x] Confirm there are no CTAs to 'Set your home city'

Notes

• [x] Redirect all city page references to /tea_times
• [x] Apply tea time display logic from /tea_times to host profile pages
• [ ] If a quickfix, please take care of #738

To do later (nonurgent)

• [ ] Add link to toggle display next month's tea times