CV+PORTFOLIO Telephone: 13811970293 Email: [email protected].

CV+PORTFOLIOTelephone: 13811970293 Email: [email protected]

CV+PORTFOLIOTelephone: 13811970293 Email: [email protected]

CURRICULUM VITAE01

CURRICULUM VITAE01

2009.6Bachelor’s Degree

2005.9

Beijing Institute of TechnologyIndustrial Design

2008.9Postgraduate

Recommendation as the First One of I.D. Department

2009.9Beijing Institute of TechnologyPostgraduate of Design

2009.2Beijing GeWuChuangDao Product

DesignPart-time Product Designer

2009.10

Beijing E-Made Product DesignProduct Design Intern

2010.2Microsoft ATC HSGUX Design Intern

NOW

2012.3

Master’s Degree

Education & Work Experience

CURRICULUM VITAE01

Present Amalga

360°

2008 2009 2010 2011 2012 2013 2014

Enterprise

Platform & Solutions

360 degree design language

estimate

estimate

exte nt

V2

A360

FOVEA

» Project: Amalga (2010.02-2010.04)» Project: ECIV (2010.09)» Style Exploration: Fovea (2010.02-2010.11)» Project: POC (2010.12-2011.02)» Project: Brusseles (Wave 1-Sprint 7)-Module: Clinical Summary (2011.04-2011.05)» Project: Brusseles (Wave 1-Sprint 8)-Module: Vital Signs (2011.05-2011.06)» Project: Brusseles (Wave 1-July Sprint)-Navigation: Module Launcher (2011.06-2011.07)» Project: Brusseles (Wave 1-July Sprint)-Module: Lab Viewer (2011.06-2011.07)» Project: Brusseles (Wave 1-Aug Sprint)-Accessibility (2011.07-2011.08)

2010.02

What I did in MS

CURRICULUM VITAE01

Responsibility

Research & analysis

Interaction concept design

Interaction specExperience

definition

Usability test

» Requirements analysis» Landscape analysis» Persona analysis» Scenario analysis

» Define design goal» Define experience brief

» Define key tasks» Define information architecture» Design Hierarchy /navigation» Define screen panes» Create wireframes» Test/Evaluation

» Flow chart (site map)» Wireframes» Description» Action tables

MAIN PROJECTS INVOLVED02

CURRICULUM VITAE01

Clinical Summary FrameworkThe Clinical Summary Framework (CSF) is designed to show the

summarized and critical medical records of patient in one page to help physician to make decision quickly and easily.

MAIN PROJECTS INVOLVED02 CLINICAL SUMMARY

FRAMEWORKRequirement Summary:Physicians need to read and compare medical records in one place according to their needs.

User Experience Goals:» I want to read and compare one patient’s medical record in one place» Let me help myself to choose what I want to see » Know who I am and bring the right content to me» Don’t make me think when I control the data.

Design Goals:

Layout Structur

e

Content Display

Content Setting

Customization

Personalization

Localization

» Content Size» Content Priority

Clinical Summary

Clinical Summary FrameworkThe Clinical Summary Framework (CSF) is designed to show the

summarized and critical medical records of patient in one page to help physician to make decision quickly and easily.


FRAMEWORK

Widgets

How to resizing widget heightHow to resizing columns

Reposition

Maximum view proposals

Ideation:


FRAMEWORK

Patient List Clinical SummaryPatient Chart

Vital Signs

Problem List

Lab …

Maximum View Mode

Settings

Navigation:

Module


FRAMEWORK

Widget Structure:» Title Row» Content Area

Information Hierarchy:» H1: Title, Subtitle, Max view Nav, Content area» H2:Setting

Widget Design:


FRAMEWORKRegular View:


FRAMEWORKMaximum View:


Vital Sign WidgetIn Vital Signs widget, we are including critical assessments that can be graphed and crucial to assist clinicians reaching care decisions. Organizations will select up to 6 key measurements to display in Vital Signs widget.

MAIN PROJECTS INVOLVED02VITAL SIGN WIDGETRequirement Summary:Physicians need to view critical vital sign assessments that is crucial to assist clinicians reaching care decisions.User Experience Goals:» I want to view and compare vital sign assessments easily» Let me help myself to choose what I want to see » Tell me important data, help me to make patient safe» Don’t make me think when I control the data.

Design Goals:

Layout Structur

e

Data Type

Display

Time Line

Legend

» Compare /view» Crowed data

Vital Signs Widget

Vital Sign WidgetIn Vital Signs widget, we are including critical assessments that can be graphed and crucial to assist clinicians reaching care decisions. Organizations will select up to 6 key measurements to display in Vital Signs widget.


Hover to see a single and sharper item

graph in composited view

Legend area

Click to see a single shaper item graph overlapping

Shape + color to

differentiate items

Transparency to make patient

safety

Ideation:

Time line Check/ uncheck to switch between composited and

single view

VITAL SIGN WIDGET

MAIN PROJECTS INVOLVED02Wireframe:

VITAL SIGN WIDGET

MAIN PROJECTS INVOLVED02Design Highlight:» Different shape stands for different item» Abnormal value stand out» Show the latest value» Check/uncheck to switch between composited and single» Hover to show the data view with a tooltip

VITAL SIGN WIDGET


Module LauncherTab Row and Module Launcher is a portal to launch modules, close modules, manage modules in patient chart. It is a navigation of patient chart.

MAIN PROJECTS INVOLVED02MODULE LAUNCHERRequirement Summary:Physicians need to find and manage modules easily.

User Experience Goals:» I want to launch the module I want easily» I want to manage modules easily» Let me help myself to choose what I want to see » Help me to make patient safe» Know who I am and bring the right content to me» Don’t make me think when I control the data.

Design Goals:

Opened Modules Display

Opened Modules

Management

Module Launcher Structure

All types of Modules

Management

» Information hierarchy» Patient Safety

Module Launcher

Module LauncherTab Row and Module Launcher is a portal to launch modules, close modules, manage modules in patient chart. It is a navigation of patient chart.


Logical relationship

Tab row

Module Launcher panel layout

All modules panel is

secondary information

Ideation:

MODULE LAUNCHER

How to arrange information hierarchy

MAIN PROJECTS INVOLVED02MODULE LAUNCHERWireframe:

MAIN PROJECTS INVOLVED02MODULE LAUNCHERVisual Effect


LabsThe Laboratory Module is designed to display and enable exploration of laboratory result data.

MAIN PROJECTS INVOLVED02LABS

Requirement Summary:Physicians need to view and analyze different type of Lab data.

User Experience Goals:» I want to view lab data fast and easily» I want to know what is the new data» Let me help myself to choose what I want to see » Help me to make patient safe» Know who I am and bring the right content to me» Don’t make me think when I control the data.

LabsThe Laboratory Module is designed to display and enable exploration of laboratory result data.


Information hierarchy:

Order info Categories Results Abnormal

flag

Reference range

Comments Specimen

timeResult time

Unit Status Data source

Graph trend Value trend Report

Primary Info

Secondary Info


Proposal B

Control area

Filters

Secondary info panel

Ideation:

LABS

Secondary Info

Status preview


Wireframe:


FoveaFovea is based on the new Microsoft-wide style called METRO that you can see now in Zune and Windows Phone 7. For FOVEA, we have taken METRO and extended it to the unique needs of healthcare, incorporating concerns of data density, data awareness, and patient safety.


FoveaFovea is based on the new Microsoft-wide style called METRO that you can see now in Zune and Windows Phone 7. For FOVEA, we have taken METRO and extended it to the unique needs of healthcare, incorporating concerns of data density, data awareness, and patient safety.

FOVEA

OTHER DESIGNS03


OTHER DESIGNS03

Product Design

OTHER DESIGNS03

Environmental Design

OTHER DESIGNS03Real Product

OTHER DESIGNS03

To View More Other Designs,Please Check My I.D. Portfolio.

All the other designs in another portfolio are designed in campus before I got bachelor’s degree.

THANKSTelephone: 13811970293 Email: [email protected]

FOR YOUR ATTENTION!

OTHER DESIGNS03

CV+PORTFOLIO Telephone: 13811970293 Email: [email protected].

Documents

Transcript of CV+PORTFOLIO Telephone: 13811970293 Email: [email protected].