Design review

[bradreeder]

Hey @nogainbar 👋

The team has asked whether before the start of the next sprint you'd be free to go through the flow and pages of their app and raise any design critique here. We're currently planning to start next Tuesday (28th March).

Feel free to discuss here. 😺

[nogainbar]

Hey @bradreeder and team! I would love that, shal we say monday, 12pm?

[RhodesPeter]

This is fine by me @nogainbar :)

[Jasminpatel1]

JP testing APP following first sprint on iPad:

1. Colour pallet – choice in colours
2. Font – could the writing be bigger and in bold?
3. ?Sliding functionality preferred over the ‘next & prev’ buttons? – ask service users during testing what they prefer
4. 1st page welcome to CAMHS: Lion to be centred
5. 2nd page choose your character: no character/pictures displayed / bank page
6. 3rd page: lion to be centred
7. 4th page how are you eating: tree to have scale with numbers
8. 4th page: banana is in a white box, and then changed to black when selected – to remove box
9. 4th page Eating question to not be the 1st question
10. 5th page how are you feeling today: only has three emotions – could there be more & writing: sad, happy, worried, angry, bored, calm?
11. 5th page: Is the banana needed here.. maybe distracting to the question
12. 5th page: Once the face is selected could this be enlarged for example?
13. 5th page: the ‘Next and Previous’ tabs are not on the page, also when the child chooses and clicks on the emotion it does not take you to the next page automatically.
14. 6th page: the balloons are hovering over the writing so the question cannot be read.
15. 6th page: balloons don’t pop.
16. 6th page: words be kept on the page once balloons are popped
17. 7th page: what are you interested in: to change to ‘what do you like doing?’
18. 7th page: to include pictures
19. ?7th page: maybe one line ‘other:….’ (to include space for ‘other/comments section’) –as service users
20. 7th page: to be able to select multiple and not just one box/interest
21. 7th page: once selected, to make the box appear brighter or bigger or have bold font or a more vibrant colour rather than yellow
22. 8th page: How well have you been sleeping?: to include on the scale: ‘Not at all’ to ‘Really well’
23. 8th page: Sleeping question – lion to have eyes closing and waking up
24. 9th page: Friends – perhaps change question to: ‘How are things with friends?
25. 9th page: Friends – include a happy and sad face scale (on either side of the line)
26. ?General comment: 9th page: Friends – change question? ‘what do you like and dislike to ‘comments’? or remove as it may be making it too complicated – ask service users during testing stage.
27. To include page: ‘How are things in my family?’
28. Include pictures of home, friendship, school etc
29. General comment: Response slower (moving to next page)
30. JP to send link to survey Monkey question – to add to last page

[skibinska]

I am sorry @nogainbar and @RhodesPeter but I am not available tomorrow - I am taking part in a one day React workshop (that's way I asked @RhodesPeter to start the second sprint on Tuesday).

[RhodesPeter]

@nogainbar - Could we do this at some time on Tuesday?

[nogainbar]

Hey all! Yeatuesday is actually much better. Mostly free all day, let me know a time! :)

[RhodesPeter]

Great thank you Noga. Apart from the sprint planning we will both be in all day Tuesday so we will find a time.

[RhodesPeter]

Peter's notes from the design review with @nogainbar:

• add link to avatar carousel images instead of using next and pre buttons.
• double tap to select avatar image?
• banana page - add arrows by the side of the tree that tell you to swipe up or down. Arrow animation with setTimeout() so that arrows only display for a couple of seconds?
• little narrative elements like the banana should all do something, like shake on tap.
• checkmark animation - Add validation to every page.
• animeJS library - A library that is free (unlike all of gsap tools)
• change fonts on SVGs (balloons) to outline rather than font (then they won’t change on different devices like they do now).
• have words from balloons fall to the bottom? or stack up at the bottom
• Re inflate balloons with words if you accidentally tap the wrong one.
• simple animation between pages - render 2 or 3 pages at a time rather than one? (one before one after) and animate between them.
• add function so that you can deselect the interests/hobbies words/drawings
• change button colour (to the darker turquoise colour)
• dotted text area instead of text lines ('what do you like about…' pages)
• Noun Project (icons)
• look into using patters in the background, low opacity.
• ways to make ‘how to do feel about…’ pages different?
• speak to Sohil about emailing a document to someone.
• progress bar (in between prev and next) - Materialise progress bar on the top? or greyed out and yellow stars which wouldn't require a library.
• Remove Flexbox from project as this may be causing the problems on Jasmin's iPad.