Interaction Design for VISA Code Table Management

I created interaction design for design projects based on business requirements documents including user cases documents with the client teams. Code Table Management project was one of these projects.

Background: The VISA data team asked our UX team to build wireframes based on their document of user cases. The wireframes need to show the flow of multifunctions such as login, search, filter, subscribe, request, approve request and manage users. Additionally, interfaces for different type of users including employees, data experts and admins are also required.

Challenges: The documents was not so clear for us since it included unfamiliar terms. Different type of users have different privileges and interfaces. Furthermore, the client team were even uncertain about some technology issues which will impact one flow of the design.

Strategy and Design: I reviewed the document carefully and discussed each case with the client team. I found some user cases are mixed whereas some others are unnecessarily separated. After clearing up the user cases, I created wireframes through Balsamiq Mockups. In addition, because of unsure technical issues, we created two possible flows for that user case. The following pictures were samples of the design.

Result: the client team were very happy about this cooperation.

Image 1: search results page

Image 2: adding filter page