SlideShare a Scribd company logo
3
Most read
4
Most read
5
Most read
Unit 5

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


                       Identify the interface
Next class             objects for the class
refine and
iterate
                                                      The class
                     Define the relationships         doesn’t
                     among the view objects           interacts with
                                                      the human
                                                      actor
Relationship among view objects,
 business objects, access objects
              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
Unit 4 designing classes
PPT
Unit 3 object analysis-classification
PPTX
object oriented methodologies
PPT
Unt 3 attributes, methods, relationships-1
PPTX
Basic Concepts of OOPs (Object Oriented Programming in Java)
PPT
UML Diagrams
Unit 4 designing classes
Unit 3 object analysis-classification
object oriented methodologies
Unt 3 attributes, methods, relationships-1
Basic Concepts of OOPs (Object Oriented Programming in Java)
UML Diagrams

What's hot (20)

DOCX
Uml Common Mechanism
PPTX
Peephole Optimization
PPTX
Dynamic and Static Modeling
PPTX
Gof design patterns
PPTX
Class based modeling
PPT
Use Case Diagram
PPTX
Ado.Net Tutorial
PPT
Unit 5 usability and satisfaction test
PPTX
Design Concepts in Software Engineering-1.pptx
PDF
Identifying classes and objects ooad
PPTX
Slice Based testing and Object Oriented Testing
PPTX
Software Configuration Management
PPTX
Graph coloring using backtracking
PPTX
Software engineering: design for reuse
PPT
Uml class-diagram
PPTX
PPTX
Evolutionary models
PPT
Unit 5 testing -software quality assurance
PPT
Chapter 13 software testing strategies
PPTX
Type checking in compiler design
Uml Common Mechanism
Peephole Optimization
Dynamic and Static Modeling
Gof design patterns
Class based modeling
Use Case Diagram
Ado.Net Tutorial
Unit 5 usability and satisfaction test
Design Concepts in Software Engineering-1.pptx
Identifying classes and objects ooad
Slice Based testing and Object Oriented Testing
Software Configuration Management
Graph coloring using backtracking
Software engineering: design for reuse
Uml class-diagram
Evolutionary models
Unit 5 testing -software quality assurance
Chapter 13 software testing strategies
Type checking in compiler design
Ad

Viewers also liked (20)

PPTX
Software quality assurance
PPT
Object Oriented Design
PPT
Object Oriented Design Concept
PPTX
Ooad unit – 1 introduction
PPT
Introduction To Software Quality Assurance
PPT
Unit4
PPTX
Object Oriented Approach for Software Development
PDF
Ooad
PDF
NoSQL Databases - Lecture 12 - Introduction to Databases (1007156ANR)
PPT
Software Quality Assurance
PDF
Object-Relational Database Systems(ORDBMSs)
PPTX
Software Quality Assurance
PDF
Types of UML diagrams
PPT
Object Oriented Design in Software Engineering SE12
PPT
Object Oriented Dbms
PPT
Ooad
PPT
Software quality assurance lecture 1
PPTX
Dbms slides
PPT
Object Oriented Analysis and Design
Software quality assurance
Object Oriented Design
Object Oriented Design Concept
Ooad unit – 1 introduction
Introduction To Software Quality Assurance
Unit4
Object Oriented Approach for Software Development
Ooad
NoSQL Databases - Lecture 12 - Introduction to Databases (1007156ANR)
Software Quality Assurance
Object-Relational Database Systems(ORDBMSs)
Software Quality Assurance
Types of UML diagrams
Object Oriented Design in Software Engineering SE12
Object Oriented Dbms
Ooad
Software quality assurance lecture 1
Dbms slides
Object Oriented Analysis and Design
Ad

Similar to Unit 5 (20)

PDF
Analysis Design View layer Interface.pdf
PPT
Design rule 3
PPT
Design rule 3
PPT
Unit 5
PPTX
BY AVAGA B Lecture 5.User and Task analysis for User interface Design.pptx
PDF
Theo Mandel - "Designing Object-Oriented User Experiences" IUE2013 Conference
PDF
By the Book: Examining the Art of Building Great User Experiences in Software
PDF
By the Book: Examining the Art of Building Great User Experiences in Software
PPT
unit3kiran.pptunit-3-Interactions&Usecases.pptx
PPTX
Android ui part 2
PDF
Interaction design introduction
PDF
Advanced-Web-Design-Crafting-the-Future-Web (1).pdf
PDF
User Testing talk by Chris Rourke of User Vision
PPTX
Mobile Application Frameworks: Native and Flutter
PDF
Sdec 2011 ux_agile_svt
PPT
HCI Chapter_2.ppt
PDF
HCI Chapter_2.pdf
PDF
Using rapid prototying_for_design_iteration
PPTX
Game interface design part 2
PPTX
user interface design software engineering
Analysis Design View layer Interface.pdf
Design rule 3
Design rule 3
Unit 5
BY AVAGA B Lecture 5.User and Task analysis for User interface Design.pptx
Theo Mandel - "Designing Object-Oriented User Experiences" IUE2013 Conference
By the Book: Examining the Art of Building Great User Experiences in Software
By the Book: Examining the Art of Building Great User Experiences in Software
unit3kiran.pptunit-3-Interactions&Usecases.pptx
Android ui part 2
Interaction design introduction
Advanced-Web-Design-Crafting-the-Future-Web (1).pdf
User Testing talk by Chris Rourke of User Vision
Mobile Application Frameworks: Native and Flutter
Sdec 2011 ux_agile_svt
HCI Chapter_2.ppt
HCI Chapter_2.pdf
Using rapid prototying_for_design_iteration
Game interface design part 2
user interface design software engineering

More from gopal10scs185 (20)

PPTX
Unit4 desiging classes
PPT
Unit three identifying actors
PPT
Unit 5 testing
PPT
PPT
Unit 5 usability and satisfaction test
PPT
Unit 5 testing -software quality assurance
PPT
PPT
Unit 4 designing classes
PPT
Unit 3 object analysis-classification
PPT
Unit 3 attributes, methods, relationships
Unit4 desiging classes
Unit three identifying actors
Unit 5 testing
Unit 5 usability and satisfaction test
Unit 5 testing -software quality assurance
Unit 4 designing classes
Unit 3 object analysis-classification
Unit 3 attributes, methods, relationships

Recently uploaded (20)

DOCX
The AUB Centre for AI in Media Proposal.docx
PDF
TokAI - TikTok AI Agent : The First AI Application That Analyzes 10,000+ Vira...
PDF
Architecting across the Boundaries of two Complex Domains - Healthcare & Tech...
PPTX
20250228 LYD VKU AI Blended-Learning.pptx
PPTX
Understanding_Digital_Forensics_Presentation.pptx
PDF
Mobile App Security Testing_ A Comprehensive Guide.pdf
PPTX
MYSQL Presentation for SQL database connectivity
PDF
7 ChatGPT Prompts to Help You Define Your Ideal Customer Profile.pdf
PDF
Advanced methodologies resolving dimensionality complications for autism neur...
PDF
Unlocking AI with Model Context Protocol (MCP)
PDF
Diabetes mellitus diagnosis method based random forest with bat algorithm
PDF
Blue Purple Modern Animated Computer Science Presentation.pdf.pdf
PDF
Shreyas Phanse Resume: Experienced Backend Engineer | Java • Spring Boot • Ka...
PPTX
Detection-First SIEM: Rule Types, Dashboards, and Threat-Informed Strategy
PDF
Agricultural_Statistics_at_a_Glance_2022_0.pdf
PPTX
Cloud computing and distributed systems.
PDF
cuic standard and advanced reporting.pdf
PDF
Peak of Data & AI Encore- AI for Metadata and Smarter Workflows
PDF
KodekX | Application Modernization Development
PDF
Machine learning based COVID-19 study performance prediction
The AUB Centre for AI in Media Proposal.docx
TokAI - TikTok AI Agent : The First AI Application That Analyzes 10,000+ Vira...
Architecting across the Boundaries of two Complex Domains - Healthcare & Tech...
20250228 LYD VKU AI Blended-Learning.pptx
Understanding_Digital_Forensics_Presentation.pptx
Mobile App Security Testing_ A Comprehensive Guide.pdf
MYSQL Presentation for SQL database connectivity
7 ChatGPT Prompts to Help You Define Your Ideal Customer Profile.pdf
Advanced methodologies resolving dimensionality complications for autism neur...
Unlocking AI with Model Context Protocol (MCP)
Diabetes mellitus diagnosis method based random forest with bat algorithm
Blue Purple Modern Animated Computer Science Presentation.pdf.pdf
Shreyas Phanse Resume: Experienced Backend Engineer | Java • Spring Boot • Ka...
Detection-First SIEM: Rule Types, Dashboards, and Threat-Informed Strategy
Agricultural_Statistics_at_a_Glance_2022_0.pdf
Cloud computing and distributed systems.
cuic standard and advanced reporting.pdf
Peak of Data & AI Encore- AI for Metadata and Smarter Workflows
KodekX | Application Modernization Development
Machine learning based COVID-19 study performance prediction

Unit 5

  • 1. Unit 5 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 Identify the interface Next class objects for the class refine and iterate The class Define the relationships doesn’t among the view objects interacts with the human actor
  • 6. Relationship among view objects, business objects, access objects 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