User Experience Designer Prasanna Kate

Prasanna G Kate Master of Design | IIT G

design PORTFOLIO

User Experience Analyst/Interaction DesignerEstuarylabs

Contents

1. System Design, User Interface Design Projects 2. Website Designing

3. Thesis Project System Design- Information Architecture- Icon Designing Final UI Testing

4. Internship ProjectsContextual Inquiry- Interface Metaphor

5. Academic Works5.1 Design Semantics

Mapping Sound with Logos/Forms- Semantic Analysis of Advertisement 5.2 Graphic Design

Stationary Designs, Logo Design-

5.3 Mini Projects (Product Design)

6. Other Works Sketching- Photography- Logo Designing-

Personal Information

Name: Prasanna G Kate

SoftwareAdobe flash(Action scripting-basic), HTML

Adobe Illustrator

Adobe Photoshop

Auto CAD

Design Skill Design Research, Contextual Enquiry, Design Semantics, Persona and Scenario creation, Heuristic Evaluation ,

Prototyping SkillUnified Modeling Language (UML), Information Architecture, Data flow Diagrams

Skills

Projects No.1

Name: Redesigning of Enhanced Due Diligence (EDD) System

The application helps its User from Case Research, Creating Case preparing case report, Submitting Reports and Generating the Case Research Report in the prescribed format.

To much of complexity in application reduced it’s usability, aesthetic value, Cluttered Visual components and elements, improper visualisation of data (Vertical & Horizontal Scroll)

EDD has following Module, 1.Case, 2 Masters , 3. Reports, 4.Administrator

Report Module: Studying Exiting System flow, Paper Prototypes and Entire applications Icon Ideation/Conceptualisation till coordinating Graphic Designers .

System Design and Web Applications1

Projects No.2

Name: Redesigning of Performance Measurement System – KRA Module

KRA Module has three types of User Employee, Supervisor, Manager

Complex Functionality, Improper Information architecture/ Improper organisation of Data.

KRA Module: Studying existing module flow and Information Architecture, Preparing paper prototypes and Wireframes.


Projects No.3

Name: Design of Entire Intranet System (HRMS-Human Resource & Management System)

The application is Made to reduceManual work, to integrate scattered information /data at one system, to track employee performance, increase efficiency of work.

The design Research includes Contextual Inquiry, Requirement gathering, Paper Prototype, Wireframe, Visual Design


Projects No.4

Name: Job Portal

Job portal helps its User (Candidate) to search job within and across all locations in Mumbai and Thane area.

The design Research includes Pilot user Research, Requirement gathering, Conceptualisation, Wireframe development.

Concept development was mainly consist of Searching a job by giving various access points viz. Quick job search, Focused job search. The search result in next layer will show four types of different views List view, Quick view, Map view, Tag cloud.


Projects No.5

Name: Product Feel

Product feel is the Web Interface that provides real feel of pen, it’s visual appearance with combination of various colours and parts and online store to purchase Pen.


Projects No.6

Name: 7hills Business Solutions Website Design ebizSCM. com

Design process: Study of existing Information architecture, Competitive Analysis, Preparation of Information Architecture, Paper prototyping, Visual Design.

Website Design6

Projects No.7

Name: 7hills Business Solutions Website Design 7hbs.com


Website Design7

Projects No.8

Name: Cosmetic Surgery Websitecosmeticssurgerycentre.com


Website Design8

Projects No.9

Name: Razorshieldhttp://razorshield.in/


Website Design9

Thesis Project“A mobile phone based cooperative employment information system for construction site labourers”

System Modeling

Employment Information System

Mobile

Labour

Contractor

Society

Government

Service Provider

User : Construction site LaboursPopulation: 1.76 Crore

Main Features of GUI:1.Iconic as well as Textual information 2.Voice Over for illiterate people3.Govt. Messages, Advertisements in the form of tickers

This thesis consists a proposed system and mobile phonebased employment information system that allows user toachieve his/her goal of getting the job in minimum time. Thedevelopment of package based onPrinciples of system analysis and information design. Startingfrom user requirements, field studies, development of icons andintegrating them in HCI. The prototype was developed andtested for the target user.

Guide: Prof.(Dr.) Pradeep Yammiyavar FDRS DoD IIT G

Context Diagram Relationship Diagram

Aapka kama

kama ko p/kar sarkarI maosaoja

Selcect Listen

1 caunaa huAa kama

kama ko idna kanT/@Tr ka naama kama ka pta kama ko jagaa Anya kamagaar

Confirm job, Listen voice, Select other labour link

kama ko pyaa-ya

kama ka p/karkama ko 3 pyaa-ya kama ka pt a kama ko jagaa

Select Back Listen

Qanyavaad

kama ka idnakama ka samaya

Exit

saa[-T kamagaar

kamagaar f aoTaokamagaar ka naama kamagaar ka maaobaa[la naM.

Call Back

3 3 1

1

9

Academic Project10

Information Architecture (IA)

Work Type 3 ICON

Work Type 4 ICON

Work Type 5 ICON

Work Type 6 ICON

Work Type 7 ICON

Work Type 8 ICON

Work Type 1 ICON

Work Type 2 ICON

Work Type 9 ICON

Option 1

ok Workers on the selected site

Option 2

Option 3

Call BACK

Exit

BACK

Uniqueness of IA- In 4 Clicks user can achieve his goals Category of Work

ICON (Black and White) ICON (Color)

Coloring

Plumbing

Plaster

Digging

ICON Designing

Final Icons after Pragmatic Analysis (User Testing)

(Some of the Designed Icons)

ICON sizes 32x32 and 48x48 pixel

11

USER Interface (Screen Shots of actual Mobile Phone User Interface)

Work Ty pe 3 ICON Work Ty pe 4 ICON Work Ty pe 5 ICON Work Ty pe 6 ICON Work Ty pe 7 ICON Work Ty pe 8 ICONWork Type 1 ICON Work Ty pe 2 ICON Work Ty pe 9 ICON

Option 1

ok Work ers on the se lected si te

Option 2 Option 3

Cal l BACK

Exit

BACK

Final UI and Information Architecture

Testing Conclusion

• Learnability of such application dependsupon age and education

• Learnability of such application may notdepends upon mobile used experience forthat particular age group

• Learnability of such application may notdepends upon mobile used experience forthat particular education

User Interface was designed on the basis of findings in the user survey. Hindi language was used – to give textual information in GUI.

User Testing: Application was tested to check the learnability of such GUIs

Software Used : Flash CS3Mobile Used : N73

Govt. messages/ Advertisements

USER TESTING

12

This is an exploration project to visualize UI metaphor; Metaphor used- Ship Navigator.

2.Exploring Metaphorical representation of C-DAC navigator

1.Contextual Inquiry for Recruitment System of C-DAC

The project was addressed to design entirely new software based recruitment system.

As the human resource recruitment is the most important activity in any organization which contributes 75% of Human resource department work.

So to serve this purpose Contextual Inquiry is done to address and study all existing work environment and the particular system that they are following to recruit new and promote old employees, and to understand the importance of this automated recruitment software system in their context.

Then final documentation of User requirements and flow models of existing software system and work flow of the Organization’s recruitment system is articulated in such a manner to design and develop new software.

Under: Dr.Dinesh Katre, Group Head C-DAC’s HCDC, Pune

Internship Project

13

Graph showing No. of User vs. 5 Music and Logo

Sign Icon Index Symbol

Total Face Facial expression(Closed eyes, cheeks inside)

Pain (Straight hair) shock

Ice Cream --- Cold Cone and cream

Colgate pack Colgate (Protection) Cure(for teeth)

Brand

Sign 4 Ribbon, Band (Tied by Colgate)

Authenticity Power, Strength(Red color)

2. Semantic Analysis (Semiotic+Syntacitc+Pragmatic ) of Advertisement

sem

iotic

ana

lysi

s

1. Sound mapped with Form (logo) and tested for 22 number of Audience

Academic Works Design Semantics

5 sound/musicMapped with 5 logos

Presumed Music for form (Maximum poles)

No. of audience responded

14

3

Logo Design

1

2

Letter Head Design

Visiting Card Design

Bottle Label Design

Visiting Card Design

Graphic DesignAcademic Works

15

1

2

3

Expressing emotions, feeling with the help of squares

Transformation of vegetable (bitter guard) in to some patterns like Dilation, Symmetry, Radiation,

Letter falling with transition in color (in perspective view)

Graphic Design

16

Thermocol Cutting Device (Electrically Operated)

Experimental Setup

Experimentation

Back Brushing Brush – ERGONOMICS Project Paper Weight Design– DESIGN METHODS project

User Testing

Test Model

Conceptualization

Clay Model

User : Designers, Decorators.

User : Old PeopleAge: 60-70 yrs.

User : Government Officers

Academic Works - Mini Projects Product Design

17

Miscellaneous Works

Sketching

Photography

Other Works

18

Other Works

Participated in Logo Design Competition for IIT Kanpur’s celebration of 50th year

Participated in Logo Design Competition for the Buns Restaurant in US

Option 1 Option 2

Option 3

19

Thank You….

User Experience Designer Prasanna Kate

Documents

Transcript of User Experience Designer Prasanna Kate