Design the interaction and UI for an iPhone trading application
Wireframe for mockup
Detail for wireframe
Review mockup and redesign wireframe
Create new mockup based on the results of user testProject
Trading Application- iPhone UI Design
Client
Bank of New York
User Experience Group
Date
2010.08.20
Skill
Interaction Design
Information Architecture
UI Design
Overview
Pershing created iPad application for traders to review their financial products info. In this project, my task is to redesign the user interface to make the application fit in an iPhone screen, while keeping the same functionality that is existing on an iPad.
Due to the big difference of screen size, the user cases between iPad & iPhone share only few common elements. Therefore, I started with a user research before proceed creating visual mockup.
Due to the big difference of screen size, the user cases between iPad & iPhone share only few common elements. Therefore, I started with a user research before proceed creating visual mockup.
Design Process
• Gather user requirements and define user cases.
• Design wireframe the key screens mockup.
• Executed user test and analysis.
• Revised mockup.
• Created visual mockup, and styled the key screens with iPhone style guide.
• Design wireframe the key screens mockup.
• Executed user test and analysis.
• Revised mockup.
• Created visual mockup, and styled the key screens with iPhone style guide.








Social