SlideShare a Scribd company logo
4
Most read
5
Most read
View layer : Designing interface
objects
Introduction
• UI(user interface)
– Main goal of UI is to display and obtain needed
information in an accessible , efficient manner
– UI design is a creative process
Designing view layer classes
• UI layer consists of
– objects with which user interacts
– Objects needed to manage or control UI
• Responsibility of view layer objects
– Input :responding to user interaction
• Translating user’s action into an appropriate response
– Output :displaying or printing business objects
Process of designing view layer classes
• It has 4 major activities
– Macro level UI design process: (identifying view layer object)
• Takes place during analysis phase
• Identifying classes that interact with human actors by analysing use
cases
• sequence and collaboration diagram helps to identify UI classes
– Micro level UI design activities
• Designing the view layer objects by applying design axioms and
corollaries
– Decide how to use and extend the components so they best support
application specific functions and provide the most usable interface
• Prototyping the view layer interface
– Useful in the early design process
– Testing usability and user satisfaction
– Refining and iterating the design
Macro level design process
The class
interacts with a
human actor
Zoom in by utilizing
sequence or collaboration
diagrams
Next class
refine and
iterate
Identify the interface
objects for the class
Define the relationships
among the view objects
The class
doesn’t
interacts with
the human
actor
Access objects
Business objects
View objects
Relationship among view objects,
business objects, access objects
Micro level design process
Apply micro level UI
design rules and GUI
guidelines to each
interface object identified
to develop the UI
Next interface
objects refine
and iterate
Done
Design rules
• Making the interface simple ( application of corollary 2)
– Ex:
• Car engine is complex
• But driver interface remains simple
– User must be able to work with our screen without asking much
questions
– Factors affecting UI
• Dead lines
• Comparative evaluations
• Addition features
• Shortcuts
– Things to be considered while designing UI
• Additional features affect performance, complexity
• Fixing problem, after the release of product is difficult

More Related Content

PPT
PPT
PPT
Design rule 3
PPT
Design rule 3
PPTX
BY AVAGA B Lecture 5.User and Task analysis for User interface Design.pptx
PPT
Unit 5
PDF
User Interface design and analysis Part.2
PPT
unit3kiran.pptunit-3-Interactions&Usecases.pptx
Design rule 3
Design rule 3
BY AVAGA B Lecture 5.User and Task analysis for User interface Design.pptx
Unit 5
User Interface design and analysis Part.2
unit3kiran.pptunit-3-Interactions&Usecases.pptx

Similar to Analysis Design View layer Interface.pdf (20)

PPTX
User Interface DESIGN - A brief summary.pptx
PPTX
UI architecture & designing
PPTX
User Interface Analysis and Design daa.pptx
PPTX
UX Design process, #UX, #Design Process, #Agile UX
PDF
Human computer and their interaction presentation
PPT
Object models in software engineering UNIT-III B.ppt
PPTX
UI/UX Design
PPT
OOSE Unit 4 PPT.ppt
PPTX
How We Work In UI And UX. User Interface (UI) and User Experience (UX)
PPT
Oose unit 4 ppt
PDF
POLITEKNIK MALAYSIA
PPTX
Unit-3 of software engineering for CSE..
PDF
Introduction to UX for Mesiniaga Academy
PDF
UCD Assignment 2 – Final Report – Training Everywhere
PPTX
Game interface design part 2
PPTX
Android ui part 2
PPT
User Experience as a Strategic Advantage
PPTX
user interface design software engineering
PDF
ICS3211 Week6
PDF
1.Design Modelling for Web Apps.pdf software engineering
User Interface DESIGN - A brief summary.pptx
UI architecture & designing
User Interface Analysis and Design daa.pptx
UX Design process, #UX, #Design Process, #Agile UX
Human computer and their interaction presentation
Object models in software engineering UNIT-III B.ppt
UI/UX Design
OOSE Unit 4 PPT.ppt
How We Work In UI And UX. User Interface (UI) and User Experience (UX)
Oose unit 4 ppt
POLITEKNIK MALAYSIA
Unit-3 of software engineering for CSE..
Introduction to UX for Mesiniaga Academy
UCD Assignment 2 – Final Report – Training Everywhere
Game interface design part 2
Android ui part 2
User Experience as a Strategic Advantage
user interface design software engineering
ICS3211 Week6
1.Design Modelling for Web Apps.pdf software engineering
Ad

More from rajesshs31r (20)

PPT
UNIT I Basic terminology COMPUTER ARCHI.ppt
PPTX
OPERATING SYSTEM-STRUCTURE AND UNIT 1.pptx
PPTX
design analysis of algorithmaa unit 1.pptx
PDF
OPERATING SYSTEM-lecturenotesUNIT 1-1-19.pdf
PPTX
Unit ii networks ; Medium Access Control .pptx
PPTX
COA Presentation 4 ADDRESSING MODES.pptx
PPT
unit ii Wireless Local area netwokAn.ppt
PPT
Pipelining_Lecture computer Organisation .ppt
PPT
Open-Source Interconnection model layers .ppt
PPTX
lecture3-instructionset-120307014407-phpapp01.pptx
PPTX
UNIT IV Computer architecture Analysis.pptx
PPTX
mathematical nonrecursive algorithm.pptx
PPT
COmputer zDesign and ArchitectureDch1Slides (1).ppt
PPT
Computer Organization Design ch2Slides.ppt
PPT
computer-networkppt-110208141655-phpapp02.ppt
PPTX
functional and units in digital system COA unit 1.pptx
PPTX
Lesson one 1 OOAD study/ref material.pptx
PDF
Software Development Life Cycle steps.pdf
PPTX
LN 1 Object Oriented Analysis Design notes.pptx
PPT
Module 1 - Industrial Design Project.ppt
UNIT I Basic terminology COMPUTER ARCHI.ppt
OPERATING SYSTEM-STRUCTURE AND UNIT 1.pptx
design analysis of algorithmaa unit 1.pptx
OPERATING SYSTEM-lecturenotesUNIT 1-1-19.pdf
Unit ii networks ; Medium Access Control .pptx
COA Presentation 4 ADDRESSING MODES.pptx
unit ii Wireless Local area netwokAn.ppt
Pipelining_Lecture computer Organisation .ppt
Open-Source Interconnection model layers .ppt
lecture3-instructionset-120307014407-phpapp01.pptx
UNIT IV Computer architecture Analysis.pptx
mathematical nonrecursive algorithm.pptx
COmputer zDesign and ArchitectureDch1Slides (1).ppt
Computer Organization Design ch2Slides.ppt
computer-networkppt-110208141655-phpapp02.ppt
functional and units in digital system COA unit 1.pptx
Lesson one 1 OOAD study/ref material.pptx
Software Development Life Cycle steps.pdf
LN 1 Object Oriented Analysis Design notes.pptx
Module 1 - Industrial Design Project.ppt
Ad

Recently uploaded (20)

PPTX
Cell Types and Its function , kingdom of life
PPTX
Week 4 Term 3 Study Techniques revisited.pptx
PDF
TR - Agricultural Crops Production NC III.pdf
PDF
BÀI TẬP BỔ TRỢ 4 KỸ NĂNG TIẾNG ANH 9 GLOBAL SUCCESS - CẢ NĂM - BÁM SÁT FORM Đ...
PDF
ANTIBIOTICS.pptx.pdf………………… xxxxxxxxxxxxx
PPTX
The Healthy Child – Unit II | Child Health Nursing I | B.Sc Nursing 5th Semester
PDF
Mark Klimek Lecture Notes_240423 revision books _173037.pdf
PDF
Physiotherapy_for_Respiratory_and_Cardiac_Problems WEBBER.pdf
PDF
O7-L3 Supply Chain Operations - ICLT Program
PDF
The Lost Whites of Pakistan by Jahanzaib Mughal.pdf
PDF
Pre independence Education in Inndia.pdf
PPTX
PPT- ENG7_QUARTER1_LESSON1_WEEK1. IMAGERY -DESCRIPTIONS pptx.pptx
PPTX
Renaissance Architecture: A Journey from Faith to Humanism
PPTX
IMMUNITY IMMUNITY refers to protection against infection, and the immune syst...
PDF
Business Ethics Teaching Materials for college
PDF
Complications of Minimal Access Surgery at WLH
PPTX
Introduction_to_Human_Anatomy_and_Physiology_for_B.Pharm.pptx
PDF
VCE English Exam - Section C Student Revision Booklet
PDF
Classroom Observation Tools for Teachers
PPTX
human mycosis Human fungal infections are called human mycosis..pptx
Cell Types and Its function , kingdom of life
Week 4 Term 3 Study Techniques revisited.pptx
TR - Agricultural Crops Production NC III.pdf
BÀI TẬP BỔ TRỢ 4 KỸ NĂNG TIẾNG ANH 9 GLOBAL SUCCESS - CẢ NĂM - BÁM SÁT FORM Đ...
ANTIBIOTICS.pptx.pdf………………… xxxxxxxxxxxxx
The Healthy Child – Unit II | Child Health Nursing I | B.Sc Nursing 5th Semester
Mark Klimek Lecture Notes_240423 revision books _173037.pdf
Physiotherapy_for_Respiratory_and_Cardiac_Problems WEBBER.pdf
O7-L3 Supply Chain Operations - ICLT Program
The Lost Whites of Pakistan by Jahanzaib Mughal.pdf
Pre independence Education in Inndia.pdf
PPT- ENG7_QUARTER1_LESSON1_WEEK1. IMAGERY -DESCRIPTIONS pptx.pptx
Renaissance Architecture: A Journey from Faith to Humanism
IMMUNITY IMMUNITY refers to protection against infection, and the immune syst...
Business Ethics Teaching Materials for college
Complications of Minimal Access Surgery at WLH
Introduction_to_Human_Anatomy_and_Physiology_for_B.Pharm.pptx
VCE English Exam - Section C Student Revision Booklet
Classroom Observation Tools for Teachers
human mycosis Human fungal infections are called human mycosis..pptx

Analysis Design View layer Interface.pdf

  • 1. View layer : Designing interface objects
  • 2. Introduction • UI(user interface) – Main goal of UI is to display and obtain needed information in an accessible , efficient manner – UI design is a creative process
  • 3. Designing view layer classes • UI layer consists of – objects with which user interacts – Objects needed to manage or control UI • Responsibility of view layer objects – Input :responding to user interaction • Translating user’s action into an appropriate response – Output :displaying or printing business objects
  • 4. Process of designing view layer classes • It has 4 major activities – Macro level UI design process: (identifying view layer object) • Takes place during analysis phase • Identifying classes that interact with human actors by analysing use cases • sequence and collaboration diagram helps to identify UI classes – Micro level UI design activities • Designing the view layer objects by applying design axioms and corollaries – Decide how to use and extend the components so they best support application specific functions and provide the most usable interface • Prototyping the view layer interface – Useful in the early design process – Testing usability and user satisfaction – Refining and iterating the design
  • 5. Macro level design process The class interacts with a human actor Zoom in by utilizing sequence or collaboration diagrams Next class refine and iterate Identify the interface objects for the class Define the relationships among the view objects The class doesn’t interacts with the human actor
  • 6. Access objects Business objects View objects Relationship among view objects, business objects, access objects
  • 7. Micro level design process Apply micro level UI design rules and GUI guidelines to each interface object identified to develop the UI Next interface objects refine and iterate Done
  • 8. Design rules • Making the interface simple ( application of corollary 2) – Ex: • Car engine is complex • But driver interface remains simple – User must be able to work with our screen without asking much questions – Factors affecting UI • Dead lines • Comparative evaluations • Addition features • Shortcuts – Things to be considered while designing UI • Additional features affect performance, complexity • Fixing problem, after the release of product is difficult