Designed popup window for assist documents
Case A: Content page and navigation
Dynamically generate document title and bread-crumb from database
Reorganzie content layout
Help video (if available) popup link
Designed popup window for assist documents
Case B: combine video and text instruction
Addopted accordian style onto instruction contentProject
Learning Center Assist Interface
Client
Bank of New York
Multimedia Department
Date
2010.06.15
Skill
Interaction Design
Information Architecture
UI Design
Overview
Learnign Center is a section existing in a web application which help financial traders easily buy, sell, and monitor financial products. By doing search in [Learning Center] page, you'll see results for related documents which potentially provide the answer you're looking for. Once you click on any of the search results, you will see a popup window showing the content of the tutorial document in HTML form. My task in this project is to redesign the information architecture and create visual mockup for it.
Design Process
• Designed information architecture.
• Executed user test(A/B test).
• Revised information architecture.
• Created visual mockup, and styled the page with style guide.
• Executed user test(A/B test).
• Revised information architecture.
• Created visual mockup, and styled the page with style guide.








Social