UMANG CHANDRAUndergraduate Student of User Experience Design

USER EXPERIENCE DESIGN PORTFOLIO

PROJECT 1

BRIEF

To design solution for pilgrims visiting pilgrimages across the country addressing to their needs and also the needs of the authorities conducting and managing the pilgrimage.

DURATION

2 Weeks

PROJECT TYPE

Academic

GUIDESRuta Potnis, Priyanka Chaudhary

INFORMATION BROADCAST SYSTEM FOR PILGRIMAGES

METHODOLOGY

Field visit to Palkhi Festival

Observation and interviews

Brainstorming

Grouping and segregation of opportunities

Identification of problem areas

User profiles and personas,Scenarios

Conceptualization

Wireframing

FOCUS AREAS

Research

User insights

Exploration and grouping of opportunities

Problem overlaps

Demographic and contextual relevance

Features

Task priorities

Economic and Technological feasibility

Use of popular and existing technology

PROJECT PROPOSAL

The project proposal aims to provide solutions to the evident needs of information distribution, mass communication and information relay of thousands of pilgrims that visit numerous pilgrimages across various regions of the country. The solution was based on an extensive research conducted during the Palkhi festival and also incorporated the findings of the Kedarnath cloudburst disaster.

The proposed system is a multi-medium cross-platform Information storage and broadcast system that keeps a record of the pilgrims’ background and also act as a query and alert response system for the pilgrims, most applicable during a disaster scenario. It consists of a centralized database consisting of selected fields of information.

The pilgrims can also access the alerts about the climate or route through an SMS based information cum query response system. Through this service they can get updates about the climate, pilgrimage, facilities etc. and also request help from the system. They can request to get a call or gather information about the nearest help center.

There is also a proposal of mapping and marking the pilgrimage route with certain ‘Key Points’ that might be useful to triangulate the location of the pilgrims and provide better services.

The proposal focuses on the use of existing and popular technologies to ensure wider accessibility and usability.

PROJECT 1

INFORMATION BROADCAST SYSTEM FOR PILGRIMAGES

PROJECT 2

BRIEF

To design experience for Mood Media’s Profusion X internet radio streaming controller

DURATION

1.5 Weeks

PROJECT TYPE

Professional

GUIDESAprajit Kar, Natalia Em, Nishant Jain

MOBILE APPLICATION EXPERIENCE DESIGN FOR MOOD MEDIA PROFUSION X MUSIC CONTROLLER

METHODOLOGY

Review of Pandora Media Station

Review of Profusion X Music Controller device

Client Meeting

Components Mapping

Interaction Elements

Wireframes

FOCUS AREAS

Client’s considerations

Configuring Internet Radio

Music player controls

Setting up the play list

Personalization

PROJECT PROPOSAL

The wireframes created are for the proposed controller application for Profusion X Internet Radio Music Player.

The interaction focuses on ease of setting up the radio and providing users to choose song based upon their liking through categorization in albums, artists or genres.

There is also a signing up process which has been designed to be quick and easy,

The music player itself lets users preview the songs next in the play list among other options.

PROJECT 2

MOBILE APPLICATION EXPERIENCE DESIGN FOR MOOD MEDIA PROFUSION X MUSIC CONTROLLER

PROJECT 3

BRIEF

To design concept for JobBuzz to evolve as employee to employee network to be used for job referring and finding and also as a database of company information

DURATION

6 Weeks

PROJECT TYPE

Professional

GUIDESSomya Hastekar, Ruchi Mahajan, Nishant Jain

CONCEPT AND STRATEGIC DESIGN FOR JOBBUZZ EMPLOYEE REFERRAL NETWORK

METHODOLOGY

Kickoff

Client Interaction

Stakeholder Identification

Case Study Reviews

Interview Guides

Field Visit

Interviews

Transcribing Interviews

Interview Findings

User Profiles

User Journeys

Brainstorming

Concept Sketches

Subsequent Iterations

Client Reviews

Final Concept

FOCUS AREAS

Client’s considerations

Similar systems

Times Jobs Ecosystem

Primary and Secondary Tasks

Stakeholder profiles and demographics

On Site Interviews

System Framework

Integration with otherprofessional and social networks

Connections

Reviews, rating, Interviews

PROJECT PROPOSAL

The project proposal aims at creating an employee to employee community which helps job seekers makes the most intelligent career decisions. It helps them decide which company, industry and role is right for them.

This is done by providing them information on company reviews, ratings , salary , interview processes and interview questions. These are contributed by the members of the community who happen to be current or past employees of a company.

The other end of the system are the Hiring facilitators who are provided a platform to look out for able candidates for referring them to job requirement at their companies through their immediate and extended professional and social networks.

The basic framework of Job buzz works on a card based approach in which the user sees a collection of information and activity cards that are customized according to their needs on the network.

Later stages of the project also included the exploration of gamification of the referral process by introducing reward points and leaderboards.

PROJECT 3

CONCEPT AND STRATEGIC DESIGN FOR JOBBUZZ EMPLOYEE REFERRAL NETWORK

PROJECT 4

BRIEF

To create information and media aid for a specified user group and to design products and their interfac-es to cater to the needs of the user group.

DURATION

2 Weeks

PROJECT TYPE

Academic

GUIDESRuta Potnis, Priyanka Chaudhary

INFORMATION & NAVIGATIONAL AID FOR VISUALLY IMPAIRED

METHODOLOGY

Selection of user group

User Research

Interviews

Context Study

Personas

Exploration

Ideation

Ergonomic Study

Product Detailing

Engineering Drawing

Task Detailing

Information Architecture

Form Study

Modelling

Rendering

FOCUS AREAS

User Insights

Secondary Research

Ergonomic considerations

Accessibility

Ease of use

User control and freedom

Integration with existing technologies

Materials

Task flows

PROJECT PROPOSAL

A wearable navigational and information device that is wore onto the wrist. The device has a tactile display of pixels that give output in braille. The device also has a microphone and is loaded with speech recognition softwares that help users to voice search over the internet. The device gives audio output through speaker or headphones.

The device has tactile controls and physical buttons for easy of usage and user control.

The device also has a retractable walking stick with laser pointer for the device to be able to detect nearby obstacles and hindrances. It keeps the hands of the user free while walking and proivde more freedom. The feedback from the stick is given in form of audio and sensory impulses.

The device also features a camera that uses geo-locational tagging and image search options to give the user information of his/her current location. The users can also search for routes and navigational aid to reach their destination instructed to them via audio output through headphones.

PROJECT 4

INFORMATION & NAVIGATIONAL AID FOR VISUALLY IMPAIRED

PROJECT 5

BRIEF

To identify social and technological trends and predicting opportunities to create design solutions that cater to current and future needs of the society by facilitating personal and social behavior changes by connecting a specific people with common contexts and scenarios.

DURATION

6 Weeks

PROJECT TYPE

Academic

GUIDESPriyanka Chaudhary, Jui Shankar, Robin Matthew,Sudarshann Bhat, Prashant Dixit, Yogesh Bhide, Shaunak Shamvastar, Anita Patnkar, Aditya Nain, Gokul Nararyan, Sutapa Majumdar

SOCIAL NETWORKING PLATFORM FOR GOVERNANCE & POLITICS

METHODOLOGY

Exploring Possibilities and Opportunities

Contextual Research

User Research

Insight Mapping

Redefining design Brief

Secondary Research

Brainstorming and Ideation

Persona Creation

Detailing for the conceptthrough visualization

Information Architecture

Task Flows

Scenarios

Low Fidelity Wireframes

Formative Usability Testing

High Fidelity Wireframes

Summative Usability Testing

Story Boarding & Scenario Building

FOCUS AREAS

Identification of social technological trends

Understanding stakeholders

Addressing the need to connect and change

Forecasting

Megatrends

Grassroot Innovations

Creating Scenarios and Storyboards

Contextual Relevance

Accessibility

Sustainability

Long term and Short Term Goals

Socio-Cultural Impact

Effect on personal and social levels

Interviews

PROJECT PROPOSAL

A social networking platform for the citizen to connect among themselves, with their elected representatives, politicians and political groups. The platform acts a forum to discuss matters of governance and politics, and also acts as a means to voice opinion about a regional or national issue.

The platform provides an opportunity for citizens to create networks with people from their constituencies, districts, states etc. to discuss and create opinion polls on matters that might be common for them.

They can also view information about politicians and political groups, and contribute to their ratings through various parameters and also connect to them through the network to discuss issues and voice opinions about their work.

PROJECT 5

SOCIAL NETWORKING PLATFORM FOR GOVERNANCE & POLITICS

PROJECT 6

BRIEF

To design for disability.Create solutions that are focused on a user group that faces a specific physical/mental disability through research and exploration

DURATION

4 Weeks

PROJECT TYPE

Academic

GUIDESSumit Dagar, Priyanka Chaudhary

AUDIO-HAPTIC GAMIFIED GEOMETRY LEARNING TOOL FOR VISUALLY IMPAIRED KINDERGARTEN STUDENTS

METHODOLOGY

Literature Study

Online Research

Selection of user group

Field visit

Observation

Shadowing users

Interviews

Knowing the learning aids

Review the technology used

Ecosystem Study

Validation

Opportunities Exploration

Secondary Research

User Personas

Conceptualization

Product Detaling

Task Detailing

Prototyping

Interaction & System Charts

FOCUS AREAS

Understanding Disability

Types of disabilities

Statistical Study

Focused user group

Knowing the users at an intimate level

Indirect questions

Everyday Activities

Ecosystem

Learning

Public/Society Inclusion

Aspirations

Product/Devices/System Categories

Adapting the study of geometry for visually impaired students

Audio-Haptic Interaction

Device Framework

Task Modules

PROJECT PROPOSAL

The project focuses on the inherent difficulties faced by visually impaired children while learning geometry. The subject by it’s very nature is visual and due to their impairedness, children face difficulties in grasping the basics of geometry like point, lines, shapes, dimension etc.

The project provided a unique opportunity to visit blind schools and training centers and interact with students, teachers and parents to understand the difficulties faced by them on a daily basis and particularly in areas of learning and education.

The project proposes an audio-haptic device that uses lego board and lego bits to help student learn geometric concepts. The device has a audio module system that guides the students explaining about points, lines, forms etc. and gives small tasks based on the module.

The student gets to experience the otherwise visual representation of geometry training through hands-on training in a gamified manner.

The aim of the project is to help visually impaired students experience lines, shapes and forms come to life through learning by doing.

PROJECT 6

AUDIO-HAPTIC GAMIFIED GEOMETRY LEARNING TOOL FOR VISUALLY IMPAIRED KINDERGARTEN STUDENTS

PROJECT 7

BRIEF

To create an e-commerce platform for a retail bookstore by translating the architecture of the store onto a website considering the users’ needs and analyzing the need for information and task flows.

DURATION

1 week

PROJECT TYPE

Academic

GUIDESRajarshi Ray, Pranali Khachane, Priyanka Chaudhary

WIREFRAMES FOR E-COMMERCE WEBSITE OF CROSSWORD BOOKSTORE

METHODOLOGY

Field Research

Store Mapping

Observations and Interviews

User Research

Understanding task flows

Translation of the store architecture

Information diagram for the store

User Personas

Brainstorming

Analyzing user needs

Understanding information browsing

Mapping user flows

Conceptualization

Information architecture of the website

Wireframes for desktop

Wirefrmaes for mobile

FOCUS AREAS

Understanding the information flow

User Needs

Task flows

Mapping

Information adaptation for web

Types of browsing

Layers of browsing

Categorization of information

Webpage Navigation

Information architecture

Considerations for mobile website

PROJECT PROPOSAL

The project provided an opportunity to create wireframes that are in compliance with the users’ needs and requirement along with a few desirables.

The homepage displays the featured books along with the flexibility to shuffle category of products through tabs. The sidebar navigation panel helps the users to browse through the genres of the books. The search bar, shopping carts and favorites section are featured at the top of the each page.

Different search filters and breadcrumbs are provided to assist the users to optimally browse and find the books they are looking for according to their requirements.The product information page features information about the product, its availability along with user reviews and information on similar products.

PROJECT 7

WIREFRAMES FOR E-COMMERCE WEBSITE OF CROSSWORD BOOKSTORE

PROJECT 8

BRIEF

Implementation of the concepts of Human Machine Interaction (HMI) involving the study and redesign of a consumer product or service using Information and Communication Technology (ICT) through cognitive ergonomics.

DURATION

3 Weeks

PROJECT TYPE

Academic

GUIDESVinai Kumar, Priyanka Chaudhary

REDESIGNING HUMAN-MACHINE INTERACTION FOR STATE BANK OF INDIA ATM

METHODOLOGY

Exploration for Opportunity areas

Field Visit

Understanding the space components

Understanding the hardware components

Understanding the interaction components

Listing of system featuresUser research

Contextual Research

Building the User Centered Design Framework

Ergonomic Study

Semiotic Study

Insight Mapping

Ideation

Modelling (Low Fidelity)

Ergonomic Evaluation

Semiotic Evaluation

Modelling (High Fidelilty)

Usability Testing

FOCUS AREAS

Research

User Characteristics

Task Characteristics

System Characteristics

Environmental Characteristics

Cognitive Ergonomics

Physical Ergonomics

Semiotics (Semantics, Syntactics, Pragmatics)

Anthropometric Considerations

Ethnographic Considerations

Contextual Relevance

Task Severity and Criticality

Usefulness

Usability

Emotional connect

Space Design

Security and Privacy

Intuitive Interaction

PROJECT PROPOSAL

The project proposed a redesign of the entire user ex-perience of an ATM. Proposed solutions include space design for the ATM cabin, along with added privacy and security measures.

The form of the ATM Machine was also proposed to be standardized taking into account the ergonomic and anthropometric consideration.

The project also proposes the change in the interaction with the ATM with improved interface design along with including features that address users needs, task flows and priorities, task criticality etc. by taking into account the semiotic and cognitive factors keeping in mind the contextual relevance of the system.

PROJECT 8

REDESIGNING HUMAN-MACHINE INTERACTION FOR STATE BANK OF INDIA ATM

PROJECT 9

BRIEF

To redesign the sign up process for faircent.com, a peer to peer online loan platform.

DURATION

2 Weeks

PROJECT TYPE

Professional

GUIDESAprajit Kar, Ruchi Mahajan, Nishant Jain

REDESIGNING THE REGISTRATION PROCESS EXPERIENCE FOR FAIRCENT

METHODOLOGY

KickOff

Client Interaction

Stakeholders’ Analysis

Content Mapping

Categorization of fields

Priority Mapping

Registration Modules

Brainstorming

Wireframes

FOCUS AREAS

Client’s Requirements

Onboarding

Data Segmentation

Priority of required fields

Process Flow

Interaction

PROJECT PROPOSAL

The project proposes a simplified and modular registration process for Lenders and Borrowers on the Faircent website.

The various fields in the erstwhile process were scrutinized based upon relevance and usability and omitted, if necessary.

The entire registration process was broken down into steps based upon the category of required fields and easier ways to submit identification and other documents was introduced to give users an efficient and seamless experience.

PROJECT 9

REDESIGNING THE REGISTRATION PROCESS EXPERIENCE FOR FAIRCENT

PROJECT 10

BRIEF

To create a website wireframes for Aga Khan Palace, Pune. To help people know about its historical significance and encouraging people to visit the place.

DURATION

2 Days

PROJECT TYPE

Academic

GUIDESAditya Dipkankar, Priyanka Chaudhary

WEBSITE WIREFRAMES FOR AGA KHAN PALACE

METHODOLOGY

Field Research

Observations

Shadowing Users

Interviews

Historical and Background Research

Brainstorming

Conceptualization

Information Architecture

Wireframes

FOCUS AREAS

Historical significance

Emotional connect

Simplicity of elements

Embracing the feel of the place

PROJECT PROPOSAL

A website for the Aga Khan Palace which features glimpses forms its history. It also provides information about the happenings and events organized at the Palace along with the means of reaching it.

A ‘Plan Your Visit’ option is incuded to help the users sync their outing with their schedule through a calender and e-mail reminder service.

The website also features an online store for the users who are looking to purchase memorabilia from the place.

The ere is also an inclusion of a option where users can support the Aga Khan Palace through donations and funds.

PROJECT 10

WEBSITE WIREFRAMES FOR AGA KHAN PALACE

PROJECT 11

BRIEF

To understand a system and its components alond with the relationships they share with one another and to come up with solutions aimed at solving the problem areas evident through research and application of systems thinking.

DURATION

2 Days

PROJECT TYPE

Academic

GUIDESAditya Dipkankar, Priyanka Chaudhary

MOBILE APPLICATION FOR PVR CINEMAS

METHODOLOGY

Component Mapping

Component Categorization

Relationship Mapping

Process Mapping

Feedback Mapping

Brainstorming

Identification of opportunity areas

Field Research

Observations and Inter-views

Insights and Affinity Mapping

User Personas

Study of existing mobile application

Design Statement

Information Architecture

Wireframes

Visual Design

FOCUS AREAS

Understanding the system

Relationship between components

Task flows

System feedbacks and response

Considering all possible feedback scenarios

User needs and desirables

Reseach insights

Task Priorities

Increased Acessibilty

Extended User Control

Personalization

Sync with other applications

Ticketing experience (end to end)

PROJECT PROPOSAL

A mobile application for PVR Cinemas. The application features listing of movies, along with their information and ticketing service. The user may login for a personalized experience custom made for them by adding ‘Preferences’ like genres, actors, directors etc. that may be edited according to their needs.

‘Now Showing’ features currently running films in the user’s location. ‘Recommended for You’ is a personalization option that features information as per the user’s preferences. The movie information page feature its duration, cast, rating, trailers and synopsis. Help option is also provided for the users along with calendar sync features that gives alerts to users as per their preferences and calendar schedule.

The solution also proposes a QR Code based ticket to be scanned before the show a replacement for printed ticket collection practice.

PROJECT 11

WEBSITE WIREFRAMES FOR AGA KHAN PALACE

PROJECT 12

BRIEF

To come up with a lead generation campaign for onboarding process for faircent and to design data visualization of the platform’s statistical data for users to review

DURATION

2 Days

PROJECT TYPE

Professional

GUIDESRuchi Mahajan, Nishant Jain

LEAD GENERATION AND DATA VISUALIZATION FOR FAIRCENT

METHODOLOGY

Client Interaction

Study into Lead Generation Campaign

Explorations

Statistical Data Analysis

Visualization Explorations

Visual Design

FOCUS AREAS

Client’s Requirements

Onboarding

Data Representation

Visual Appeal

PROJECT PROPOSAL

This project consisted of two parts : A lead generation page, and, Data Visualization for statistical data of faircent.

The first proposal was a sign up process for Faircent where the features of the platform are highlighted.

The second part consisted to creating appropriate data visualization for users to easily comprehend the statistical data of Faircent which would increase trust factor and also encourage more signups.

PROJECT 12

LEAD GENERATION AND DATA VISUALIZATION FOR FAIRCENT

PROJECT 13

BRIEF

To redesign the user inter-face for intra-institute we portal for students, faculty and administration of Symbiosis Institute Of Design, Pune

DURATION

2 Days

PROJECT TYPE

Academic

GUIDESPranita Ranade, Priyanka Chaudhary

INTERFACE REDESIGN FOR SID INTRA-INSTITUTE WEB PORTAL

METHODOLOGY

Study of the existing web-page

Brainstorming

Exploration

Ideation

Detailing

Features segregation

Information Architecture

Low Fidelity Wireframes

High Fidelity Wireframes

Wireframes for Mobile

Visual Design

FOCUS AREAS

Use of Icons

User Types

Tasks

Visual look and feel

PROJECT PROPOSAL

A simplified intranet webpage with segregation of options according to user type. The landing page asks the users to specify his/her user type and the presents the options as per the input from the user.

The interface uses icon to ease the interaction the users have with the web-page. The page aims do away with the visual clutter and ambiguities of the existing portal.There is also an evident visual hierarchy of the content that is being displayed on the screen.

PROJECT 13

INTERFACE REDESIGN FOR SID INTRA-INSTITUTE WEB PORTAL

PROJECT 14

BRIEF

To conduct Heuristic Evaluation and usability testing of the Air India Website and spec-ify severities along with proposing a solution for change.

DURATION

2 Days

PROJECT TYPE

Academic

GUIDESRajarshi Ray, Aditya Karle, Priyanka Chaudhary

HEURISTICS EVALUATION AND USABILITY TESTING OF AIR INDIA WEBSITE

METHODOLOGY

Understanding Usability

Understanding Usability Testing

Understanding HeuristicEvaluations

Screen Recording

Movement Tracking

Error count

Task analysis

Severity Rating

Heuristics Evaluation

FOCUS AREAS

Usability

Mapping user activity

Neilsen’s 10 heuristics

Summative and formative usability testing

PROJECT PROPOSAL

The heuristic evaluation of the various screens of the Air India website was done according to Jakob Neilsen’s 10 Heuristics.

The problem was identified and it was enlisted in one among the three categories of technical problem, interaction problem, visual design problem.

After this, the severity rating of the problem was listed along with the heuristics violated.

The project was concluded with a summative usabilty testing of the website and its report.

PROJECT 14

HEURISTICS EVALUATION AND USABILITY TESTING OF AIR INDIA WEBSITE

UMANG CHANDRAUndergraduate Student of User Experience Design

umang.chandra11@sid.edu.in+91 997 097 3652

CONTACT