user experience designer prasanna kate
TRANSCRIPT
![Page 1: User Experience Designer Prasanna Kate](https://reader034.vdocuments.us/reader034/viewer/2022052304/558c2a61d8b42aa2568b45ea/html5/thumbnails/1.jpg)
Prasanna G Kate Master of Design | IIT G
design PORTFOLIO
User Experience Analyst/Interaction DesignerEstuarylabs
![Page 2: User Experience Designer Prasanna Kate](https://reader034.vdocuments.us/reader034/viewer/2022052304/558c2a61d8b42aa2568b45ea/html5/thumbnails/2.jpg)
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-
![Page 3: User Experience Designer Prasanna Kate](https://reader034.vdocuments.us/reader034/viewer/2022052304/558c2a61d8b42aa2568b45ea/html5/thumbnails/3.jpg)
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
![Page 4: User Experience Designer Prasanna Kate](https://reader034.vdocuments.us/reader034/viewer/2022052304/558c2a61d8b42aa2568b45ea/html5/thumbnails/4.jpg)
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
![Page 5: User Experience Designer Prasanna Kate](https://reader034.vdocuments.us/reader034/viewer/2022052304/558c2a61d8b42aa2568b45ea/html5/thumbnails/5.jpg)
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.
System Design and Web Applications2
![Page 6: User Experience Designer Prasanna Kate](https://reader034.vdocuments.us/reader034/viewer/2022052304/558c2a61d8b42aa2568b45ea/html5/thumbnails/6.jpg)
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
System Design and Web Applications3
![Page 7: User Experience Designer Prasanna Kate](https://reader034.vdocuments.us/reader034/viewer/2022052304/558c2a61d8b42aa2568b45ea/html5/thumbnails/7.jpg)
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.
System Design and Web Applications4
![Page 8: User Experience Designer Prasanna Kate](https://reader034.vdocuments.us/reader034/viewer/2022052304/558c2a61d8b42aa2568b45ea/html5/thumbnails/8.jpg)
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.
System Design and Web Applications5
![Page 9: User Experience Designer Prasanna Kate](https://reader034.vdocuments.us/reader034/viewer/2022052304/558c2a61d8b42aa2568b45ea/html5/thumbnails/9.jpg)
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
![Page 10: User Experience Designer Prasanna Kate](https://reader034.vdocuments.us/reader034/viewer/2022052304/558c2a61d8b42aa2568b45ea/html5/thumbnails/10.jpg)
Projects No.7
Name: 7hills Business Solutions Website Design 7hbs.com
Design process: Study of existing Information architecture, Competitive Analysis, Preparation of Information Architecture, Paper prototyping, Visual Design.
Website Design7
![Page 11: User Experience Designer Prasanna Kate](https://reader034.vdocuments.us/reader034/viewer/2022052304/558c2a61d8b42aa2568b45ea/html5/thumbnails/11.jpg)
Projects No.8
Name: Cosmetic Surgery Websitecosmeticssurgerycentre.com
Design process: Study of existing Information architecture, Competitive Analysis, Preparation of Information Architecture, Paper prototyping, Visual Design.
Website Design8
![Page 12: User Experience Designer Prasanna Kate](https://reader034.vdocuments.us/reader034/viewer/2022052304/558c2a61d8b42aa2568b45ea/html5/thumbnails/12.jpg)
Projects No.9
Name: Razorshieldhttp://razorshield.in/
Design process: Study of existing Information architecture, Competitive Analysis, Preparation of Information Architecture, Paper prototyping, Visual Design.
Website Design9
![Page 13: User Experience Designer Prasanna Kate](https://reader034.vdocuments.us/reader034/viewer/2022052304/558c2a61d8b42aa2568b45ea/html5/thumbnails/13.jpg)
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
![Page 14: User Experience Designer Prasanna Kate](https://reader034.vdocuments.us/reader034/viewer/2022052304/558c2a61d8b42aa2568b45ea/html5/thumbnails/14.jpg)
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
![Page 15: User Experience Designer Prasanna Kate](https://reader034.vdocuments.us/reader034/viewer/2022052304/558c2a61d8b42aa2568b45ea/html5/thumbnails/15.jpg)
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
![Page 16: User Experience Designer Prasanna Kate](https://reader034.vdocuments.us/reader034/viewer/2022052304/558c2a61d8b42aa2568b45ea/html5/thumbnails/16.jpg)
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
![Page 17: User Experience Designer Prasanna Kate](https://reader034.vdocuments.us/reader034/viewer/2022052304/558c2a61d8b42aa2568b45ea/html5/thumbnails/17.jpg)
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
![Page 18: User Experience Designer Prasanna Kate](https://reader034.vdocuments.us/reader034/viewer/2022052304/558c2a61d8b42aa2568b45ea/html5/thumbnails/18.jpg)
3
Logo Design
1
2
Letter Head Design
Visiting Card Design
Bottle Label Design
Visiting Card Design
Graphic DesignAcademic Works
15
![Page 19: User Experience Designer Prasanna Kate](https://reader034.vdocuments.us/reader034/viewer/2022052304/558c2a61d8b42aa2568b45ea/html5/thumbnails/19.jpg)
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
![Page 20: User Experience Designer Prasanna Kate](https://reader034.vdocuments.us/reader034/viewer/2022052304/558c2a61d8b42aa2568b45ea/html5/thumbnails/20.jpg)
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
![Page 21: User Experience Designer Prasanna Kate](https://reader034.vdocuments.us/reader034/viewer/2022052304/558c2a61d8b42aa2568b45ea/html5/thumbnails/21.jpg)
Miscellaneous Works
Sketching
Photography
Other Works
18
![Page 22: User Experience Designer Prasanna Kate](https://reader034.vdocuments.us/reader034/viewer/2022052304/558c2a61d8b42aa2568b45ea/html5/thumbnails/22.jpg)
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
![Page 23: User Experience Designer Prasanna Kate](https://reader034.vdocuments.us/reader034/viewer/2022052304/558c2a61d8b42aa2568b45ea/html5/thumbnails/23.jpg)
Thank You….