The Circumplex Affect Assesment Tool
The circumplex affect assessment tool (CAAT) is a simple, self-assessment control, built upon Robert Plutchik's Circumplex Model of human emotions.
It has been conceived as a widget, a drop-down list inspired control, dedicated to the selection of emotions; once expanded, the widget presents users with an interface that allows them to browse through Plutchik's set of Primary Emotions and choose one or two that best express their emotional state or reaction towards a stimulus.
The tool has been presented in a CHI 2013 Extended Abstract (CAAT: a Discrete Approach to Emotion Assessment) and in a UIST 2015 full paper (On Sounder Ground: CAAT, a Viable Widget for Affective Reaction Assessment).
If you are interested in the topic or looking for more information about the CAAT, we encourage you to read the papers.
The tool can be downloaded in the Downloads section.
Any feelings on the image above? Tell us:
This implementation is an extension to jQuery, and requires an HTML5 compatible browser, with canvas support.
The current implementation has the following dependencies:
- jQuery 1.9.0 (or newer)
- jQuery UI 1.10.3 (or newer)
Note: the library versions above were the ones used to develop the tool. Older versions have not been tested.
This implementation has been tested in the following browsers:
- Firefox 21.0
- Internet Explorer 10
- Safari 5.1.7
- Chrome 27.0
This section contains instructions and examples on how to use this implementation and operate with the CAAT instances.
1. Markup example
Below is a simple, fully working example on how to use CAAT in a simple webpage with a single CAAT instance.
The code above will render a CAAT instance like so:
2. Positioning and sizing
We can, however, do some styling on the widget (restricted to position and size). For instance, the following code...
The openSide attribute is currently the only accepted parameter and corresponds to the length of the side of the CAAT, once expanded (it's a square, so there is no need to differentiate between height and width).
3. Submitting results
If you want to submit the selection result to your server, just add a name attribute to the element. The widget will submit 4 values, named by prefixing the value with the name you've choosen for that particular CAAT instance.
For example, the widget created by this markup...
...will submit these values:
- (STRING) caat_element_example_emotion1: the first selected emotion.
- (STRING) caat_element_example_emotion2: the second selected emotion.
- (DECIMAL) caat_element_example_valence: the selection's valence score.
- (DECIMAL) caat_element_example_arousal: the selection's arousal score.
Note: you can find more information about these values on the papers.
4. Enhancing interactivity
This implementation has the following callbacks implemented:
- onOpen: this callback will be called when the CAAT instance is opened (expanded).
- onClose: called when the instance is closed (collapsed).
- onChange: called whenever the user makes a change on his current emotion selection.
Here is the markup and a CAAT instance with all of it's callbacks binded:
4.2. Public methods (CAAT output)
Also, we have exposed the following methods:
- getSelection: returns an object containing the instance's current selection.
- toString: returns a string representation of the CAAT instance.
And here is an example of calling the public methods methods on a CAAT instance:
- To view the output, select your emotions in the CAAT below and press one of the buttons:
5. Bugs and suggestions
For bug reporting or suggestions, feel free to contact me at email@example.com.
|Bruno Cardoso||Osvaldo Santos||Teresa Romão||Nuno Correia|
This work has been funded by the Fundação para a Ciência e Tecnologia (FCT/MEC) through grant SFRH/BD/73177/2010 and CITI (Pest-OE/EEI/UI0527/2011).
And, finally, thank you for your interest!
- Cardoso, B., Santos, O. and Romão, T. 2015. On Sounder Ground: CAAT, a Viable Widget for Affective Reaction Assessment. In Proceedings of the 28th Annual ACM Symposium on User Interface Software & Technology (UIST '15). ACM, New York, NY, USA, 501-510.
- Cardoso, B., Romão, T. and Correia, N. 2013. CAAT – A Discrete Approach to Emotion Assessment. In CHI ’13 Extended Abstracts on Human Factors in Computing Systems (CHI EA '13). ACM, New York, NY, USA, 1047-1052.
- Plutchik, R. The Nature of Emotions. American Scientist, vol. 89 (2001), 344-350