A single list to maintain various product information
Original layout made by development team
New simplified layout, seperate most importan info on the left, and the rest on the right
Important and frequently used task info
Symbols and text style to differetiate skipped/ done tasks
More task details and attachmentProject
Smart Workflow Task
Client
Bank of New York
Multimedia Department
Date
2010.05.01
Skill
User-Centered Design
Information Architecture
UI Design
Overview
Smart Workflow is a personal task management system that helps user easily manage work tasks for himself and among team members. The goal for me in this project is to redesign the information architecture of [Task Details] page, and style it with inherited style guide.
Design Process
• Created low fidelity mockup with pencil sketch.
• Executed user test.
• Created how fidelity mockup with Photoshop.
• Executed second round user test.
• Styled the page with style guide.
• Executed user test.
• Created how fidelity mockup with Photoshop.
• Executed second round user test.
• Styled the page with style guide.








Social