Sunday, February 10, 2013

Designing a Portlet to enhance user experience



Users are tired of wasting time by navigating to and from different sources. At the same time, they want the information to be organized so that it was not overloaded. To solve this, I have designed a Manager Analytics portlet with the help of Ramco’s PDK (Portal Developmental Kit) tool. Portlets are visual representation of data; usually role based i.e. if a manager signed in then it will show what is relevant for the manager. If I’m looking at a coworker it will give me the basic details. In this Manager Analytics portlet, I have designed it to show the career development, Behavioral Appraisal, Succession Planning in a single glance.


Portlets have many rich features to design the best user experience ever. Let me explain with behavioral appraisal which shows the 360 degree view, comparison view of last 5 appraisal, top behaviors exhibited by employees and training development plan.


In designing this behavior appraisal portlet, I have used tab navigator, image list, charts, transparent grid, link, text and label. With the image list control all the appraisers are listed with photos and a label. It will automatically enable a scrollbar when there are more images to display than the available space. Then moving on to charts there are several type of charts available and I have used bar chart, radar chart, and line chart. Bar chart is used to illustrate a set of data in a way that is as easy to understand as it is simple to read here, I have used this chart for top behavior exhibited. Radar chart are useful way to display multivariate observations with arbitrary number of variables, In this case I have used the radar chart for 360 degree appraisal; Line chart which displays information as a series of data points connected by straight line segment, I have used this line chart for showing the behavior trend for the past 5 appraisals. This would visually excite the users and give them the required information at a glance.

No comments: