SlideShare a Scribd company logo
UI & UX ENGINEERING
S.A.A.D.C.I Athukorala
What is UX Design
 The field of user experience design has roots in human
factors and ergonomics.
 In 1990 ‘Donald Norman ’ declared that ‘User Experience
encompasses all aspects of the end-user's interaction with
the company, its services, and its products.’
 UX Design is the process of enhancing customer
satisfaction and loyalty by improving the usability, ease of
use, and pleasure provided in the interaction between the
customer and the product.
1/21/2016UI & UX Engineering2
Elements of UX Design
 User Centered Design
 User Centered Design refers to a class of methodologies
where design decisions are based on some tangible user
model.
 That user model must be based on the research of the users
of the application.
 Visual Design
 Visual Design refers to the design of the visual appearance
of software, advertising, or other commercial products.
 Visual Design focuses a bit more on esthetics.
 Visual Designers are often NOT User Centered Designers.
1/21/2016UI & UX Engineering3
Elements of UX Design
 Information Architecture
 Information Architecture refers to the structuring of
information.
 An Information Architecture professional is often
considered a counterpart to an Interaction Designer.
 Interaction Designers focus on how people use computers
to accomplish work, and Information Architects focus on
how people leverage information to support goals.
1/21/2016UI & UX Engineering4
Elements of UX Design
 Interaction Design
 Interaction Design refers to the specific choices of user
interactions we make to allow users to meet their goals in
the software.
 Interaction Designers are generally User Centered
Designers.
 Interaction Designers:
Creating the layout of the interface
Defining interaction patterns best suited in the context
Effectively communicating strengths of the system
Making the interface intuitive by building affordances
Maintaining consistency throughout the system
1/21/2016UI & UX Engineering5
Elements of UX Design
Usability
 Usability refers to the ability of a specific type of
user to be able to effectively carry out a task
using a product.
 Usability is usually measured through testing.
Given a number of test subjects that reflects the
type of user that will use the application:
how many successfully complete a task.
on average how quickly do they complete that
task
on average how many user errors are made while
attempting to complete that task. 1/21/2016UI & UX Engineering6
Elements of UX Design
 HCI
 Human-Computer or Computer-Human interaction refers
to the study of how humans and computers interact.
 An HCI professional may be a researcher, a designer, a
psychologist, or anyone who might focus on human-
computer interaction as part of their work or study.
1/21/2016UI & UX Engineering7
Responsibilities of UX Design
 At the beginning of the project
 Competitor Analysis
 Customer Analysis
 Product Structure/Strategy
 Content Development
 While the project is underway
 Wireframing
 Prototyping
 Testing/Iteration
 Development Planning
1/21/2016UI & UX Engineering8
Responsibilities of UX Design
 Execution and Analysis
 Coordination with UI Designer(s)
 Coordination with Developer(s)
 Tracking Goals and Integration
 Analysis and Iteration
1/21/2016UI & UX Engineering9
General design process
 Collecting information about the problem.
 Getting ready to design
 Design
 Test and Iterate
1/21/2016UI & UX Engineering10
Critics of UX Design
 User experience design is a buzzword for an existing best
practice.
 A user experience cannot be fully designed.
 A user experience cannot be fully measured.
1/21/2016UI & UX Engineering11
What is UI Design?
 User Interface Design is responsible for the transference of
a brand’s strengths and visual assets to a product’s interface
as to best enhance the user’s experience.
 User Interface Design is a process of visually guiding the
user through a product’s interface via interactive elements
and across all sizes/platforms.
 User Interface Design is a digital field, which includes
responsibility for cooperation and work with developers or
code.
1/21/2016UI & UX Engineering12
UI Design principles
 User familiarity
 The interface should use terms and concepts which are
drawn from the experience of the people who will make
most use of the system.
 Consistency
 The interface should be consistent in that, wherever
possible, comparable operations should be activated in the
same way.
 Minimal surprise
 Users should never be surprised by the behaviour of a
system.
1/21/2016UI & UX Engineering13
UI Design principles
 Recoverability
 The interface should include mechanisms to allow users to
recover from errors.
 User guidance
 The interface should provide meaningful feedback when
errors occur and provide context-sensitive user help
facilities.
 User diversity
 The interface should provide appropriate interaction
facilities for different types of system user.
1/21/2016UI & UX Engineering14
UI Design process
 UI design is an iterative process involving close liaisons
between users and designers.
 The 3 core activities in this process are:
 User analysis: Understand what the users will do with the
system.
 System prototyping: Develop a series of prototypes for
experiment.
 Interface evaluation: Experiment with these prototypes
with users.
1/21/2016UI & UX Engineering15
The design process
1/21/2016UI & UX Engineering16
Responsibilities of UI Designer
 Customer analysis
 Interactivity and animation
 UI prototyping
 Implementation with the developer
 Design research
 Branding and graphic development
 Documentation
 User guides
1/21/2016UI & UX Engineering17
UI evaluation
 Some evaluation of a user interface design
should be carried out to assess its suitability.
 Full scale evaluation is very expensive and
impractical for most systems.
 Ideally, an interface should be evaluated against a usability
specification. However, it is rare for such specifications to
be produced.
1/21/2016UI & UX Engineering18
Evaluation techniques
 Questionnaires for user feedback.
 Video recording of system use and subsequent tape
evaluation.
 Instrumentation of code to collect information about facility
use and user errors.
 The provision of code in the software to collect on-line user
feedback.
1/21/2016UI & UX Engineering19
Difference between UI and UX
 UI refers to the term ‘User Interface’ and UX stands for
‘User Experience’.
 Both are crucial to a product and work closely together.
 But the roles of them are different.
 UX design is more analytical and technical field.
 UI design is closer to graphic design.
1/21/2016UI & UX Engineering20
Similarities between UI & UX
 Have a primary objective of improving customer
satisfaction.
 Focus on the user and his/her interaction with a
product/service.
 Can be applied to any product.
1/21/2016UI & UX Engineering21
THANK YOU
1/21/2016UI & UX Engineering22

More Related Content

What's hot

UI vs UX workshop
UI vs UX workshopUI vs UX workshop
UI vs UX workshop
Inova LLC
 
UX RULES: 10 ESSENTIAL PRINCIPLES
UX RULES: 10 ESSENTIAL PRINCIPLESUX RULES: 10 ESSENTIAL PRINCIPLES
UX RULES: 10 ESSENTIAL PRINCIPLES
Jeremy Robinson
 
What is a User Experience?
What is a User Experience? What is a User Experience?
What is a User Experience?
Dotinum
 
UI UX Introductory session
UI UX Introductory sessionUI UX Introductory session
UI UX Introductory session
Sooraj P R
 
UI/UX Workshop - Hackvision
UI/UX Workshop - HackvisionUI/UX Workshop - Hackvision
UI/UX Workshop - Hackvision
Prottay Karim
 
UX and UI
UX and UIUX and UI
Ui vs UX design
Ui vs UX designUi vs UX design
Ui vs UX design
Maksym Babych
 
UX Best Practices
UX Best PracticesUX Best Practices
UX Best Practices
Theresa Neil
 
What is UX?
What is UX?What is UX?
What is UX?
Peter van Lanschot
 
i/o extended: Intro to <UX> Design
i/o extended: Intro to <UX> Design  i/o extended: Intro to <UX> Design
i/o extended: Intro to <UX> Design
GDGKuwaitGoogleDevel
 
What is UI/UX and the Difference
What is UI/UX and the DifferenceWhat is UI/UX and the Difference
What is UI/UX and the Difference
Vibloo
 
What is UX Design?
What is UX Design?What is UX Design?
What is UX Design?
Baris Erkol
 
UX 101: A quick & dirty introduction to user experience strategy & design
UX 101: A quick & dirty introduction to user experience strategy & designUX 101: A quick & dirty introduction to user experience strategy & design
UX 101: A quick & dirty introduction to user experience strategy & design
Morgan McKeagney
 
UI/UX Fundamentals
UI/UX FundamentalsUI/UX Fundamentals
UI/UX Fundamentals
Dijup Tuladhar
 
UX is not UI!
UX is not UI!UX is not UI!
UX is not UI!
Nicolas Demange
 
UX/UI Design 101
UX/UI Design 101UX/UI Design 101
UX/UI Design 101
Jasmine Phan
 
UX/UI design process - Studio CreativeMe
UX/UI design process - Studio CreativeMeUX/UI design process - Studio CreativeMe
UX/UI design process - Studio CreativeMe
Madhuri Garg
 
UX & UI Design: Differentiate through design
UX & UI Design: Differentiate through designUX & UI Design: Differentiate through design
UX & UI Design: Differentiate through design
MoodLabs
 
UX Design process, #UX, #Design Process, #Agile UX
UX Design process, #UX, #Design Process, #Agile UX UX Design process, #UX, #Design Process, #Agile UX
UX Design process, #UX, #Design Process, #Agile UX
Murali Krishna
 
Ux & ui
Ux & uiUx & ui
Ux & ui
Fisher Liao
 

What's hot (20)

UI vs UX workshop
UI vs UX workshopUI vs UX workshop
UI vs UX workshop
 
UX RULES: 10 ESSENTIAL PRINCIPLES
UX RULES: 10 ESSENTIAL PRINCIPLESUX RULES: 10 ESSENTIAL PRINCIPLES
UX RULES: 10 ESSENTIAL PRINCIPLES
 
What is a User Experience?
What is a User Experience? What is a User Experience?
What is a User Experience?
 
UI UX Introductory session
UI UX Introductory sessionUI UX Introductory session
UI UX Introductory session
 
UI/UX Workshop - Hackvision
UI/UX Workshop - HackvisionUI/UX Workshop - Hackvision
UI/UX Workshop - Hackvision
 
UX and UI
UX and UIUX and UI
UX and UI
 
Ui vs UX design
Ui vs UX designUi vs UX design
Ui vs UX design
 
UX Best Practices
UX Best PracticesUX Best Practices
UX Best Practices
 
What is UX?
What is UX?What is UX?
What is UX?
 
i/o extended: Intro to <UX> Design
i/o extended: Intro to <UX> Design  i/o extended: Intro to <UX> Design
i/o extended: Intro to <UX> Design
 
What is UI/UX and the Difference
What is UI/UX and the DifferenceWhat is UI/UX and the Difference
What is UI/UX and the Difference
 
What is UX Design?
What is UX Design?What is UX Design?
What is UX Design?
 
UX 101: A quick & dirty introduction to user experience strategy & design
UX 101: A quick & dirty introduction to user experience strategy & designUX 101: A quick & dirty introduction to user experience strategy & design
UX 101: A quick & dirty introduction to user experience strategy & design
 
UI/UX Fundamentals
UI/UX FundamentalsUI/UX Fundamentals
UI/UX Fundamentals
 
UX is not UI!
UX is not UI!UX is not UI!
UX is not UI!
 
UX/UI Design 101
UX/UI Design 101UX/UI Design 101
UX/UI Design 101
 
UX/UI design process - Studio CreativeMe
UX/UI design process - Studio CreativeMeUX/UI design process - Studio CreativeMe
UX/UI design process - Studio CreativeMe
 
UX & UI Design: Differentiate through design
UX & UI Design: Differentiate through designUX & UI Design: Differentiate through design
UX & UI Design: Differentiate through design
 
UX Design process, #UX, #Design Process, #Agile UX
UX Design process, #UX, #Design Process, #Agile UX UX Design process, #UX, #Design Process, #Agile UX
UX Design process, #UX, #Design Process, #Agile UX
 
Ux & ui
Ux & uiUx & ui
Ux & ui
 

Viewers also liked

Lettre de recommandation - BNP PF
Lettre de recommandation - BNP PFLettre de recommandation - BNP PF
Lettre de recommandation - BNP PF
Julien Diennet
 
Interview_Fichera_ImpresaeImprese
Interview_Fichera_ImpresaeImpreseInterview_Fichera_ImpresaeImprese
Interview_Fichera_ImpresaeImprese
Alessandro Fichera
 
new CV
new CVnew CV
RESUME NW2, 2016
RESUME NW2, 2016RESUME NW2, 2016
RESUME NW2, 2016
Natalie Wexler
 
PA Distance Learning Info Session
PA Distance Learning Info SessionPA Distance Learning Info Session
PA Distance Learning Info Session
padistance
 
7th math c2 -l33
7th math c2 -l337th math c2 -l33
7th math c2 -l33
jdurst65
 
Heart Healthy Foods
Heart Healthy Foods Heart Healthy Foods
Heart Healthy Foods
Just for Hearts
 
Curriculum Vitae
Curriculum VitaeCurriculum Vitae
Curriculum Vitae
anneherrero
 
(Complete) Screening Phenotypic Mutations in Citobacter Rodentium
(Complete) Screening Phenotypic Mutations in Citobacter Rodentium(Complete) Screening Phenotypic Mutations in Citobacter Rodentium
(Complete) Screening Phenotypic Mutations in Citobacter Rodentium
Konyin Oluwole
 
Diploma_of_Buisness
Diploma_of_BuisnessDiploma_of_Buisness
Diploma_of_Buisness
Hamal Patel
 
T1 reproducció éssers vius-resums
T1 reproducció éssers vius-resumsT1 reproducció éssers vius-resums
T1 reproducció éssers vius-resums
6sise
 
Trabajo grupal. amigos reales o virtuales (2)
Trabajo grupal. amigos reales o virtuales (2)Trabajo grupal. amigos reales o virtuales (2)
Trabajo grupal. amigos reales o virtuales (2)
Rocío Fernández-Pacheco Peréz
 
Twin space 2016
Twin space 2016Twin space 2016
Twin space 2016
Massimiliano D'Innocenzo
 
Person centered diagnosis and treatment
Person centered diagnosis and treatmentPerson centered diagnosis and treatment
Person centered diagnosis and treatment
Peter Ladd
 
Distrofia muscular exposicion
Distrofia muscular exposicionDistrofia muscular exposicion
Distrofia muscular exposicion
Roberto Colin Peraza
 
Embriologia
EmbriologiaEmbriologia
Embriologia
vilmalvarez
 
Presentacion neurocraneo
Presentacion neurocraneoPresentacion neurocraneo
Presentacion neurocraneo
Angel González
 
Linea del Tiempo del Internet
Linea del Tiempo del InternetLinea del Tiempo del Internet
Linea del Tiempo del Internet
Somassiel Ortiz
 
FIBROSIS QUISTICA
FIBROSIS QUISTICA FIBROSIS QUISTICA
FIBROSIS QUISTICA
mayerlis
 

Viewers also liked (19)

Lettre de recommandation - BNP PF
Lettre de recommandation - BNP PFLettre de recommandation - BNP PF
Lettre de recommandation - BNP PF
 
Interview_Fichera_ImpresaeImprese
Interview_Fichera_ImpresaeImpreseInterview_Fichera_ImpresaeImprese
Interview_Fichera_ImpresaeImprese
 
new CV
new CVnew CV
new CV
 
RESUME NW2, 2016
RESUME NW2, 2016RESUME NW2, 2016
RESUME NW2, 2016
 
PA Distance Learning Info Session
PA Distance Learning Info SessionPA Distance Learning Info Session
PA Distance Learning Info Session
 
7th math c2 -l33
7th math c2 -l337th math c2 -l33
7th math c2 -l33
 
Heart Healthy Foods
Heart Healthy Foods Heart Healthy Foods
Heart Healthy Foods
 
Curriculum Vitae
Curriculum VitaeCurriculum Vitae
Curriculum Vitae
 
(Complete) Screening Phenotypic Mutations in Citobacter Rodentium
(Complete) Screening Phenotypic Mutations in Citobacter Rodentium(Complete) Screening Phenotypic Mutations in Citobacter Rodentium
(Complete) Screening Phenotypic Mutations in Citobacter Rodentium
 
Diploma_of_Buisness
Diploma_of_BuisnessDiploma_of_Buisness
Diploma_of_Buisness
 
T1 reproducció éssers vius-resums
T1 reproducció éssers vius-resumsT1 reproducció éssers vius-resums
T1 reproducció éssers vius-resums
 
Trabajo grupal. amigos reales o virtuales (2)
Trabajo grupal. amigos reales o virtuales (2)Trabajo grupal. amigos reales o virtuales (2)
Trabajo grupal. amigos reales o virtuales (2)
 
Twin space 2016
Twin space 2016Twin space 2016
Twin space 2016
 
Person centered diagnosis and treatment
Person centered diagnosis and treatmentPerson centered diagnosis and treatment
Person centered diagnosis and treatment
 
Distrofia muscular exposicion
Distrofia muscular exposicionDistrofia muscular exposicion
Distrofia muscular exposicion
 
Embriologia
EmbriologiaEmbriologia
Embriologia
 
Presentacion neurocraneo
Presentacion neurocraneoPresentacion neurocraneo
Presentacion neurocraneo
 
Linea del Tiempo del Internet
Linea del Tiempo del InternetLinea del Tiempo del Internet
Linea del Tiempo del Internet
 
FIBROSIS QUISTICA
FIBROSIS QUISTICA FIBROSIS QUISTICA
FIBROSIS QUISTICA
 

Similar to UI & UX Engineering

UI & UX Engineering
UI & UX EngineeringUI & UX Engineering
UI & UX Engineering
suslpst
 
UI & UX Engineering
UI & UX EngineeringUI & UX Engineering
UI & UX Engineering
Sabaragamuwa University
 
Game interface design part 1
Game interface design part 1Game interface design part 1
Game interface design part 1
Durgesh Pandey
 
Best Practices in UX Design
Best Practices in UX DesignBest Practices in UX Design
Best Practices in UX Design
Manish Thangavelu
 
What Are the Roles and Responsibility of a UX UI Designer.docx
What Are the Roles and Responsibility of a UX UI Designer.docxWhat Are the Roles and Responsibility of a UX UI Designer.docx
What Are the Roles and Responsibility of a UX UI Designer.docx
WilliamJames717223
 
The Fundamentals of UI and UX Design - Cuneiform
The Fundamentals of UI and UX Design - CuneiformThe Fundamentals of UI and UX Design - Cuneiform
The Fundamentals of UI and UX Design - Cuneiform
Cuneiform Consulting Pvt Ltd.
 
What is user experience(ux) & ux designer
What is user experience(ux) & ux designerWhat is user experience(ux) & ux designer
What is user experience(ux) & ux designer
Metricoid Technology
 
Creating-Seamless-Experiences-through-UI.pdf
Creating-Seamless-Experiences-through-UI.pdfCreating-Seamless-Experiences-through-UI.pdf
Creating-Seamless-Experiences-through-UI.pdf
Alice James
 
Elements of User Experience - MIT ID Innovation
Elements of User Experience - MIT ID InnovationElements of User Experience - MIT ID Innovation
Elements of User Experience - MIT ID Innovation
Pankaj Deshpande
 
UX design.pdf
UX design.pdfUX design.pdf
UX design.pdf
Zasya Solutions
 
Ux Overview
Ux OverviewUx Overview
Ux Overview
mbrosset
 
Proof That UI UX Really Works
Proof That UI UX Really WorksProof That UI UX Really Works
Proof That UI UX Really Works
Samer Tallauze
 
UI UX design.docx
UI UX design.docxUI UX design.docx
UI UX design.docx
RiniyaMary
 
Get to know about UI/UX designing
Get to know about UI/UX designingGet to know about UI/UX designing
Get to know about UI/UX designing
Menusha Pathirana
 
PIGIN Impact Academy UX Glossary.pptx
PIGIN Impact Academy UX Glossary.pptxPIGIN Impact Academy UX Glossary.pptx
PIGIN Impact Academy UX Glossary.pptx
EmployabilityClinic
 
The Complete UX Deliverables
The Complete UX Deliverables The Complete UX Deliverables
The Complete UX Deliverables
Bashar louzon
 
ui ux design course in hyderabad........
ui ux design course in hyderabad........ui ux design course in hyderabad........
ui ux design course in hyderabad........
sowmyavibhin
 
ui ux design course in hyderabad for best future
ui ux design course in hyderabad for best futureui ux design course in hyderabad for best future
ui ux design course in hyderabad for best future
aparna3zen
 
ui ux design course in hyderabad........
ui ux design course in hyderabad........ui ux design course in hyderabad........
ui ux design course in hyderabad........
sowmyavibhin
 
ui ux design course in hyderabad
ui  ux  design   course   in   hyderabadui  ux  design   course   in   hyderabad
ui ux design course in hyderabad
nareshnari1808
 

Similar to UI & UX Engineering (20)

UI & UX Engineering
UI & UX EngineeringUI & UX Engineering
UI & UX Engineering
 
UI & UX Engineering
UI & UX EngineeringUI & UX Engineering
UI & UX Engineering
 
Game interface design part 1
Game interface design part 1Game interface design part 1
Game interface design part 1
 
Best Practices in UX Design
Best Practices in UX DesignBest Practices in UX Design
Best Practices in UX Design
 
What Are the Roles and Responsibility of a UX UI Designer.docx
What Are the Roles and Responsibility of a UX UI Designer.docxWhat Are the Roles and Responsibility of a UX UI Designer.docx
What Are the Roles and Responsibility of a UX UI Designer.docx
 
The Fundamentals of UI and UX Design - Cuneiform
The Fundamentals of UI and UX Design - CuneiformThe Fundamentals of UI and UX Design - Cuneiform
The Fundamentals of UI and UX Design - Cuneiform
 
What is user experience(ux) & ux designer
What is user experience(ux) & ux designerWhat is user experience(ux) & ux designer
What is user experience(ux) & ux designer
 
Creating-Seamless-Experiences-through-UI.pdf
Creating-Seamless-Experiences-through-UI.pdfCreating-Seamless-Experiences-through-UI.pdf
Creating-Seamless-Experiences-through-UI.pdf
 
Elements of User Experience - MIT ID Innovation
Elements of User Experience - MIT ID InnovationElements of User Experience - MIT ID Innovation
Elements of User Experience - MIT ID Innovation
 
UX design.pdf
UX design.pdfUX design.pdf
UX design.pdf
 
Ux Overview
Ux OverviewUx Overview
Ux Overview
 
Proof That UI UX Really Works
Proof That UI UX Really WorksProof That UI UX Really Works
Proof That UI UX Really Works
 
UI UX design.docx
UI UX design.docxUI UX design.docx
UI UX design.docx
 
Get to know about UI/UX designing
Get to know about UI/UX designingGet to know about UI/UX designing
Get to know about UI/UX designing
 
PIGIN Impact Academy UX Glossary.pptx
PIGIN Impact Academy UX Glossary.pptxPIGIN Impact Academy UX Glossary.pptx
PIGIN Impact Academy UX Glossary.pptx
 
The Complete UX Deliverables
The Complete UX Deliverables The Complete UX Deliverables
The Complete UX Deliverables
 
ui ux design course in hyderabad........
ui ux design course in hyderabad........ui ux design course in hyderabad........
ui ux design course in hyderabad........
 
ui ux design course in hyderabad for best future
ui ux design course in hyderabad for best futureui ux design course in hyderabad for best future
ui ux design course in hyderabad for best future
 
ui ux design course in hyderabad........
ui ux design course in hyderabad........ui ux design course in hyderabad........
ui ux design course in hyderabad........
 
ui ux design course in hyderabad
ui  ux  design   course   in   hyderabadui  ux  design   course   in   hyderabad
ui ux design course in hyderabad
 

Recently uploaded

Lange and Roberts "DEIA in the Scholarly Landscape Session 5: DEIA in Peer Re...
Lange and Roberts "DEIA in the Scholarly Landscape Session 5: DEIA in Peer Re...Lange and Roberts "DEIA in the Scholarly Landscape Session 5: DEIA in Peer Re...
Lange and Roberts "DEIA in the Scholarly Landscape Session 5: DEIA in Peer Re...
National Information Standards Organization (NISO)
 
Imagination in Computer Science Research
Imagination in Computer Science ResearchImagination in Computer Science Research
Imagination in Computer Science Research
Abhik Roychoudhury
 
2 Post harvest Physiology of Horticulture produce.pptx
2 Post harvest Physiology of Horticulture  produce.pptx2 Post harvest Physiology of Horticulture  produce.pptx
2 Post harvest Physiology of Horticulture produce.pptx
UmeshTimilsina1
 
SQL Server Interview Questions PDF By ScholarHat
SQL Server Interview Questions PDF By ScholarHatSQL Server Interview Questions PDF By ScholarHat
SQL Server Interview Questions PDF By ScholarHat
Scholarhat
 
E-learning Odoo 17 New features - Odoo 17 Slides
E-learning Odoo 17  New features - Odoo 17 SlidesE-learning Odoo 17  New features - Odoo 17 Slides
E-learning Odoo 17 New features - Odoo 17 Slides
Celine George
 
JavaScript Interview Questions PDF By ScholarHat
JavaScript Interview  Questions PDF By ScholarHatJavaScript Interview  Questions PDF By ScholarHat
JavaScript Interview Questions PDF By ScholarHat
Scholarhat
 
MVC Interview Questions PDF By ScholarHat
MVC Interview Questions PDF By ScholarHatMVC Interview Questions PDF By ScholarHat
MVC Interview Questions PDF By ScholarHat
Scholarhat
 
slidesgo-mastering-the-art-of-listening-insights-from-robin-sharma-2024070718...
slidesgo-mastering-the-art-of-listening-insights-from-robin-sharma-2024070718...slidesgo-mastering-the-art-of-listening-insights-from-robin-sharma-2024070718...
slidesgo-mastering-the-art-of-listening-insights-from-robin-sharma-2024070718...
MANIVALANSR
 
ASP.NET Core Interview Questions PDF By ScholarHat.pdf
ASP.NET Core Interview Questions PDF By ScholarHat.pdfASP.NET Core Interview Questions PDF By ScholarHat.pdf
ASP.NET Core Interview Questions PDF By ScholarHat.pdf
Scholarhat
 
Open Source and AI - ByWater Closing Keynote Presentation.pdf
Open Source and AI - ByWater Closing Keynote Presentation.pdfOpen Source and AI - ByWater Closing Keynote Presentation.pdf
Open Source and AI - ByWater Closing Keynote Presentation.pdf
Jessica Zairo
 
Parkinson Disease & Anti-Parkinsonian Drugs.pptx
Parkinson Disease & Anti-Parkinsonian Drugs.pptxParkinson Disease & Anti-Parkinsonian Drugs.pptx
Parkinson Disease & Anti-Parkinsonian Drugs.pptx
AnujVishwakarma34
 
Java MCQ Questions and Answers PDF By ScholarHat
Java MCQ Questions and Answers PDF By ScholarHatJava MCQ Questions and Answers PDF By ScholarHat
Java MCQ Questions and Answers PDF By ScholarHat
Scholarhat
 
FIRST AID PRESENTATION ON INDUSTRIAL SAFETY by dr lal.ppt
FIRST AID PRESENTATION ON INDUSTRIAL SAFETY by dr lal.pptFIRST AID PRESENTATION ON INDUSTRIAL SAFETY by dr lal.ppt
FIRST AID PRESENTATION ON INDUSTRIAL SAFETY by dr lal.ppt
ashutoshklal29
 
How to Manage Access Rights & User Types in Odoo 17
How to Manage Access Rights & User Types in Odoo 17How to Manage Access Rights & User Types in Odoo 17
How to Manage Access Rights & User Types in Odoo 17
Celine George
 
Codeavour 5.0 International Impact Report - The Biggest International AI, Cod...
Codeavour 5.0 International Impact Report - The Biggest International AI, Cod...Codeavour 5.0 International Impact Report - The Biggest International AI, Cod...
Codeavour 5.0 International Impact Report - The Biggest International AI, Cod...
Codeavour International
 
Benchmarking Sustainability: Neurosciences and AI Tech Research in Macau - Ke...
Benchmarking Sustainability: Neurosciences and AI Tech Research in Macau - Ke...Benchmarking Sustainability: Neurosciences and AI Tech Research in Macau - Ke...
Benchmarking Sustainability: Neurosciences and AI Tech Research in Macau - Ke...
Alvaro Barbosa
 
How to Manage Shipping Connectors & Shipping Methods in Odoo 17
How to Manage Shipping Connectors & Shipping Methods in Odoo 17How to Manage Shipping Connectors & Shipping Methods in Odoo 17
How to Manage Shipping Connectors & Shipping Methods in Odoo 17
Celine George
 
Brigada Eskwela 2024 PowerPoint Update for SY 2024-2025
Brigada Eskwela 2024 PowerPoint Update for SY 2024-2025Brigada Eskwela 2024 PowerPoint Update for SY 2024-2025
Brigada Eskwela 2024 PowerPoint Update for SY 2024-2025
ALBERTHISOLER1
 
How to Empty a One2Many Field in Odoo 17
How to Empty a One2Many Field in Odoo 17How to Empty a One2Many Field in Odoo 17
How to Empty a One2Many Field in Odoo 17
Celine George
 
A beginner’s guide to project reviews - everything you wanted to know but wer...
A beginner’s guide to project reviews - everything you wanted to know but wer...A beginner’s guide to project reviews - everything you wanted to know but wer...
A beginner’s guide to project reviews - everything you wanted to know but wer...
Association for Project Management
 

Recently uploaded (20)

Lange and Roberts "DEIA in the Scholarly Landscape Session 5: DEIA in Peer Re...
Lange and Roberts "DEIA in the Scholarly Landscape Session 5: DEIA in Peer Re...Lange and Roberts "DEIA in the Scholarly Landscape Session 5: DEIA in Peer Re...
Lange and Roberts "DEIA in the Scholarly Landscape Session 5: DEIA in Peer Re...
 
Imagination in Computer Science Research
Imagination in Computer Science ResearchImagination in Computer Science Research
Imagination in Computer Science Research
 
2 Post harvest Physiology of Horticulture produce.pptx
2 Post harvest Physiology of Horticulture  produce.pptx2 Post harvest Physiology of Horticulture  produce.pptx
2 Post harvest Physiology of Horticulture produce.pptx
 
SQL Server Interview Questions PDF By ScholarHat
SQL Server Interview Questions PDF By ScholarHatSQL Server Interview Questions PDF By ScholarHat
SQL Server Interview Questions PDF By ScholarHat
 
E-learning Odoo 17 New features - Odoo 17 Slides
E-learning Odoo 17  New features - Odoo 17 SlidesE-learning Odoo 17  New features - Odoo 17 Slides
E-learning Odoo 17 New features - Odoo 17 Slides
 
JavaScript Interview Questions PDF By ScholarHat
JavaScript Interview  Questions PDF By ScholarHatJavaScript Interview  Questions PDF By ScholarHat
JavaScript Interview Questions PDF By ScholarHat
 
MVC Interview Questions PDF By ScholarHat
MVC Interview Questions PDF By ScholarHatMVC Interview Questions PDF By ScholarHat
MVC Interview Questions PDF By ScholarHat
 
slidesgo-mastering-the-art-of-listening-insights-from-robin-sharma-2024070718...
slidesgo-mastering-the-art-of-listening-insights-from-robin-sharma-2024070718...slidesgo-mastering-the-art-of-listening-insights-from-robin-sharma-2024070718...
slidesgo-mastering-the-art-of-listening-insights-from-robin-sharma-2024070718...
 
ASP.NET Core Interview Questions PDF By ScholarHat.pdf
ASP.NET Core Interview Questions PDF By ScholarHat.pdfASP.NET Core Interview Questions PDF By ScholarHat.pdf
ASP.NET Core Interview Questions PDF By ScholarHat.pdf
 
Open Source and AI - ByWater Closing Keynote Presentation.pdf
Open Source and AI - ByWater Closing Keynote Presentation.pdfOpen Source and AI - ByWater Closing Keynote Presentation.pdf
Open Source and AI - ByWater Closing Keynote Presentation.pdf
 
Parkinson Disease & Anti-Parkinsonian Drugs.pptx
Parkinson Disease & Anti-Parkinsonian Drugs.pptxParkinson Disease & Anti-Parkinsonian Drugs.pptx
Parkinson Disease & Anti-Parkinsonian Drugs.pptx
 
Java MCQ Questions and Answers PDF By ScholarHat
Java MCQ Questions and Answers PDF By ScholarHatJava MCQ Questions and Answers PDF By ScholarHat
Java MCQ Questions and Answers PDF By ScholarHat
 
FIRST AID PRESENTATION ON INDUSTRIAL SAFETY by dr lal.ppt
FIRST AID PRESENTATION ON INDUSTRIAL SAFETY by dr lal.pptFIRST AID PRESENTATION ON INDUSTRIAL SAFETY by dr lal.ppt
FIRST AID PRESENTATION ON INDUSTRIAL SAFETY by dr lal.ppt
 
How to Manage Access Rights & User Types in Odoo 17
How to Manage Access Rights & User Types in Odoo 17How to Manage Access Rights & User Types in Odoo 17
How to Manage Access Rights & User Types in Odoo 17
 
Codeavour 5.0 International Impact Report - The Biggest International AI, Cod...
Codeavour 5.0 International Impact Report - The Biggest International AI, Cod...Codeavour 5.0 International Impact Report - The Biggest International AI, Cod...
Codeavour 5.0 International Impact Report - The Biggest International AI, Cod...
 
Benchmarking Sustainability: Neurosciences and AI Tech Research in Macau - Ke...
Benchmarking Sustainability: Neurosciences and AI Tech Research in Macau - Ke...Benchmarking Sustainability: Neurosciences and AI Tech Research in Macau - Ke...
Benchmarking Sustainability: Neurosciences and AI Tech Research in Macau - Ke...
 
How to Manage Shipping Connectors & Shipping Methods in Odoo 17
How to Manage Shipping Connectors & Shipping Methods in Odoo 17How to Manage Shipping Connectors & Shipping Methods in Odoo 17
How to Manage Shipping Connectors & Shipping Methods in Odoo 17
 
Brigada Eskwela 2024 PowerPoint Update for SY 2024-2025
Brigada Eskwela 2024 PowerPoint Update for SY 2024-2025Brigada Eskwela 2024 PowerPoint Update for SY 2024-2025
Brigada Eskwela 2024 PowerPoint Update for SY 2024-2025
 
How to Empty a One2Many Field in Odoo 17
How to Empty a One2Many Field in Odoo 17How to Empty a One2Many Field in Odoo 17
How to Empty a One2Many Field in Odoo 17
 
A beginner’s guide to project reviews - everything you wanted to know but wer...
A beginner’s guide to project reviews - everything you wanted to know but wer...A beginner’s guide to project reviews - everything you wanted to know but wer...
A beginner’s guide to project reviews - everything you wanted to know but wer...
 

UI & UX Engineering

  • 1. UI & UX ENGINEERING S.A.A.D.C.I Athukorala
  • 2. What is UX Design  The field of user experience design has roots in human factors and ergonomics.  In 1990 ‘Donald Norman ’ declared that ‘User Experience encompasses all aspects of the end-user's interaction with the company, its services, and its products.’  UX Design is the process of enhancing customer satisfaction and loyalty by improving the usability, ease of use, and pleasure provided in the interaction between the customer and the product. 1/21/2016UI & UX Engineering2
  • 3. Elements of UX Design  User Centered Design  User Centered Design refers to a class of methodologies where design decisions are based on some tangible user model.  That user model must be based on the research of the users of the application.  Visual Design  Visual Design refers to the design of the visual appearance of software, advertising, or other commercial products.  Visual Design focuses a bit more on esthetics.  Visual Designers are often NOT User Centered Designers. 1/21/2016UI & UX Engineering3
  • 4. Elements of UX Design  Information Architecture  Information Architecture refers to the structuring of information.  An Information Architecture professional is often considered a counterpart to an Interaction Designer.  Interaction Designers focus on how people use computers to accomplish work, and Information Architects focus on how people leverage information to support goals. 1/21/2016UI & UX Engineering4
  • 5. Elements of UX Design  Interaction Design  Interaction Design refers to the specific choices of user interactions we make to allow users to meet their goals in the software.  Interaction Designers are generally User Centered Designers.  Interaction Designers: Creating the layout of the interface Defining interaction patterns best suited in the context Effectively communicating strengths of the system Making the interface intuitive by building affordances Maintaining consistency throughout the system 1/21/2016UI & UX Engineering5
  • 6. Elements of UX Design Usability  Usability refers to the ability of a specific type of user to be able to effectively carry out a task using a product.  Usability is usually measured through testing. Given a number of test subjects that reflects the type of user that will use the application: how many successfully complete a task. on average how quickly do they complete that task on average how many user errors are made while attempting to complete that task. 1/21/2016UI & UX Engineering6
  • 7. Elements of UX Design  HCI  Human-Computer or Computer-Human interaction refers to the study of how humans and computers interact.  An HCI professional may be a researcher, a designer, a psychologist, or anyone who might focus on human- computer interaction as part of their work or study. 1/21/2016UI & UX Engineering7
  • 8. Responsibilities of UX Design  At the beginning of the project  Competitor Analysis  Customer Analysis  Product Structure/Strategy  Content Development  While the project is underway  Wireframing  Prototyping  Testing/Iteration  Development Planning 1/21/2016UI & UX Engineering8
  • 9. Responsibilities of UX Design  Execution and Analysis  Coordination with UI Designer(s)  Coordination with Developer(s)  Tracking Goals and Integration  Analysis and Iteration 1/21/2016UI & UX Engineering9
  • 10. General design process  Collecting information about the problem.  Getting ready to design  Design  Test and Iterate 1/21/2016UI & UX Engineering10
  • 11. Critics of UX Design  User experience design is a buzzword for an existing best practice.  A user experience cannot be fully designed.  A user experience cannot be fully measured. 1/21/2016UI & UX Engineering11
  • 12. What is UI Design?  User Interface Design is responsible for the transference of a brand’s strengths and visual assets to a product’s interface as to best enhance the user’s experience.  User Interface Design is a process of visually guiding the user through a product’s interface via interactive elements and across all sizes/platforms.  User Interface Design is a digital field, which includes responsibility for cooperation and work with developers or code. 1/21/2016UI & UX Engineering12
  • 13. UI Design principles  User familiarity  The interface should use terms and concepts which are drawn from the experience of the people who will make most use of the system.  Consistency  The interface should be consistent in that, wherever possible, comparable operations should be activated in the same way.  Minimal surprise  Users should never be surprised by the behaviour of a system. 1/21/2016UI & UX Engineering13
  • 14. UI Design principles  Recoverability  The interface should include mechanisms to allow users to recover from errors.  User guidance  The interface should provide meaningful feedback when errors occur and provide context-sensitive user help facilities.  User diversity  The interface should provide appropriate interaction facilities for different types of system user. 1/21/2016UI & UX Engineering14
  • 15. UI Design process  UI design is an iterative process involving close liaisons between users and designers.  The 3 core activities in this process are:  User analysis: Understand what the users will do with the system.  System prototyping: Develop a series of prototypes for experiment.  Interface evaluation: Experiment with these prototypes with users. 1/21/2016UI & UX Engineering15
  • 16. The design process 1/21/2016UI & UX Engineering16
  • 17. Responsibilities of UI Designer  Customer analysis  Interactivity and animation  UI prototyping  Implementation with the developer  Design research  Branding and graphic development  Documentation  User guides 1/21/2016UI & UX Engineering17
  • 18. UI evaluation  Some evaluation of a user interface design should be carried out to assess its suitability.  Full scale evaluation is very expensive and impractical for most systems.  Ideally, an interface should be evaluated against a usability specification. However, it is rare for such specifications to be produced. 1/21/2016UI & UX Engineering18
  • 19. Evaluation techniques  Questionnaires for user feedback.  Video recording of system use and subsequent tape evaluation.  Instrumentation of code to collect information about facility use and user errors.  The provision of code in the software to collect on-line user feedback. 1/21/2016UI & UX Engineering19
  • 20. Difference between UI and UX  UI refers to the term ‘User Interface’ and UX stands for ‘User Experience’.  Both are crucial to a product and work closely together.  But the roles of them are different.  UX design is more analytical and technical field.  UI design is closer to graphic design. 1/21/2016UI & UX Engineering20
  • 21. Similarities between UI & UX  Have a primary objective of improving customer satisfaction.  Focus on the user and his/her interaction with a product/service.  Can be applied to any product. 1/21/2016UI & UX Engineering21
  • 22. THANK YOU 1/21/2016UI & UX Engineering22