1

habari Raje User Experience Design

2

Welcome to my portfolio

I am a interaction designer constantly exploring the fusion of technology with human experience. The following pages exhibit projects which I was an integral part of during my tenure at Human Factors International. All projects were driven by user centered design based on the SW- method. (HFI patent)

Project Index

Social Networking Site ……………………………………………….3 - 5

Human Capital Management Product Suite………………..….8 - 16

Web-share Application ………………………………………..……6 - 7

Credit card call center information system………………….…17 - 19

The concept of “Word of Mouth” marketing had to be leveraged on the company sponsored community site to create excitement and buzz about new products.We had to redesign this site to excite users about products, issues and applications launched on the community site.

A new product demo was to be build by merging two existing systems, knowledge management and online communications tool. Our project was to conceptualize and exhibit the new application.

A year long effort to revamp the entire product suite of a human capital management system. These products document, monitor and analyze the entire lifecycle of an employee. The goal was to redesign to incorporate web 2.0 technologies and new platform capabilities.

A call center information system often is the sole factor for critical performance parameters such as call handling time, query handling and eventually customer satisfaction. The usability objective was to build a system which would enable the call center employees to achieve these parameters.

3

To develop an ecosystem which ties in critical questions like; Who are the users? What is the usage model ? What role is played by advertisers?

Project Brief:Redesign a FMCG multi-national’s social networking community site to jump-start the word of mouth marketing campaign and enhance user engagement.

Social Networking Site

Project Team: 2 Interaction designers, 1 Visual designer & 1Project ManagerDuration: 3 months

Extensive benchmarking of the current application for improvement areas

1

2

3

Approach:

Represent different business models used and create a framework for measuring and benchmarking the application

4Social Networking Site

Create user groups on basis of site analytics, consumer research, demographic and psychometric factors Conduct one-on-one intensive data gathering sessions & derive design implications

4

Wire frame Design 5

Basic page structure and Information Architecture is frozen , providing users with multiple entry points to actionable items

All features of the application such as ‘Message boards’, ‘Advertisement sponsored games’ etc are defined

Typical work flows such as registration, surveys etc are defined

5

Create a visual language6

Social Networking Site

Creating easy to follow application standards including visual design guidelines for current product and future extrapolation

Option 1 Option 2

• Conduct performance test of basic usage and frequently used workflows

• Feedback collected on each feature of the application

• Conduct preference testing for visual details

7 Usability Testing

8 Standards

6

Knowledge Management System

Communication Tool

Presentations

Knowledge center

Online lessons

Embedded player

Web-share Application

Project Brief : To design new applications of a browser based communication tool when merged with a knowledge management system. Project Team: 1Interaction designer, 1 Visual designer & 1 Project Manager Duration: 3 weeksConcept Development This application was designed to support multiple functions combining the existing base of a knowledge management system with web 2.0 capabilities. User could browse knowledge content, build networks and create, rate and share content easily.

Sharing

Networking

Meta data creation

Recordings chat

Scenario 1: Online Knowledge CenterThe knowledge center home shows the user the latest information like current course, hot videos etc.

Homepage displays latest access videos, communities, discussions, blogs, classes etc. along with communication Users are encouraged to contribute knowledge

Multi faceted search with filtering mechanisms is provided

7Web-share Application

Scenario 2: Next Generation Web Share The application is not only allows people share/present content, it allows the user to build networks/communities around the content and its viewers

Ability to view other participant’s mini profile

Ability to view full profile while in session and chat with participants

Present content with tools like whiteboards, highlighters, participant voting, etc

Online coaching Ability to monitor multiple users simultaneously

Ability to control application remotely on users’ desktop

Scenario 3: Enhanced online coaching The application allows the instructor multiple screen viewing, live chat, remote access to the participants computer, ability send additional files, etc.

Scenario 4: Embedding Subject to user privileges, the members can embed the content on external sites

Centra recording played from an external site

Embed link allows the user to play a Centra recording in a stand alone destination

8

Project Brief : An year long project to redesign the entire product suite of a human capital management systems provider. The products had to be revamped be more integrated, incorporate web 2.0 components and create a modularity reflected on the UI which helps building future products.

Project Team: 2 Interaction designers, 1 Visual designer & 1Project Manager Duration: 1 year

Human Capital Management Product Suite

Project Approach• The product suite comprised three main

products, ‘Learning’ ‘Performance’ and ‘Talent’ based on the same platform.

• The basic ’Learning’ product catered to knowledge management in a enterprise environment.

• The ‘Performance’ functionalities allow organizations to stream line multi-layer performance reviews, structures and learning gaps.

• The ‘Talent’ suite provides analytical tools tasks such as succession pool creation, workforce modeling etc.

• The products together covered all the entire life cycle of an employee; but the three products were also implemented in stand alone mode.

User profile

Target Users

All the products are drive by “Role” based architecture, defining the privileges and usage model. The key roles in the is system are defined as , ‘Employee’, ‘Manager’ ‘Admin& HR’

9Human Capital Management Product Suite

The products were standard set of functionalities, but were customized by each client, hence the design had to posses extreme agility both in terms of deployment options and process creation thus the interface needed to adapt accordingly

Requirement Gathering & Initial AnalysisThe products were accessed as per the vision of the stakeholders, limitations of the developing & implementation team and needs of the users.

The information currently provided in the system was represented in a flat mode, it need to accessed as per multi-dimensional setting

‘Learning’ used in multiple modes

Products deployed in different environments

Most non core functionality is not used by users as it required understanding of complex constructs

E.g. The ‘Learning’ product provided multiple constructs and create coursework, but these constructs (offering, course, certification etc.), are not understood, by most users .

10Human Capital Management Product Suite

Heuristic Assessment The detailed catalogue review was conducted based on usability guidelines

The navigation mechanisms provide require the user to “ping-pong” ( Dig-in Din out) between different section, there is no integrated approach.

The task flows were extremely lengthy with multiple choke points

Poor Browser Management

• Search and Browse do not provide consistent experience.

• Search dose not allow for any filtering and sorting mechanism.

• The browse is provided only as per the taxonomical classification

Browse Catalog

Catalog Search

x xThere is no cross linking of pages provided.

11Human Capital Management Product Suite

Design Concept The application is mapped terms for its overall information architecture and individual information flows form different “role” perspective.

User is provided with an Inbox & Activity to-do list which spans information across roles

All User can customize this page & pull up information form other pages in portlet format

All users are provided with a dashboard (as their landing page in the application) which pulls in information across the user ‘Roles’

Employee

Easy access search & browse mechanisms

12Human Capital Management Product Suite

Employee (Continued)Every employee is provided with a “My Profile” Page which houses all the information ( Personal details, Performance Reviews, Certification, Learning requirements, competencies etc.)

Employees view of his/her own calendar Employees view of his/her past activities

Manager

Manager’s dashboard consists of multi-dimensional information regarding his team

Managers overview provides High level input about the team. Any exceptions, notices are shown as action items

Managers can manage multiple teams through a single dashboard

13Human Capital Management Product Suite

Manager ( Continued)Additional team views:

Team calendar Team Certification Team succession pools

Manager view of employee profile

Manager is given a additional layer of information about the employee based on privileges, with parameters such as flight risk and potential, which are invisible to the employee

14

Talent Pool CreationThe user can generate talent pools based on multiple parameters, short list candidates and compare candidates through different analytical tools and select a group.

Set pool criteria on multiple parameters

Search and shortlist candidates

Compare candidates in a side by side matrix

Compare candidates in a N-box matrix

Human Capital Management Product Suite

15

Global utilities such as Search & Browse

Human Capital Management Product Suite

The application was provided with a categorized search with filtering mechanisms to handle the data list.

The browse mechanism provides multiple entry points to same data objects

The search & browse functionalities accessed, from any page in the application would show-up in a non-modal secondary window.

16

Usability Testing All sections of the application are tested for performance and in addition utilities such as search and browse are tested to strict standards.

Standards Library Consists of a detailed documentation on page types, girds, widgets, elements etc.

Page Builder Algorithm

All the products pages a documented by breaking down into pages types, widgets & elements

Human Capital Management Product Suite

17

• Do I understand everything I can do here?

• Do I know where to find what I need?

• Is the application responsive to my needs?

• Am I getting things relevant to my tasks ?

• Is the application providing me with the tools I need to be more efficient?

Credit Card Call Center Application

Project Brief : The credit-card call center information application had to be redesigned to provide, easy and fast access to all available information, reducing training time and ensure the application is self sufficient to handle all communications, updates. The application also needed to provide relevant information to users to up sell products based on customers profiles.

Project Team: 1 Interaction designers & 1Project Manager Duration: 1 month

To understand the current usage model and requirements of the users. After conducting observation on live calls followed in-person interviews, the user ecosystem was mapped. •The users had access multiple application to answer a single query. •The main application was riddled with additional functional meant for non-call activity.

Initial Analysis

An framework for benchmarking the application as derived from user requirements is created. Expert Review Framework

Orient Empower Enhance

Navigation model doesn't support usage model

Information is not task oriented

Tools such as notes, favorites, timer etc. need to provided

All updates are shown together and not in-context

18Credit Card Call Center Application

Wire frame Design

• Application IA and page structure is frozen to provide easy access to all the information

HomePage

Product Detail Page

Persistent Search with upfront categorization

Quick links in the form of ‘Frequently Accessed’ so as to provide the user quick entry points in the application

All Alerts & Updates provided with indication on type on alert and validity of the alert

Persistent and upfront primary & secondary navigation. Cascading menu is provided for all tabs expect “home”

Portlet expands to show contextual informationInformation shown here should be brief and concise

Second level of navigation shown upfront to the user

Main aspects of the product showcased in a within the product page

Anchor links provided for easy navigation of data

19Credit Card Call Center Application

Hot Glossary Comparison Tool Search with filters

Procedure Page

All items are shown in a sort able list format along with relevant details like associated products and insert date

Selecting a promotion from the list allows the user to view is details

Second level details to be shown within the selected view

Ability filter by keyword and by time frame

The application mock-up is tested for performance on live calls.

• Most users adapted quickly to the new system

• The navigation mechanisms very easy to use

• Users appreciated the integration of communication and other tools in the system

Application Enhancement

Usability Testing

20

Thank you

The work displayed in this portfolio is solely for the purpose of promoting or exemplifying the author's work. The work in this portfolio is copyrighted to Human Factors International. The Author has in different capacities and roles worked on these projects. Copying, reproducing, or publishing any part is prohibited.