Mobile applications: wireframes, usability tests, and revisions

The fourth week of Rapid Ideation and Creative Problem-Solving (see last week’s post about the initial round of usability tests) included user testing, information architecture concept map iteration, and revised wireframes.

Usability Testing

I continued with Think Aloud Protocol for usability tests. The method evaluates the usability of an application by encouraging a person to think aloud as they use it. I was able to understand what they think as they go about a task and use that to decide design changes. As a person completes a function during the test, I provided one instruction, please keep talking. Unfortunately the results this week included more statements like, “I just have no idea what this means.”

Critical Incidents

The usability tests identified several incidents and areas for improvement. The three most critical incidents identified were: depositing a check; navigating the application with the tab and navigation bars; and customizing the home/dashboard. 

Findings

problem_depositing a check-01 Critical incident: customizing dashboardCritical incident: customizing dashboard

 

Information Architecture

I decided to relocate Deposit a Check from Move $ to Accounts, and to keep that section of the application from growing too complicated, I moved Rewards to Services (shaded grey in the below information architecture map).  I would like to compare results from the next round of usability tests with prior tests for best placement of Deposit a Check feature.

Information architecture_redesigned-3

Wireframes

The icons within the tab bar and navigation bar are critical since that is how people navigate the application. I curated three sets of images and look forward to testing with people in the coming week. I also experimented with gradients to improve the visual design

Tab and navigation bar icons

Dashboard customization

Wireframes: deposit a check (1 of 2)

Wireframes: deposit a check (2 of 2)

Next steps

I plan to spend more time observing mobile applications and how I interact with them as I continue to redesign the app. I will complete another round of usability tests and continue to develop additional screens (every single one!) for the application.