Layout

Refiner offers the same type of survey experience across all delivery methods. Depending on the delivery method (e.g. web app survey) and the client device (desktop or mobile), slightly different survey layout options are available as described below.

All layout options are part of themes. A theme holds a placement for web surveys and one for mobile app surveys, and each survey uses the placement that matches its delivery method.

In-App Placement

Web App Surveys

Web App Surveys can have different layout options when viewed on a desktop or tablet device. Which layout you choose for your survey has not just an impact on the user experience, but might also impact survey response rates. As a rule of thumb: the more intrusive and visible a survey is (e.g. centered layout), the higher the response rates.

The following options are available for Web App Surveys on Desktop clients:

Top left, Top centered, Top right
Bottom left, Bottom Centered, Bottom right
Modal
Top Banner, Bottom Banner

On mobile devices, popup surveys are displayed with a bottom slide-in on mobile devices.

Below you’ll see a screenshot of some popular options.

Another popular choice are centered surveys with a backdrop overlay.

Lastly, you can also use our banner layout to make use of the entire screen.

When viewed on a mobile device, Web-app Surveys are always displayed bottom centered to ensure a good user experience.

Mobile App Surveys

Native mobile app surveys launched with our Mobile SDKs can be displayed as Bottom Slide-in or in Fullscreen mode.

Backdrop

Web App Surveys with the Modal layout and Mobile App Surveys displayed as Bottom Slide-in are shown with a backdrop overlay. By default, Refiner uses a standard backdrop. Switch to a custom backdrop to choose its color and transparency, and to decide whether clicking on the backdrop closes the survey or keeps it open.

Corner Radius

To better match the style of your application, you can choose between rounded or straight corner style.