Exercise: Changing Input Mechanisms

15 Minutes.

We'll explore Converter_v3. We'll do this together, mics / cameras on, talking.

Exercise: Input field vs Numeric Input field

5 minutes

Pick the radio button for "Numeric Field" to see two inputs;

• the one above is a standard free input field, and has an event that updates on keyUp
• the one below is a standard numeric input, and has an event that updates onenter.

Both are connected to the same processing code – and the result returned by that code is put below the relevant input.

Play with the two – how do you feel about the difference. How is your exploration affected? Are there limits to what you can do? New techniques?

Exercise: Input field vs Slider

5 minutes

Pick the radio button for "Slider" to switch the numeric input for a simple slider.

• the one above is a standard free input field, and has an event that updates on keyUp (as before)
• the one below is a simple, standard range input (slider) and has an event that updates oninput.

Play with the two – how do you feel about the difference. How is your exploration affected? Are there limits to what you can do? New techniques?

Debrief

5 minutes

Consider speed, precision and carelessness, opportunity and restriction, action and observation. Recall that you're interacting with the same code, whatever the interface.

Identify differences in your interactions with the system under test in the three circumstances.

Identify ways that the different interfaces have affected this exploration.