Create survey banner on about:tor for desktop
Based off of the success of the pilot study ran in print form at the Stockholm Dev Meeting, we're planning to launch an online Tor Browser user survey (via LimeSurvey) in February. Recruitment will occur via mail lists and banners on about:tor on both desktop and Android – linking to the survey on survey.torproject.org.
If anyone has any feedback on the survey itself (which is totally welcome!) please add it to the following ticket: tpo/ux/research#11 (closed)
Timings
We'd like to include the banner in the 10.0.10 release on 23 Feb. The duration of the survey is not fixed and depends on the volume of responses, but it will run for 1 month at minimum. I'll create a new ticket whenever the survey is due to be closed and about:tor reverted.
Desktop mockup
The Figma file can be viewed here: https://www.figma.com/file/DQXHH0PD3Lcze7wVbSX1Eu/About-Tor?node-id=148%3A20
Copy
The copy is placeholder for now, pending feedback:
We’d love to get your feedback
We put our users at the center of our development process. You can help us improve Tor Browser by completing this short survey about your experience:
[Launch the Survey]
Assets
Here are the icon assets (to be displayed at 32x32px):
Banner properties
(You can use the Figma inspector with a free account too)
/* Banner */
width: 730px;
padding: 20px 25px 25px;
background: rgba(0, 0, 0, 0.3);
border-radius: 6px;
/* Text container */
width: 633px;
padding: 8px 0px 0px;
/* Text */
font-size: 15px;
line-height: normal;
color: #FFFFFF;
/* Heading */
font-weight: bold;
/* Link */
text-decoration: underline;
/* Link hover */
text-decoration: none;Also: there's ~15px of spacing between the icon and text container, and ~10px between each para of copy.
Let me know if you have any questions!