Interaction design

 

GutCheck - Study Stimuli

For this feature I worked with our internal team of market researchers to help design a better way for them to manage images and stimuli used in consumer studies.

PROBLEM:

  • (User - InHouse Research Specialist) The current method of managing images and stimuli for consumer studies is tedious and prone to errors. We have to drill down into layers of DropBox folders for every image we use in study questions even if we're using the same image for several questions. There is also no quick way to preview the stimuli that are being used in questions to make sure we have the right images attached.

SOLUTION:

The GutCheck Media Library

I conducted user interviews with a few members of our internal team of market researchers. That confirmed the need for a quick, efficient way to attach multiple images to questions in studies. It was clear they needed to be able to use the same image across several questions without having to navigate to it individually every time. We also looked into some ways to allow quick QA of questions after they were created.

Working closely with the product manager and engineering team, I came up with a system that would fit into the existing design pattern and study building workflow. Adding a component called "Media Library" we gave researchers the ability to load all the images they would need for the study into the tool at once, or in stages. Images would be available for use without having to navigate layers of external folders.

Image stimuli would now be stored in the research tool, providing easy access for attaching them to (or removing from) questions in batches. 

I included small thumbnail indicators in the question list view that would allow the user to quickly view which questions had stimuli assigned. For quick QA, they could mouse-over the thumbnails to view a larger version of the image.

The rough Axure prototype can be seen here.

 


Ria Money Transfer - Staged Transactions

To expand quickly into a new international market we created a streamlined mobile only version of our existing money transfer site.

PROBLEM:

  • (User) I need a money transfer option that doesn't require standing in a separate line in a store or using a different vendor/retail agent altogether.
  • (Business) We need to establish brand presence in a new market with a digital product that's valuable to customers, and makes them aware of the Ria Money Transfer brand. This is the first phase of a full digital money transfer presence in country.

SOLUTION:

The Ria Money Transfer "Staged Transaction" 

Research showed that people were interested in the ability to "stage" transactions ahead of time, and then complete them as part of their regular in-store retail process. 

Using our established website pattern library and components I was able to quickly sketch out a responsive user flow that demonstrated the key pieces of functionality. The app allowed Ria's customers in Spain to easily set up a money transfer, and generate a barcode to scan at checkout to fulfill the transfer.

 These wireframes are what I created to begin the layout and design of the entry page of our staged money transfer product.

These wireframes are what I created to begin the layout and design of the entry page of our staged money transfer product.

 These wireframes show potential dashboard view for staged transaction customers.

These wireframes show potential dashboard view for staged transaction customers.

Screens below detail some of the functionality that users experience from registration, to syncing with previous transfers done in Ria stores, to the final barcode output. (The site is in both English and Spanish.)

Staged-Transaction-User-Interface