site-kit-wp
site-kit-wp copied to clipboard
UX Improvements to the Thank with Google Splash Screens
Bug Description
While testing #5528 I had two observations that I feel need discussing with the UX team relating to Thank with Google.
This is related to the splash screen that appears when setting up the module.
The detail below applies to all of the different statuses, i.e. no account, pending approval etc.
- Interested to know opinions about the amount of white space between the title, description and button, to where the graphic is located. The graphic looks a little lost due to its size. A good example of how a splash page looks with text and image, have a look at the Storybook here where you can see that the image is bigger and there's less white space.
Note: I am testing this on Chrome, on a 14" MacBook Pro, with resolution of 1800 x 1169.
- For mobile, it's the opposite of point above. There's not enough white space, the graphic, title, description and button look quite compact and tested this on a few different iOS and Android devices. Also, the 'Connect Service' text looks a little lost at the top. We don't have any figma designs for mobile so would be good to get this looked over early on.
Screenshot for mobile
Do not alter or remove anything below. The following sections will be managed by moderators only.