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.
.png)
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
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.
.png)
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
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.
