Ask & Answer

Date
November 2020

Timeline
1 Month

Role
UX/UI Design

Creating surveys is an important component to many different types of research. Creating a survey is simple, with plenty of platforms to help you do so. Getting that survey to your target demographics however can be challenging, especially when you’re doing research for school, a small business, or just because you’re curious.

Google Forms | Survey Maker

Pros: Easy to create survey / simple interface / comprehensive data overview

Cons: Distribution for surveys not present / no AI generated insights

Qualtrics | Survey Maker and Distributor

Pros: Survey creation provides a lot of customization / Option to send to target demographics with Online Panel

Cons: Online Panel only available to paying customers / Best for businesses and academics

Survey Subreddits and Social Media | Survey Distributor

Pros: Publish the surveys you make in other services / Access to people willing to take your survey

Cons: Can’t specify demographics well / Only available to the demographics you know (social media) or to specific Reddit users

Competitive Analysis

To start, I looked at what services were already offered in survey creation, survey distribution, or both, in order to determine what features were consistent and what features were missing from the market.

What’s Missing?

After looking at what survey solutions are available, it was clear the market lacked a survey platform that allows average and low budget users - students and small businesses - to specify highly specific demographics and distributes the survey accordingly.

Ky | 26 | Game Designer

Ky is designing a game for the American market and needs a way to access a large sample size of Americans easily from France. Ky has also looked for ways to send their game to people who enjoy playing video games in their free time but accessing that specific a group from across an ocean has been difficult.

Information Architecture / User Flows

Next I set up the information Architecture for the website considering all of the key features I wanted to include. Afterwards I ran through the site with each persona to get a better understanding for how different people would navigate the site.

Wireframes and Grid

After the research phase, I went into sketching and basic wireframing. After deciding to keep vertical bars on each side of the screen to represent each side of the site and to implement navigation into, I divided the remaining space into a grid of 12, allowing me to divide it further by 2 or 3.

User Testing

User tests were conducted with low fidelity prototypes in order to test usability and intuitive of the wireframes and the information architecture. The tests were conducted by giving the user a set of tasks and monitoring how they used the site and any problem areas that occurred.

Take Survey Insights

While testing users taking surveys I noticed that some of the initial icons I had used were not as clear as I had thought. I also realized that the site needed a save and quit option and the ability for the user to skip a question and come back later.

Create Survey Insights

While testing users creating surveys I noticed that users instinctively chose to take another survey for points even though they already had enough for a survey. I also saw that people wanted to know where they were in the 4 step process and how many steps there were before starting to create the survey. During the user testing, it became clear that they needed another step to set basic survey information like the name and description.

Design

After making the appropriate changes to the wireframes and tweaking the designs of some of the pages to be more consistent, I added color to bring it to a higher fidelity.

717DFC

FFBC49

F0F0F0

FFBC49

FFFFFF

D4D4D4

Playfair Display
ABCDEJGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz

Poppins
ABCDEJGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz

Ask

Answer

Optimizing for Mobile

After my initial goal was complete and the web app was done, I wanted to give the users the same experience on mobile as they do on desktop.

Takeaway

This was the first time I have given myself one month to complete a project beginning to end, so time management was crucial. The process of strictly planning out my tasks in advance allowed me to much more easily stay on top of tasks and make sure each step of the design process was getting done at the appropriate time.