1 of 21

Push to social

Survey Experience

2 of 21

Different patterns

Video before question text

Current experience

When a video is enabled in this question type, the video will appear before the question text, which is not the most common use for this kind of element in other question types.

For a better narrative it is important that the question is the first thing we see, otherwise it would look like the video is standing alone, specially in a page with more that one question.

3 of 21

Different patterns

Alignment issues

Current experience

Order of elements

Currently most of the elements are left aligned except by he “share to social media” element, making hard to follow the readability.

It would be more consistent with narrative purposes the following order of the elements (in an stressed case)

  1. Question text
  2. Video
  3. Rating
  4. Comment/review
  5. Sharing

4 of 21

Current layout issues

Problem

Alternative version

Alongside with other issues in this question layout, there’s this text label right beside of the star rating that we use in other question types (Star rating, basic matrix) in order to list other elements under the same rating.

That’s not the case of this question type since we only require one rating.

Having the text label and the star rating at the same level can bring us spacing issues, if the survey author requires mores space for the text resulting in a clash with the layout and making it harder to read.

5 of 21

Provide a level exclusive for rating text

Solution

Alternative version

By assigning an exclusive level of text we get the following benefits.:

  • An exclusive space to write a text as long as the survey author wants that will not mess up with the question layout.
  • When a video or image are enabled, this will avoid using an extra settings to relocate the media item since by default we’ll get a text coming after the media element.
  • It follows the same layout that it would have in a mobile device.

6 of 21

Without video

7 of 21

Video enabled

8 of 21

Complete flow

(No video enabled)

9 of 21

Default

10 of 21

Just request comment

11 of 21

Request comment & share

12 of 21

Just request sharing

13 of 21

Complete flow

(Video enabled)

14 of 21

Default

15 of 21

Just request comment

16 of 21

Request comment & share

17 of 21

Just request sharing

18 of 21

Survey Builder

19 of 21

Default

20 of 21

Stressed case scenario

21 of 21

Thank you!

#ft-msga