cast-fuse / action-for-children Goto Github PK

Hi Ivan. Not sure how much time you have, but just spoken to Rachael... if you have time, here are a few things we'd like to work through on the test site. In order or priority, realise they won't all be possible for tomorrow!

Grab us on Slack if you'd prefer to chat through.

Copy tweaks

Homepage:

1. Typo in last sentence in header on homepage, first word should be "They" (my bad)
2. Change 'Start a conversation' to 'Ask a question'
3. Change copy below 'Start a conversation' to 'You can arrange catch-ups with your parenting expert after you've spoken to them.'

Chat page:

1. Change 'Arrange a call' to to 'Speak to us on the phone', and move this above the "code" paragraph
2. Change button to read: 'Arrange a call'
3. Change "Come back here any time to continue the conversation" to "To speak with your parenting expert again, make a note of this code. You can use it here or if you phone us later."... then display the code in bold below the sentence

Design tweaks

1. On chat page, can we make the 'Arrange a call' button to be in the same style as the homepage buttons?
2. Confirmation page for call me back: Can we make this a separate page, with just sub-heading sized text, centred, reading: "We'll text you to arrange a call, we aim to be in touch within 24 hours"

Nice to haves

1. On the homepage, can we add 50px (ish) padding to the bottom of the page
2. On the homepage intro panel, can we increase the line height of subheadings to 1.4
3. Can we change the max width of the .gray text on the homepage panels to 80%, and centre them, and increase line height to 1.5 and bottom margin to 25px

We need to user-facing landing page welcoming users to the site.

As a local coordinator I need to see everything that a FSW can see

As a parent I want to leave a message if no FSW is online

@rachaeltownley @andrewsprinz @ToriCAST

We need to have some way of saving users so they can login on a different device, we can then boot the intercom widget with the user information so they have the same chat history.

Do you think we could have a signup / login form when the user clicks the "ask your question" button? We can keep them logged in via a session so this would only need to happen once / after the cookie expires

Hiya, a lot of my issues/requests are about more Intercom investigations. Will you need a new Intercom account? If so, let me know and I'll set one up :)

Ensure that the prompt for email/SMS always appears (if no reply from FSW for a minute?)

As a FSW I need to see a list of follow up requests, and to be able to book them with parents

As a parent I want to receive a text message with available times after requesting a callback

Here are the initial mockup of screens based on user stories -

Service Blueprint.pdf

when a user is logged in if they visit the landing page they should be redirected to their chat.

andrews - "just chatted about it, think it’d be good if it auto redirected to the ‘chat’ page if someone is logged in, if that can work?"

We need to:

• - decide on technology stack and set up app skeleton
• - set up CI
• - set up Github (production and staging environments)
• - set up automatic deployment with Heroku

For the FSW to be able to do on the user's profile in the back end of Intercom

Hi @andrewsprinz, @rachaeltownley. Andrew and I set up an Intercom test app last week to run our automated tests on (rather than spamming live app). It basically mirrors the live app except the data is kept separate. It may be good to use this for staging site and initial user testing, to keep live app decluttered until it goes live. What do you guys think?

As a parent I want the ability to ask someone to check in on me after my initial call

research features of intercom

• how to render a live chat
• callbacks
• notes
• coversation history
• embedding contact form

@andrewMacmurray @ivanmauricio

How easy would it be to make some changes to the heroku site? I'll send through designs/suggestions and could you let me know whether you could do them? (Ideally by the end of tomorrow but realise that it SUPER short notice)

On the 'chat' screen (once you've clicked talk to an expert) could you please change the text below the arrange a call button:

Speak to us again

To speak to the same parenting expert again and carry on your conversations, make a note of this code. You can use the code for online chat or on the phone.

Thanks :)

@andrewsprinz @rachaeltownley should we any of the fields as required on the callback page?

currently we have

• time of day
• day
• topic
• phone number

We definitely need phone number as required (otherwise they wouldn't be contactable!). We could have the any option as selected by default? Or maybe we could assume any if the user doesn't click on anything. What about the time of day and description?

How much is the paid for tier of Heroku? Is it a monthly or one off cost? Thanks :)

We need to -

• Add script to app layout
• Make sure identity verification is set up correctly (https://docs.intercom.com/configure-intercom-for-your-product-or-site/staying-secure/enable-identity-verification-on-your-web-product)
• Deploy to heroku

Need to find out what needs to happen with conversation recording.

need to send the user's preferred callback time as a message to intercom via the intercom api

As a parent with an extreme need I want to be signposted to immediate help

As a FSW I need to see the contact details of any parent who has contacted me

@ToriCAST @rachaeltownley @andrewsprinz @suninthesky

So @ivanmauricio and I started some research yesterday on intercom, it's an amazing service and the admin dashboard looks like the perfect thing for the ACT service.

However, the user facing (i.e. the parents using the service) side on intercom is built to appear as a widget on a website or app and not as an integral part of the user interface. We've had a dig around in the docs and there are very limited options on customising the UI.

There are a couple of different potential solutions to this:

1. We use the intercom API to grab data and render a custom UI. This is a very big technical overhead as we'd have to effectively re-make a lot of the features the intercom widget has out of the box.

2. We hack the styling of the intercom widget to make it look like it's part of the page.

3. We redesign the UI around the widget interface

Option 1 would be potentially more reliable long term but from an initial look at the docs I think this would be quite a big and potentially risky technical challenge (one that intercom recommends not doing https://developers.intercom.com/v2.0/docs/integration-guidelines). I'm not even sure we could pull it off in the time we've got (I know we can get data from the intercom api but I'm not sure how live chat would work - I don't think they have a public websocket we can connect to)

Option 2 would be less reliable long term (the styling might break later on) but I think this would be a much better solution for the prototype, we'd have all the existing features from the intercom widget but it would appear more part of the UI

Option 3 is the most reliable and easiest to implement but we'd sacrifice the UI design for this. Personally I think this isn't appropriate for the product as the chat is the main focus of the service and having it in the bottom right corner implies that's it's an "add on" rather than an integral part.

My personal recommendation would be a mixture of option 2 & 3, hacking the css to make the widget fit into our UI but adapt some of the intercom UI around our existing designs - i.e. it would look a little more "intercom like" but would look like a core part of our UI.

@ivanmauricio @suninthesky do you have any thoughts on this?

Have no experience with Elm, but if you guys are busy doing more important things, I'm happy to jump in and tweak the stylesheets then submit a PR.

Otherwise, stuff to fiddle with:

1. Homepage banner image (see attached)
2. Can we do a very simple mobile version, which essentially reflows the two column areas into one column, or in the case of the homepage banner, just removes the background image and makes the text full width?
3. On desktop / tablet can we centre the site context, max width it around 1000px or 90% of the viewport (whatever works, not sure how your grid system works)

As a FSW I need the ability to leave notes about, or transcripts of, a conversation

As a parent I want to chat live to a FSW

UI for arranging call back from FSW

https://action-for-children-staging.herokuapp.com/

Rachael will share the GA code.

Is there any basic Intercom GA event tracking?

As a parent I want to see my conversation history

render the landing page

As a FSW I need to see a list of parents who have had conversations with me

Hi @ivanmauricio can you please change the logo on the site? We don't want the feedback/thoughts from the internal stakeholders to focus on the logo not being right :( as much as the one we've got on there looks better!! Attached (hopefully) is the logo to use instead.

As a parent I want to receive an email notification when a FSW responds if I leave a message when they're offline

As a parent I want to be able to request a call back

As a FSW I need to see the conversation history for each parent I have spoken with