204 2023 12 06 previewing a question during creation

[christophercameron-ixd]

Preview

https://forms-prototypes-pr-208.herokuapp.com/

What

• Added new CTA design work from the Mural
  • this includes simplifying the save call to actions to be a single action
  • added the new next steps to the success banner (Add/Edit next question)
  • updated back links to show the page the user should be taken back to, reducing the likelihood of them just seeing “Back” without context
• Added new “Save and preview” button to “Check your question” page
• Added new “Preview question” page
  • includes a
    showing what the question will look like to the end user minus any back/continue interactions as per the new preview designs on Mural

Why

Designs implemented to align with where the development environment is with regards to the new CTA and back link work. This will allow us to test this when we test the new preview question page as part of the add/edit a question journey with users in the next round of research [TBC].

Still needs done

Once we have the content for each answer type for the preview question page, we will need to add this in. It will need to be implemented before testing.

[lfdebrux]

Works for me, looks cool too!

[christophercameron-ixd]

Works for me, looks cool too!

Amazing, thank you!

[hazalarpalikli]

I should have wrote the comment here, i had a look at this and it looks good to me @christophercameron-ixd

A couple of things I am not sure about though;

• When click "add guidance" it seems to be show up as a title in the preview option. See image below. Is this how it supposed to be?
• the link for the prototype doesn't seem to work for me, I assume the correct link needs to be this? https://forms-prototypes.herokuapp.com/
  

[christophercameron-ixd]

@hazalarpalikli I’m not sure what you mean that screenshot looks correct to me IF you added the “Guidance on the title” as the title and the “xoxoxo” as the Markdown?

And yeah once the PR has been merged the pr heroku URL will be removed from heroku

[hazalarpalikli]

@christophercameron-ixd ignore my last comment please, i am getting this mixed up with the 'preview guidance'.