SlideShare una empresa de Scribd logo
1 de 36
123Greetings abhijit das I user researcherabhijit das
Some snippets of my work on UI architecting using
UCD principles
Abhijit Das
123Greetings abhijit das I user researcherabhijit das
Sunlife Insurance Monitoring Application
01
123Greetings abhijit das I user researcherabhijit das
TASK
An internal application to monitor insurance flow. The Investigative Services Unit of Sunlife needs to identify and monitor fraud cases at member,
claimant and provider levels.
Unfortunately, the existing provider database will not meet the needs to accomplish their goal, therefore, a new provider database and user
interface was required. The interface should provide functions to assign various status to different levels of facilities. It also need to be
accompanied by a admin panel to power user privileges.
METHODOLGY
In order to showcase a design solution, for which we followed the below methods:
•Questionnaire: This will help us in identifying the needs of users on broad level, depict overall approach for GUI including branding, navigation,
workflow and style guide. Questionnaire should be address by stake holders or end users. Carrying this activity required on-site coordinating and
client conf calls with other experts at offshore.
•Prototyping: This is broadly divided into two parallel activities, low fidelity and high fidelity prototyping. We need to analyze if we have enough
bandwidth to perform both the activities. Here low fidelity was achieved as paper prototyping during several brain storming sessions and later
translated to high-fidelity was achieved by Visio based skeletons that depicts the work flow of application, page level details.
•Visual Design: Based on the High-fidelity prototyping which evolved out of the many iterations we derived the Visual Designs of the screens.
Since iterations where much handled in the previous process, thus this step we went further on and started preparing the visual guidelines in
adherence with Sunlife Branding Guidelines.
•Heuristic Testing: Heuristic testing will help us in understanding the % satisfaction of users we have achieved by the proposed GUI. It’s a sort of
expert review/evaluation where users/stake holders give their ratings to different categories. Categories include Visual Design, Workflow,
Information Architecture, User Experience, and Navigation. Outcome of this activity is a graph that will depict the end user feedback and areas of
improvement if any.
•UI Standards & Guidelines: In continuation with the Visual Guidelines we set the complete UI guidelines, which were later adhered to achieve
the front-end production of the application, this will explain the UI standards and guidelines of the application that can will be always in use by
technical team in coding phase too.
Artifacts
-Questionnaire
-Wire-frame mock-ups
-Visual Designs
-Heuristic Evaluation
-UI Guidelines Doc
123Greetings abhijit das I user researcherabhijit das
Questionnaire
123Greetings abhijit das I user researcherabhijit das
Screen
Below is a screen to show the functionality of a search screen of the application, this was derived during the business analysis stage.
123Greetings abhijit das I user researcherabhijit das
Prototyping
On the basis of the business requirement document, we took upon the UI analysis and start prototyping various screen
flows. Iteration are handled the best in this process.
Below is the search screen – derived depiction of a task flow analysis
Low fidelity is most efficient for finding & resolving problems, but high fidelity is most effective for persuading stakeholders.
123Greetings abhijit das I user researcherabhijit das
Prototyping
Search screen
123Greetings abhijit das I user researcherabhijit das
Prototyping
123Greetings abhijit das I user researcherabhijit das
Visual Design
Visual design of the search screen
123Greetings abhijit das I user researcherabhijit das
Visual Design
Visual design of the search screen
123Greetings abhijit das I user researcherabhijit das
A comparison of the search screen after UI solution
123Greetings abhijit das I user researcherabhijit das
Some other screens of the application
123Greetings abhijit das I user researcherabhijit das
Some other screens of the application
123Greetings abhijit das I user researcherabhijit das
Heuristics Analysis
Heuristics evaluation is a metrics driven fact sheet and is based out of Jacob Nielsen’s 10 Heuristics points
123Greetings abhijit das I user researcherabhijit das
Hospitality Management Application
02
123Greetings abhijit das I user researcherabhijit das
Prototyping
On the basis of the business requirement document, we took upon the UI analysis and screen prototyping using paper
prototyping and later translating it in to wireframes using Balsamiq
Below is a login screen design with forgot password functionality.
123Greetings abhijit das I user researcherabhijit das
Prototyping
Below is one of the main screen of the application, which is the patient search screen
123Greetings abhijit das I user researcherabhijit das
Visual Design
Translations of the basic wire-frame mock-ups into visual design
123Greetings abhijit das I user researcherabhijit das
Visual Design
Translations of the basic wire-frame mock-ups into visual design
123Greetings abhijit das I user researcherabhijit das
Visual Design
Translations of the basic wire-frame mock-ups into visual design
123Greetings abhijit das I user researcherabhijit das
StarTrac – a Business Tracking Application
03
123Greetings abhijit das I user researcherabhijit das
Some other sample screens after UI architecting
123Greetings abhijit das I user researcherabhijit das
Some other sample screens after UI architecting
123Greetings abhijit das I user researcherabhijit das
Some other sample screens after UI architecting
123Greetings abhijit das I user researcherabhijit das
Some other sample screens after UI architecting
An example of a Current data entry screen
123Greetings abhijit das I user researcherabhijit das
Some other sample screens after UI architecting
View of Dashboard screen for Integrators
123Greetings abhijit das I user researcherabhijit das
Some other samples
04
123Greetings abhijit das I user researcherabhijit das
Some other sample screens after UI architecting (design as per citimortgage site
launched in end of 2006)
Below is the homepage screen, which was derived after working over with a lot of the UCD methodologies. Below is a sample view of the homepage screen
depicting a before and after scenario.
Before After
123Greetings abhijit das I user researcherabhijit das
Some other sample screens after UI architecting (launched in end of 2008 and design
still continuing with minimal changes)
Below is the homepage screen, which was derived after working over with a lot of the UCD methodologies. Below is a sample view of the homepage screen
depicting a before and after scenario.
Before After
123Greetings abhijit das I user researcherabhijit das
JP Morgan Chase
05
123Greetings abhijit das I user researcherabhijit das
Worked on developing parts of significant change which Chase brought about in public domain by changing their homepage and revamped their branding.
Many internal pages of Chase are still being developed as continuous process
www.chase.com
123Greetings abhijit das I user researcherabhijit das
Banking industry is strict with privacy so many of my work goes within their secured environment and are hard to project them in
public.
Unless you are one of the customers of Chase bank, thus will enable you to view some of my application design.
The following below is login screen of JP Morgan Online Banking or private banking.
123Greetings abhijit das I user researcherabhijit das
UCD in practice
06
123Greetings abhijit das I user researcherabhijit das
Some thoughts on UI architecting using UCD principles
Making software with keeping 5 main goals in mind is very important as it determines the success and failure of the software:
•the ease and efficiency of using the product;
•the learnability of the product;
•the memorability of using the product;
•error handling in the product; and
•satisfaction and emotional value in using the product
The Returns on Investment (ROI) that accrue from a engaging user experience process in software product can increase productivity up to
160%, decrease drop-off rates in e-commerce up to 150% and reduce internal training costs up to 100%
This diagram describes the need and involvement of user experience management from the discovery or the inception
phase of a product life cycle. The user experience runs parallel along with the product cycle and monitors it and analyses
it continuously and thus keeping that human factor alive in the whole development.
123Greetings abhijit das I user researcherabhijit das
Some thoughts on UI architecting using UCD principles
The type user experience process can be engaged according to the need and the requirement and also the phase in which the
software development cycle is currently in; from the discovery or the inception stage right up to the delivery stage and also after
it the user experience can be involved. In various stages, user experience process involves various tasks in it, as for example
(note: describing in brief, elaborate description and process is not shown in details)
•Discovery or Inception phase: it involves
a)User understanding
b)Target audience analysis and focus group
c)Interviews and questions
d)Task flow analysis and data analysis
e)Heuristic evaluations
•Prototyping Phase
a)Sketch, rough design over visio etc
b)Visual designs
c)UI testing and observations, which can again involve step A mentioned above
d)Low level and high level designs
e)Design documentation and standardization
f)Usability testing
a)Development
a)Complete html with css, adhering to standards
b)A clickable prototype
c)Accessibility and other testing
•Testing and Delivery
Feedback gathering keeps on going even after delivery for user experience group to gather information on the released product, so that
the next phase or version can be built on those feedbacks.
Thus product development without the involvement is user experience in current software development cycle is like baking a bread without
putting yeast in it, it will not be liked by the people who use it or they will take it initially but it will not last.
123Greetings abhijit das I user researcherabhijit das
Thank You

Más contenido relacionado

La actualidad más candente

Design Simple but Powerful application
Design Simple but Powerful applicationDesign Simple but Powerful application
Design Simple but Powerful applicationJim Liang
 
Prakat_Whitepaper_Accessibility_Unit_FrameworkV1.4
Prakat_Whitepaper_Accessibility_Unit_FrameworkV1.4Prakat_Whitepaper_Accessibility_Unit_FrameworkV1.4
Prakat_Whitepaper_Accessibility_Unit_FrameworkV1.4Kedar Sapre
 
Prototyper - Visure Solutions - Requirements Engineering
Prototyper - Visure Solutions - Requirements EngineeringPrototyper - Visure Solutions - Requirements Engineering
Prototyper - Visure Solutions - Requirements EngineeringVisure Solutions
 

La actualidad más candente (7)

Design Simple but Powerful application
Design Simple but Powerful applicationDesign Simple but Powerful application
Design Simple but Powerful application
 
Prakat_Whitepaper_Accessibility_Unit_FrameworkV1.4
Prakat_Whitepaper_Accessibility_Unit_FrameworkV1.4Prakat_Whitepaper_Accessibility_Unit_FrameworkV1.4
Prakat_Whitepaper_Accessibility_Unit_FrameworkV1.4
 
How to achieve the ux goals
How to achieve the ux goalsHow to achieve the ux goals
How to achieve the ux goals
 
User Centered Design 101
User Centered Design 101User Centered Design 101
User Centered Design 101
 
Prototyper - Visure Solutions - Requirements Engineering
Prototyper - Visure Solutions - Requirements EngineeringPrototyper - Visure Solutions - Requirements Engineering
Prototyper - Visure Solutions - Requirements Engineering
 
Resume
ResumeResume
Resume
 
User centered Design
User centered DesignUser centered Design
User centered Design
 

Destacado

Tugas Akhir
Tugas AkhirTugas Akhir
Tugas Akhirnganumas
 
M Alpi Aldaena
M Alpi AldaenaM Alpi Aldaena
M Alpi Aldaenanganumas
 
Personal learning network
Personal learning networkPersonal learning network
Personal learning networkbecpyke
 
Akademia Kształcenia i Doskonalenia zawodowego
Akademia Kształcenia i Doskonalenia zawodowegoAkademia Kształcenia i Doskonalenia zawodowego
Akademia Kształcenia i Doskonalenia zawodowegolubinski
 
How To Engage Audiences With Snapchat Geofilters
How To Engage Audiences With Snapchat GeofiltersHow To Engage Audiences With Snapchat Geofilters
How To Engage Audiences With Snapchat GeofiltersAustin Dixon
 
Kursy kwalifikacyjne
Kursy kwalifikacyjneKursy kwalifikacyjne
Kursy kwalifikacyjnelubinski
 
Kwalifikacyjne kursy zawodowe
Kwalifikacyjne kursy zawodoweKwalifikacyjne kursy zawodowe
Kwalifikacyjne kursy zawodowelubinski
 
World jhon davis y brayan buitrago
World jhon davis y brayan buitragoWorld jhon davis y brayan buitrago
World jhon davis y brayan buitragoBrayan Torres
 
зона отдыха
зона отдыхазона отдыха
зона отдыхаalbertshay
 
TUGAS AKHIR(TUTORIAL MEMBUAT APLIKASI)
TUGAS AKHIR(TUTORIAL MEMBUAT APLIKASI)TUGAS AKHIR(TUTORIAL MEMBUAT APLIKASI)
TUGAS AKHIR(TUTORIAL MEMBUAT APLIKASI)nganumas
 

Destacado (16)

Tugas Akhir
Tugas AkhirTugas Akhir
Tugas Akhir
 
M Alpi Aldaena
M Alpi AldaenaM Alpi Aldaena
M Alpi Aldaena
 
Personal learning network
Personal learning networkPersonal learning network
Personal learning network
 
Akademia Kształcenia i Doskonalenia zawodowego
Akademia Kształcenia i Doskonalenia zawodowegoAkademia Kształcenia i Doskonalenia zawodowego
Akademia Kształcenia i Doskonalenia zawodowego
 
How To Engage Audiences With Snapchat Geofilters
How To Engage Audiences With Snapchat GeofiltersHow To Engage Audiences With Snapchat Geofilters
How To Engage Audiences With Snapchat Geofilters
 
Kursy kwalifikacyjne
Kursy kwalifikacyjneKursy kwalifikacyjne
Kursy kwalifikacyjne
 
Kwalifikacyjne kursy zawodowe
Kwalifikacyjne kursy zawodoweKwalifikacyjne kursy zawodowe
Kwalifikacyjne kursy zawodowe
 
World jhon davis y brayan buitrago
World jhon davis y brayan buitragoWorld jhon davis y brayan buitrago
World jhon davis y brayan buitrago
 
World jhon davis
World jhon davisWorld jhon davis
World jhon davis
 
Made New
Made NewMade New
Made New
 
My316 Sunday AM - 6/6/14
My316 Sunday AM - 6/6/14My316 Sunday AM - 6/6/14
My316 Sunday AM - 6/6/14
 
English ii
English iiEnglish ii
English ii
 
Amg schmidtlezing2013pptx
Amg schmidtlezing2013pptxAmg schmidtlezing2013pptx
Amg schmidtlezing2013pptx
 
He Reigns part 5
He Reigns part 5He Reigns part 5
He Reigns part 5
 
зона отдыха
зона отдыхазона отдыха
зона отдыха
 
TUGAS AKHIR(TUTORIAL MEMBUAT APLIKASI)
TUGAS AKHIR(TUTORIAL MEMBUAT APLIKASI)TUGAS AKHIR(TUTORIAL MEMBUAT APLIKASI)
TUGAS AKHIR(TUTORIAL MEMBUAT APLIKASI)
 

Similar a Abhijit someworks

Introduction to UX for Mesiniaga Academy
Introduction to UX for Mesiniaga AcademyIntroduction to UX for Mesiniaga Academy
Introduction to UX for Mesiniaga AcademyZainul Zain
 
Training Webinar: From a bad to an awesome user experience - Training Webinar
Training Webinar: From a bad to an awesome user experience - Training WebinarTraining Webinar: From a bad to an awesome user experience - Training Webinar
Training Webinar: From a bad to an awesome user experience - Training WebinarOutSystems
 
User Experience: A Lean UX Process
User Experience: A Lean UX ProcessUser Experience: A Lean UX Process
User Experience: A Lean UX ProcessRicardo Luiz
 
Software Lifecycle Management
Software Lifecycle ManagementSoftware Lifecycle Management
Software Lifecycle ManagementAnkit Jain
 
Object oriented-systems-development-life-cycle ppt
Object oriented-systems-development-life-cycle pptObject oriented-systems-development-life-cycle ppt
Object oriented-systems-development-life-cycle pptKunal Kishor Nirala
 
User Experience Design Heuristics
User Experience Design HeuristicsUser Experience Design Heuristics
User Experience Design HeuristicsNathanael Boehm
 
Introduction to ux
Introduction to uxIntroduction to ux
Introduction to uxBill Darby
 
Digital Product Development Process for Resilient Products
Digital Product Development Process for Resilient ProductsDigital Product Development Process for Resilient Products
Digital Product Development Process for Resilient ProductsFibonalabs
 
ATD-2018_kroth_agile_thinking
ATD-2018_kroth_agile_thinkingATD-2018_kroth_agile_thinking
ATD-2018_kroth_agile_thinkingNorbertKroth
 
Software Engineering Model Question Paper 5th sem (1) (1).pdf
Software Engineering Model Question Paper 5th sem (1) (1).pdfSoftware Engineering Model Question Paper 5th sem (1) (1).pdf
Software Engineering Model Question Paper 5th sem (1) (1).pdfsweta836730
 
Designing For Interaction
Designing For Interaction Designing For Interaction
Designing For Interaction Chris Bernard
 
Designing for Interaction, Chris Bernard
Designing for Interaction, Chris BernardDesigning for Interaction, Chris Bernard
Designing for Interaction, Chris BernardBoris Loukanov
 
21UCAE65 Software Testing.pdf(MTNC)(BCA)
21UCAE65 Software Testing.pdf(MTNC)(BCA)21UCAE65 Software Testing.pdf(MTNC)(BCA)
21UCAE65 Software Testing.pdf(MTNC)(BCA)ssuser7f90ae
 
Data Base On Banking Files
Data Base On Banking FilesData Base On Banking Files
Data Base On Banking FilesJennifer Marie
 
Interprting analytics skillswap: How UX and analytics can work together
Interprting analytics skillswap: How UX and analytics can work togetherInterprting analytics skillswap: How UX and analytics can work together
Interprting analytics skillswap: How UX and analytics can work togetherWebcredible
 
AngularJS App In Two Weeks
AngularJS App In Two WeeksAngularJS App In Two Weeks
AngularJS App In Two WeeksPeter Chittum
 

Similar a Abhijit someworks (20)

5d-methodology
5d-methodology5d-methodology
5d-methodology
 
SAYAN14_HCI PDF.pptx
SAYAN14_HCI PDF.pptxSAYAN14_HCI PDF.pptx
SAYAN14_HCI PDF.pptx
 
Introduction to UX for Mesiniaga Academy
Introduction to UX for Mesiniaga AcademyIntroduction to UX for Mesiniaga Academy
Introduction to UX for Mesiniaga Academy
 
Training Webinar: From a bad to an awesome user experience - Training Webinar
Training Webinar: From a bad to an awesome user experience - Training WebinarTraining Webinar: From a bad to an awesome user experience - Training Webinar
Training Webinar: From a bad to an awesome user experience - Training Webinar
 
User Experience: A Lean UX Process
User Experience: A Lean UX ProcessUser Experience: A Lean UX Process
User Experience: A Lean UX Process
 
Software Lifecycle Management
Software Lifecycle ManagementSoftware Lifecycle Management
Software Lifecycle Management
 
Object oriented-systems-development-life-cycle ppt
Object oriented-systems-development-life-cycle pptObject oriented-systems-development-life-cycle ppt
Object oriented-systems-development-life-cycle ppt
 
User Experience Design Heuristics
User Experience Design HeuristicsUser Experience Design Heuristics
User Experience Design Heuristics
 
Introduction to ux
Introduction to uxIntroduction to ux
Introduction to ux
 
Digital Product Development Process for Resilient Products
Digital Product Development Process for Resilient ProductsDigital Product Development Process for Resilient Products
Digital Product Development Process for Resilient Products
 
ATD-2018_kroth_agile_thinking
ATD-2018_kroth_agile_thinkingATD-2018_kroth_agile_thinking
ATD-2018_kroth_agile_thinking
 
Software Engineering Model Question Paper 5th sem (1) (1).pdf
Software Engineering Model Question Paper 5th sem (1) (1).pdfSoftware Engineering Model Question Paper 5th sem (1) (1).pdf
Software Engineering Model Question Paper 5th sem (1) (1).pdf
 
Designing For Interaction
Designing For Interaction Designing For Interaction
Designing For Interaction
 
Designing for Interaction, Chris Bernard
Designing for Interaction, Chris BernardDesigning for Interaction, Chris Bernard
Designing for Interaction, Chris Bernard
 
Software_Testing.pptx
Software_Testing.pptxSoftware_Testing.pptx
Software_Testing.pptx
 
21UCAE65 Software Testing.pdf(MTNC)(BCA)
21UCAE65 Software Testing.pdf(MTNC)(BCA)21UCAE65 Software Testing.pdf(MTNC)(BCA)
21UCAE65 Software Testing.pdf(MTNC)(BCA)
 
Data Base On Banking Files
Data Base On Banking FilesData Base On Banking Files
Data Base On Banking Files
 
Arvind Updated
Arvind UpdatedArvind Updated
Arvind Updated
 
Interprting analytics skillswap: How UX and analytics can work together
Interprting analytics skillswap: How UX and analytics can work togetherInterprting analytics skillswap: How UX and analytics can work together
Interprting analytics skillswap: How UX and analytics can work together
 
AngularJS App In Two Weeks
AngularJS App In Two WeeksAngularJS App In Two Weeks
AngularJS App In Two Weeks
 

Último

High-Quality Faux Embroidery Services | Cre8iveSkill
High-Quality Faux Embroidery Services | Cre8iveSkillHigh-Quality Faux Embroidery Services | Cre8iveSkill
High-Quality Faux Embroidery Services | Cre8iveSkillCre8iveskill
 
Embroidery design from embroidery magazine
Embroidery design from embroidery magazineEmbroidery design from embroidery magazine
Embroidery design from embroidery magazineRivanEleraki
 
Mike Tyson Sign The Contract Big Boy Shirt
Mike Tyson Sign The Contract Big Boy ShirtMike Tyson Sign The Contract Big Boy Shirt
Mike Tyson Sign The Contract Big Boy ShirtTeeFusion
 
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptx
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptxWCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptx
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptxHasan S
 
Design mental models for managing large-scale dbt projects. March 21, 2024 in...
Design mental models for managing large-scale dbt projects. March 21, 2024 in...Design mental models for managing large-scale dbt projects. March 21, 2024 in...
Design mental models for managing large-scale dbt projects. March 21, 2024 in...Ed Orozco
 
Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...
Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...
Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...Amil baba
 
Production of Erythromycin microbiology.pptx
Production of Erythromycin microbiology.pptxProduction of Erythromycin microbiology.pptx
Production of Erythromycin microbiology.pptxb2kshani34
 
Construction Documents Checklist before Construction
Construction Documents Checklist before ConstructionConstruction Documents Checklist before Construction
Construction Documents Checklist before ConstructionResDraft
 
Cold War Tensions Increase - 1945-1952.pptx
Cold War Tensions Increase - 1945-1952.pptxCold War Tensions Increase - 1945-1952.pptx
Cold War Tensions Increase - 1945-1952.pptxSamKuruvilla5
 
Designing for privacy: 3 essential UX habits for product teams
Designing for privacy: 3 essential UX habits for product teamsDesigning for privacy: 3 essential UX habits for product teams
Designing for privacy: 3 essential UX habits for product teamsBlock Party
 
Khushi sharma undergraduate portfolio...
Khushi sharma undergraduate portfolio...Khushi sharma undergraduate portfolio...
Khushi sharma undergraduate portfolio...khushisharma298853
 
Building+your+Data+Project+on+AWS+-+Luke+Anderson.pdf
Building+your+Data+Project+on+AWS+-+Luke+Anderson.pdfBuilding+your+Data+Project+on+AWS+-+Luke+Anderson.pdf
Building+your+Data+Project+on+AWS+-+Luke+Anderson.pdfsaidbilgen
 
How to use Ai for UX UI Design | ChatGPT
How to use Ai for UX UI Design | ChatGPTHow to use Ai for UX UI Design | ChatGPT
How to use Ai for UX UI Design | ChatGPTThink 360 Studio
 
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024Ted Drake
 
Math Group 3 Presentation OLOLOLOLILOOLLOLOL
Math Group 3 Presentation OLOLOLOLILOOLLOLOLMath Group 3 Presentation OLOLOLOLILOOLLOLOL
Math Group 3 Presentation OLOLOLOLILOOLLOLOLkenzukiri
 
The future of UX design support tools - talk Paris March 2024
The future of UX design support tools - talk Paris March 2024The future of UX design support tools - talk Paris March 2024
The future of UX design support tools - talk Paris March 2024Alan Dix
 
LRFD Bridge Design Specifications-AASHTO (2014).pdf
LRFD Bridge Design Specifications-AASHTO (2014).pdfLRFD Bridge Design Specifications-AASHTO (2014).pdf
LRFD Bridge Design Specifications-AASHTO (2014).pdfHctorFranciscoSnchez1
 
UX Conference on UX Research Trends in 2024
UX Conference on UX Research Trends in 2024UX Conference on UX Research Trends in 2024
UX Conference on UX Research Trends in 2024mikailaoh
 
Create Funeral Invites Online @ feedvu.com
Create Funeral Invites Online @ feedvu.comCreate Funeral Invites Online @ feedvu.com
Create Funeral Invites Online @ feedvu.comjakyjhon00
 

Último (19)

High-Quality Faux Embroidery Services | Cre8iveSkill
High-Quality Faux Embroidery Services | Cre8iveSkillHigh-Quality Faux Embroidery Services | Cre8iveSkill
High-Quality Faux Embroidery Services | Cre8iveSkill
 
Embroidery design from embroidery magazine
Embroidery design from embroidery magazineEmbroidery design from embroidery magazine
Embroidery design from embroidery magazine
 
Mike Tyson Sign The Contract Big Boy Shirt
Mike Tyson Sign The Contract Big Boy ShirtMike Tyson Sign The Contract Big Boy Shirt
Mike Tyson Sign The Contract Big Boy Shirt
 
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptx
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptxWCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptx
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptx
 
Design mental models for managing large-scale dbt projects. March 21, 2024 in...
Design mental models for managing large-scale dbt projects. March 21, 2024 in...Design mental models for managing large-scale dbt projects. March 21, 2024 in...
Design mental models for managing large-scale dbt projects. March 21, 2024 in...
 
Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...
Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...
Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...
 
Production of Erythromycin microbiology.pptx
Production of Erythromycin microbiology.pptxProduction of Erythromycin microbiology.pptx
Production of Erythromycin microbiology.pptx
 
Construction Documents Checklist before Construction
Construction Documents Checklist before ConstructionConstruction Documents Checklist before Construction
Construction Documents Checklist before Construction
 
Cold War Tensions Increase - 1945-1952.pptx
Cold War Tensions Increase - 1945-1952.pptxCold War Tensions Increase - 1945-1952.pptx
Cold War Tensions Increase - 1945-1952.pptx
 
Designing for privacy: 3 essential UX habits for product teams
Designing for privacy: 3 essential UX habits for product teamsDesigning for privacy: 3 essential UX habits for product teams
Designing for privacy: 3 essential UX habits for product teams
 
Khushi sharma undergraduate portfolio...
Khushi sharma undergraduate portfolio...Khushi sharma undergraduate portfolio...
Khushi sharma undergraduate portfolio...
 
Building+your+Data+Project+on+AWS+-+Luke+Anderson.pdf
Building+your+Data+Project+on+AWS+-+Luke+Anderson.pdfBuilding+your+Data+Project+on+AWS+-+Luke+Anderson.pdf
Building+your+Data+Project+on+AWS+-+Luke+Anderson.pdf
 
How to use Ai for UX UI Design | ChatGPT
How to use Ai for UX UI Design | ChatGPTHow to use Ai for UX UI Design | ChatGPT
How to use Ai for UX UI Design | ChatGPT
 
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024
 
Math Group 3 Presentation OLOLOLOLILOOLLOLOL
Math Group 3 Presentation OLOLOLOLILOOLLOLOLMath Group 3 Presentation OLOLOLOLILOOLLOLOL
Math Group 3 Presentation OLOLOLOLILOOLLOLOL
 
The future of UX design support tools - talk Paris March 2024
The future of UX design support tools - talk Paris March 2024The future of UX design support tools - talk Paris March 2024
The future of UX design support tools - talk Paris March 2024
 
LRFD Bridge Design Specifications-AASHTO (2014).pdf
LRFD Bridge Design Specifications-AASHTO (2014).pdfLRFD Bridge Design Specifications-AASHTO (2014).pdf
LRFD Bridge Design Specifications-AASHTO (2014).pdf
 
UX Conference on UX Research Trends in 2024
UX Conference on UX Research Trends in 2024UX Conference on UX Research Trends in 2024
UX Conference on UX Research Trends in 2024
 
Create Funeral Invites Online @ feedvu.com
Create Funeral Invites Online @ feedvu.comCreate Funeral Invites Online @ feedvu.com
Create Funeral Invites Online @ feedvu.com
 

Abhijit someworks

  • 1. 123Greetings abhijit das I user researcherabhijit das Some snippets of my work on UI architecting using UCD principles Abhijit Das
  • 2. 123Greetings abhijit das I user researcherabhijit das Sunlife Insurance Monitoring Application 01
  • 3. 123Greetings abhijit das I user researcherabhijit das TASK An internal application to monitor insurance flow. The Investigative Services Unit of Sunlife needs to identify and monitor fraud cases at member, claimant and provider levels. Unfortunately, the existing provider database will not meet the needs to accomplish their goal, therefore, a new provider database and user interface was required. The interface should provide functions to assign various status to different levels of facilities. It also need to be accompanied by a admin panel to power user privileges. METHODOLGY In order to showcase a design solution, for which we followed the below methods: •Questionnaire: This will help us in identifying the needs of users on broad level, depict overall approach for GUI including branding, navigation, workflow and style guide. Questionnaire should be address by stake holders or end users. Carrying this activity required on-site coordinating and client conf calls with other experts at offshore. •Prototyping: This is broadly divided into two parallel activities, low fidelity and high fidelity prototyping. We need to analyze if we have enough bandwidth to perform both the activities. Here low fidelity was achieved as paper prototyping during several brain storming sessions and later translated to high-fidelity was achieved by Visio based skeletons that depicts the work flow of application, page level details. •Visual Design: Based on the High-fidelity prototyping which evolved out of the many iterations we derived the Visual Designs of the screens. Since iterations where much handled in the previous process, thus this step we went further on and started preparing the visual guidelines in adherence with Sunlife Branding Guidelines. •Heuristic Testing: Heuristic testing will help us in understanding the % satisfaction of users we have achieved by the proposed GUI. It’s a sort of expert review/evaluation where users/stake holders give their ratings to different categories. Categories include Visual Design, Workflow, Information Architecture, User Experience, and Navigation. Outcome of this activity is a graph that will depict the end user feedback and areas of improvement if any. •UI Standards & Guidelines: In continuation with the Visual Guidelines we set the complete UI guidelines, which were later adhered to achieve the front-end production of the application, this will explain the UI standards and guidelines of the application that can will be always in use by technical team in coding phase too. Artifacts -Questionnaire -Wire-frame mock-ups -Visual Designs -Heuristic Evaluation -UI Guidelines Doc
  • 4. 123Greetings abhijit das I user researcherabhijit das Questionnaire
  • 5. 123Greetings abhijit das I user researcherabhijit das Screen Below is a screen to show the functionality of a search screen of the application, this was derived during the business analysis stage.
  • 6. 123Greetings abhijit das I user researcherabhijit das Prototyping On the basis of the business requirement document, we took upon the UI analysis and start prototyping various screen flows. Iteration are handled the best in this process. Below is the search screen – derived depiction of a task flow analysis Low fidelity is most efficient for finding & resolving problems, but high fidelity is most effective for persuading stakeholders.
  • 7. 123Greetings abhijit das I user researcherabhijit das Prototyping Search screen
  • 8. 123Greetings abhijit das I user researcherabhijit das Prototyping
  • 9. 123Greetings abhijit das I user researcherabhijit das Visual Design Visual design of the search screen
  • 10. 123Greetings abhijit das I user researcherabhijit das Visual Design Visual design of the search screen
  • 11. 123Greetings abhijit das I user researcherabhijit das A comparison of the search screen after UI solution
  • 12. 123Greetings abhijit das I user researcherabhijit das Some other screens of the application
  • 13. 123Greetings abhijit das I user researcherabhijit das Some other screens of the application
  • 14. 123Greetings abhijit das I user researcherabhijit das Heuristics Analysis Heuristics evaluation is a metrics driven fact sheet and is based out of Jacob Nielsen’s 10 Heuristics points
  • 15. 123Greetings abhijit das I user researcherabhijit das Hospitality Management Application 02
  • 16. 123Greetings abhijit das I user researcherabhijit das Prototyping On the basis of the business requirement document, we took upon the UI analysis and screen prototyping using paper prototyping and later translating it in to wireframes using Balsamiq Below is a login screen design with forgot password functionality.
  • 17. 123Greetings abhijit das I user researcherabhijit das Prototyping Below is one of the main screen of the application, which is the patient search screen
  • 18. 123Greetings abhijit das I user researcherabhijit das Visual Design Translations of the basic wire-frame mock-ups into visual design
  • 19. 123Greetings abhijit das I user researcherabhijit das Visual Design Translations of the basic wire-frame mock-ups into visual design
  • 20. 123Greetings abhijit das I user researcherabhijit das Visual Design Translations of the basic wire-frame mock-ups into visual design
  • 21. 123Greetings abhijit das I user researcherabhijit das StarTrac – a Business Tracking Application 03
  • 22. 123Greetings abhijit das I user researcherabhijit das Some other sample screens after UI architecting
  • 23. 123Greetings abhijit das I user researcherabhijit das Some other sample screens after UI architecting
  • 24. 123Greetings abhijit das I user researcherabhijit das Some other sample screens after UI architecting
  • 25. 123Greetings abhijit das I user researcherabhijit das Some other sample screens after UI architecting An example of a Current data entry screen
  • 26. 123Greetings abhijit das I user researcherabhijit das Some other sample screens after UI architecting View of Dashboard screen for Integrators
  • 27. 123Greetings abhijit das I user researcherabhijit das Some other samples 04
  • 28. 123Greetings abhijit das I user researcherabhijit das Some other sample screens after UI architecting (design as per citimortgage site launched in end of 2006) Below is the homepage screen, which was derived after working over with a lot of the UCD methodologies. Below is a sample view of the homepage screen depicting a before and after scenario. Before After
  • 29. 123Greetings abhijit das I user researcherabhijit das Some other sample screens after UI architecting (launched in end of 2008 and design still continuing with minimal changes) Below is the homepage screen, which was derived after working over with a lot of the UCD methodologies. Below is a sample view of the homepage screen depicting a before and after scenario. Before After
  • 30. 123Greetings abhijit das I user researcherabhijit das JP Morgan Chase 05
  • 31. 123Greetings abhijit das I user researcherabhijit das Worked on developing parts of significant change which Chase brought about in public domain by changing their homepage and revamped their branding. Many internal pages of Chase are still being developed as continuous process www.chase.com
  • 32. 123Greetings abhijit das I user researcherabhijit das Banking industry is strict with privacy so many of my work goes within their secured environment and are hard to project them in public. Unless you are one of the customers of Chase bank, thus will enable you to view some of my application design. The following below is login screen of JP Morgan Online Banking or private banking.
  • 33. 123Greetings abhijit das I user researcherabhijit das UCD in practice 06
  • 34. 123Greetings abhijit das I user researcherabhijit das Some thoughts on UI architecting using UCD principles Making software with keeping 5 main goals in mind is very important as it determines the success and failure of the software: •the ease and efficiency of using the product; •the learnability of the product; •the memorability of using the product; •error handling in the product; and •satisfaction and emotional value in using the product The Returns on Investment (ROI) that accrue from a engaging user experience process in software product can increase productivity up to 160%, decrease drop-off rates in e-commerce up to 150% and reduce internal training costs up to 100% This diagram describes the need and involvement of user experience management from the discovery or the inception phase of a product life cycle. The user experience runs parallel along with the product cycle and monitors it and analyses it continuously and thus keeping that human factor alive in the whole development.
  • 35. 123Greetings abhijit das I user researcherabhijit das Some thoughts on UI architecting using UCD principles The type user experience process can be engaged according to the need and the requirement and also the phase in which the software development cycle is currently in; from the discovery or the inception stage right up to the delivery stage and also after it the user experience can be involved. In various stages, user experience process involves various tasks in it, as for example (note: describing in brief, elaborate description and process is not shown in details) •Discovery or Inception phase: it involves a)User understanding b)Target audience analysis and focus group c)Interviews and questions d)Task flow analysis and data analysis e)Heuristic evaluations •Prototyping Phase a)Sketch, rough design over visio etc b)Visual designs c)UI testing and observations, which can again involve step A mentioned above d)Low level and high level designs e)Design documentation and standardization f)Usability testing a)Development a)Complete html with css, adhering to standards b)A clickable prototype c)Accessibility and other testing •Testing and Delivery Feedback gathering keeps on going even after delivery for user experience group to gather information on the released product, so that the next phase or version can be built on those feedbacks. Thus product development without the involvement is user experience in current software development cycle is like baking a bread without putting yeast in it, it will not be liked by the people who use it or they will take it initially but it will not last.
  • 36. 123Greetings abhijit das I user researcherabhijit das Thank You