This project was making new functions for Formstack, a website empowers teams of all sizes to capture data and to perform research through the creation of surveys. It had already been strong in collecting datas but lack of powerful tool analyzing them. Therefore we were trying to make it easier for their customers getting to useful
findings.
Research
User Definition
Problem solvers who want to find out the
solution and reasons.
What did we learn about problem solving?
By reading many articles and interviewed lots of problem solvers around, we found two conclusive quote:
All of the reasons must come from observations and experiments
- Galileo Galilei
.....................hypothesis testing is one of the most important concepts... [if] you want to prove that your data is statistically significant and unlikely to have occurred by chance alone. In essence then,a hypothesis test is a test of significance.”
- San Jose State University Statistics Department

Insights
Persona
His challenge
There was a pervasive negative attitude within the company last quarter, so he wanted to know more about the satisfaction of his employees.
Due to his experience and previous research, he supposed the reason was long working periods every day, and he needs to do deeper research about this issue.
There was a pervasive negative attitude within the company last quarter, so he wanted to know more about the satisfaction of his employees.
Due to his experience and previous research, he supposed the reason was long working periods every day, and he needs to do deeper research about this issue.
Let's see how he get the reasons by Formstack Expectation.
Expectation Setting
When choosing a certain question, and click the Expectation button above, the left bar turns into expectation settings. For this example, Jack is caring abou the proportion of each option, so the initial numbers are equally devided into 20% for each. And they are shown by a pie chart.
Expectation Setting
Or he can just drag the line between two pies of the chart to adjust the number. If he wants to prevent from changing the neignboring category, he can lock it, and the clockwisely next category will adjust to the change instead.
Gray arrows in the prototype are indicating the mouse and line movements.
Analyzing Page
Now Jack has got enough data for his survey, and he is at the analyzing page with all data visualized. We are using the bar chart as an example here.
By clicking the Expectation pull down menu on the right, and choose show discrepancy, Jack can see the difference between obtained data and his expectation. Which will be presented at next page.
Comparing
The blue bars indicate the actual values exceed the expected values. They look like being penatrated by the thinner bars. The left side of blue bars are the expected value.
The red bars indicate the actual values are less than expected. The right side of red bars are expected values.
By the color, it is intrinsically to observe the discrepancy between reality and expectation.
My major contribution: Ideation, Prototype