- Email of the person completing the usability test
- The time it takes them to complete a task
- An array of the errors they made, if they made any as they completed the task
- Whether or not they successfully complete the task
Check out the tutorials (1| (https://medium.com/@gk3/give-your-framer-prototypes-a-better-memory-212b26e0f934)) by @gk3 to learn about using Parse and Framer together. In my opinion, they're some of the easier to follow tutorials I've seen for Framer.
##How to use with Framer Studio
- Create a new Framer project.
- Download and put
modulesfolder of your project.
index.htmlin the project.
abby = require "abby"at the top of your Framer code and
abby.init()at the end of your prototype's code.
You can also download the abby.framer project folder to skip some of the steps
Setting up Parse
- Create an App if you don't have one already within Framer
- Make a class named 'Person'
- Include the following columns to your table
- time - String
- email - String
- errors - Array
- success - Boolean
The data collected from your prototype will be submitted as rows into the same class. The downside of using Parse is that this prototype won't function offline.
- The intro screen that collects the email can and probably should be modified depending on your test.
- Make sure to place
abby.init()at the very end of your prototype code.
abby.logError('describe the error')on interactions to log the incorrect interactions they make while trying to complete the task.
abby.end()to end the prototype if they didn't complete the task (either use it at a deadend or put it on a timer and place
abby.success()within the interaction to mark when the task is completed.