1. My Portfolio 1
Work Samples
September 2012
Prepared by:
Siddharth Ghule

2. Project Name
Cart and Checkout

3. Shopping Cart Design Cart and Checkout

4. Checkout Design Cart and Checkout

5. Thank You page Design Cart and Checkout

6. Project Name
Buy a Look

7. Product Page Buy a Look

8. Project Name
Quickpick

9. Catalog Page Quickpick

10. Catalog Page Quickpick

11. Project Name
COMPASS

12. Competitive analysis (Best of breed audit) COMPASS
Criteria for Audit:
Navigation Representation of Data Efficiency & Flexibility Interaction

13. User Profiling COMPASS
Purpose of user profiling:
To create precise definitions of user groups
where the basis of distinction between each
user group becomes a valuable distinction for
DESIGN purposes

14. User Goals COMPASS
User goals
To define who has what goals in
order to validate the distinctions between
user groups and to place tasks in context of
goals.

15. High level process and task flow COMPASS

16. Detailed task flow (Activity diagram) COMPASS

17. High level design (Low Fidelity Wireframes) COMPASS
Concepts exploring Navigation and features
(Information architecture)

18. Detailed design (High Fidelity Wireframes) COMPASS

19. Functional specification (Development support) COMPASS

20. Project Name
PROFIT VIEWER

21. Which problem to handle? PROFIT VIEWER
Tree map
Area represents the rate of change of
variable Color key Violating soft limit
Normal
Color indicates weather the variable is
Violating limit
reaching the constrains or has crossed the
limit
High rate of change of variable X Variable reaching
limit = means variable need attention
“Can you figure out what all variable needs attention ?”
T01a_ctl
Sample TK
Demethanizer
Pressure ISRX_CTL1
t01b_ctl
NOVA_SIM
t01c_ctl
T01c_opt ISRX_CTL2
NOVA_SIM_09 T02c_opt2

22. How can I solve the problem? PROFIT VIEWER
Bullseye view
Distance from the center corresponds to:
how strongly a particular variable will
effect the another variable at the center.
More the distance of a variable from the Center
Variable (at the center of the bullseye): greater is the
effect.
These CV will most effect
the CV1.
CV1
These CV will least effect
the CV1.

23. Snapshot view of the whole system PROFIT VIEWER
Spider chart
By seeing the shape of the system one can
make out health of the system. One can
visualize the variance from the ideal
condition very easily
Present value of CV
Optimum value All the CVs at the
optimum value. (ideal
CV1 CV1
condition)
CV12 CV2 CV12 CV2
Higher limit
CV11 CV3 CV11 CV3
CV10 CV4 CV10 CV4
lower limit
CV9 CV5 CV9 CV5
CV8 CV6 CV8 CV6
CV7 CV7
When the system is not In ideal condition
in optimized condition

24. Personalization and Customization PROFIT VIEWER
Themes
Situational themes: User can customize Application view themes: User can
and save the layouts and settings as customize and save the layouts and
different themes for different conditions settings as different themes for different
and different problems parts of the plants
Situational Theme: Application theme:
Situation: boiler is down Applications: Reactor and boiler

25. How to analyze the data PROFIT VIEWER
Trends
Users can plot multiple trends in same
window so that they can compare the
different variables, which will help them to
take vital decisions

26. Strategy and Intentions PROFIT VIEWER
Generally the operators don’t have to keep track of
Layer 2 all the variable. Generally there are some key
Drag Drop variables that he need to keep an eye on. Apart
from the general health of some of the variable.
Layer 1 The current PSOS segregate the variables
(Core layer)
according to the plant model and treat all the
variables as equal. There is no tool that can map
the requirement of the operators monitoring
Drag Drop Layer 3 predominantly some of important variables.
This tool is to provide the operators with a space
The Grid that can map to their mental and task models.
Area = Information visible
User can drag and drop a particular
Variable into the area and increase or
decrease the cell space for that particular
variable to view more or less information
related to the variable.
The information related to a particular
variable will be in layered form. More
layers will be revealed when more space is
allocated for a particular variable.
Level 1 Level 2 Level 3
MV 7 SS
7 MV HI 1270
MV Index: 7 X
7
Description: Regen
Bed Temp SS LO 230
Status: GOOD
Value: 1270 G SP 1300
LO Limit: 0
HI Limit: 1270
Setpoint: 1330

27. UI Design using ASM Guidelines PROFIT VIEWER

28. Detail Design PROFIT VIEWER