site-kit-wp icon indicating copy to clipboard operation
site-kit-wp copied to clipboard

UX Improvements to the Thank with Google Splash Screens

Open wpdarren opened this issue 3 years ago • 0 comments

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.

  1. 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.

image.png

  1. 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

image.png


Do not alter or remove anything below. The following sections will be managed by moderators only.

Acceptance criteria

Implementation Brief

Test Coverage

QA Brief

Changelog entry

wpdarren avatar Jul 26 '22 13:07 wpdarren