High Fidelity Prototype Testing (and v2.0)

As we’re using an iterative approach to design we performed yet another round of testing with users to gather feedback about the design. With each round of feedback we have found it rather interesting to observe the various points that people have identified with the prototypes with problems noted become increasingly specific and fine-grained. Hopefully this means we are on track with our design and that the eventual product will be a highly usable app.

The noted issues in the version were mainly in specific UI elements that behaved differently than expected or indicated something that they weren’t intended to do. They included the following:

  •  The indicators on the new change members section which showed green for a currently active shopping member and red for an inactive member were found to be confusing for some users with them being interpreted as indicating the suitable
  • When tapping on some buttons (the Foodgies Family button on the main menu in particular) the animation showed a “slide right” animation which gave a false impression of the order of action since it looks like the app is going back instead of forwards to a new screen. This was disorienting some users
  • On the select members screen at the start of the shopping trip, though the checkboxes could be tapped to add/remove members, users found they couldn’t tap on the names of members to perform these actions

To resolve these issues the second version of the high fidelity was modified to include the following:

  • The change member indicator were changed to show a green ringed circle with a white background for active and grey for inactive
  • The animations for various screen transitions were modified to wipe in the direction that better made sense in terms of the app’s overall hierarchy
  • The names on the member select screen now perform the same function as the checkboxes when adding and removing members from a shopping session

The updated (and likely final version) of the prototype can be found at the same link as before which https://marvelapp.com/49ihb5j/

 

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s