...
- Waited carefully on the loading screen
- Picked Flour Cafe correctly, did not wait much for other options
- Instead of spinning the design wheel, click clicked the food item and expected it to change
- Was confused, but then realised realized spinning would make it change
- Played around with the spinning for a bit, but more out of confusion than exploration
- Expected the food item to go to the middle when clicked
- The tag-tip helped him move to Moved the tags to the center with some hesitation; was surprised when the tag moved to the top of the page.
- Got the gluten-free filter correct
- Removed the tags with ease, and could scroll once the wheel was learned to read the ingredients
- Passed all the tasks
User 2
- Waited appropriately for the loading
- Liked the big affordance of the spinner for loading
- Got the task for the GPS error correct (we simulated a GPS error here) by typing "Flour" into the keyboard
- Liked Likes the wheel aesthetically as a metaphor
- Finds the wheel confusing
- Found the wheel confusing - was not sure what to do with it.
- Eventually, realized that turning the wheel could result in the correct item appearing.
- Was not Not sure what the center can do (tags have to be dragged here, or should the food item change, or both?)
- Liked the ability of filters to adjust food preferences
- Removed tags quickly and found the portabello mushroom
- Passed all the tasks
User 3
- Did not understand the general spinning/loading screen
- Could not figure out the type of restaurant
- Dragged the tags naturally (said was possible without looking at the tool tip)- the first user to easily do so
- Was surprised by the move of the tags to the top
- Was able to remove filter successfully
- Not sure about the wheel click, but was certain of the wheel selection because of the provided downarrow
- Was the fastest out of all 3 users, though it looked like he was waiting for some more detail to pop-up
- Passed all the tasks
Prototype Iteration
...
For our first prototype, we used drag-and-drop tags to filter the menu. We felt this was also a risk because it isn’t widely used by many interfaces. Unlike the scroll wheel, however, users appreciated this feature. We made several changes throughout our testing. In our first iteration, we had the tags jump from one part of the screen to another when the user clicked or dragged the tag. Most users just clicked the tags; no one most did not know whether to drag it or not. We realized that we could better utilize our screen space since users didn’t expect the tags to move. For our second iteration, we tried leaving the tags in the same spot but just adding an x next to the tags in use, and telling the users that the tags changed color. Users found this confusing, so we decided that it would be better to have the tags move to the top of the screen. We also originally had a tooltip to inform the user that the tags were for filtering, but users in the first iteration told us that this was pretty intuitive, so we removed the tooltip for the second iteration.
...