SlideShare a Scribd company logo
1 of 14
Architectural Design Guidance
Dr Karthikeyan P
Associate Professor, SITE
1. Guidance for User-Interface Architecture
1.1. Design Space & Rules
1.1.1. The Utility of Codified Knowledge
1.1.2. The Notion of Design Space
1.2. A Design space for User Interface Architecture
1.2.1. A Basic Structural Model
1.2.2. Sample functional Dimensions
1.2.3. Sample Structural Dimensions
1.3. Design Rules for User-Interface Architecture
1.3.1. Sample Rules
1.4. Applying the Design Space
1.5. A Validation Experiment
1.6. How the Design Space was prepared
1.1. Design Spaces and Rules
 Alternate for system designer by constructing a
design space.
 Formulate design rules that indicates good and bad
combination of choices
 For s/w engineers – day –to-day practice
 Need not to be perfect or best possible.
 So the rules should be complete, reliable .
1.1.2. The Utility of Codified Knowledge
 Software design knowledge in a useful form.
 Developing vocabulary of well-understood , reusable
design concepts and patterns.
 Benefits of Vocabulary : aids in creating design, helps
to understand or predicting the properties of a design
by offering a context for the creation and application
of knowledge, reduces the effort needed to
understand another person’s design by reducing the
number of new concepts to be learned.
1.1.2 The Notion of a Design Space
1.2. A Design space for User Interface Architecture
 User Interface Management systems(UIMS), graphic
packages, UI tool kits, window managers, stand alone
applns.,
 U I into 3 components:
1.2.1. Basic Structural Model:
1. An application specific component : codes
2. A shared user interface: codes and I/O devices
specific
3. A device-dependent component: specific code to
particular I/O devices
Application
specific
component
Device
Dependent
Component
Shared user
interface
component
Device Interface Application Interface
1.2.2. Sample Functional Dimensions
 Functional Dimensions fall into 3 categories
1. External requirements: applications, users, I/O
devices, constraints
2. Basic Interactive behavior: key decisions about
UI behavior which influence internal structure.
3. Practical considerations: covers development
cost considerations , adaptability of the system
External requirements
 3 alternatives:
No external events, Process events while waiting for
input, External events preempt user commands.
 3 levels of user customizability:
High : add, redefine commands
Medium : modify but without affecting UI
Low: no user customizability is required.
 User-interface adaptability across devices depends on the expected
range of I/O devices .
Dimension indicates the extent of change in user interface behavior
when changing I/O devices
None, Local Behavior changes, Global behavior changes,
Application semantics changes, Computer system organization,
Uniprocessing, Multiprocessing, Distributed processing
Basic Interactive Behavior
 Basic interface class identifies the basic kind of interaction
supported by the user-interface system.
Menu selection: Alternatives.
Form Filling: Entry of values
Command Language: Symbolic language, procedure
definition
Natural language: Human language-English, Resolution to
ambiguous input.
Direct Manipulation: Graphs manipulation, Incremental
Practical Consideration
 Application portability across user interface
styles….
 3 level degrees to which application-specific code is
insulated from user interface style changes.
High: Portable across significantly different styles
Medium: Independent of minor variations
Low: User interface variability is not a concern, or
application changes are acceptable when modifying
Design Rules for User interface Architecture
( Functional to structural dimensions)
 Event Handling – Preemptive, Non Preemptive control thread
mechanism – Response time
 User customizability
 User interface adaptability – user interface code or application
code
 Event based communication( Distributed system) or state
based communication (Shared memory).
 Direct manipulation – no form filling and menus.
Extensible managers and toolkits are favored.
 Hybrid communication – is normally tuned to particular
Design Rules for User interface Architecture
(Interconnecting structural dimensions)
 Choice of notations
 Implicit representation is usually sufficient
 Toolkit system include implicit and internal
declarative notations
 Interaction managers of all types use external and/or
internal declarative notations.
 Extensible interaction managers rely heavily on
procedural notations, particularly internal procedural
notation, since customization is often done by

More Related Content

Similar to WINSEM2021-22_SWE2004_ETH_VL2021220500570_2022-03-09_Reference-Material-I.ppt

Hci user interface-design principals
Hci user interface-design principalsHci user interface-design principals
Hci user interface-design principalsAnwal Mirza
 
Introduction To Usability
Introduction To UsabilityIntroduction To Usability
Introduction To UsabilityOvidiu Von M
 
User Interface Design,Principles & process
User Interface  Design,Principles & processUser Interface  Design,Principles & process
User Interface Design,Principles & processAbd-Ur Rehman Saqib
 
[PPT] _ UNIT 2 _ Interaction-1.pptx
[PPT] _ UNIT 2 _ Interaction-1.pptx[PPT] _ UNIT 2 _ Interaction-1.pptx
[PPT] _ UNIT 2 _ Interaction-1.pptxRahulRahul937954
 
Unit 7 performing user interface design
Unit 7 performing user interface designUnit 7 performing user interface design
Unit 7 performing user interface designPreeti Mishra
 
UNIT3 PART2.pptx dhfdifhdsfvgudf dhfbdhbffdvf
UNIT3 PART2.pptx dhfdifhdsfvgudf dhfbdhbffdvfUNIT3 PART2.pptx dhfdifhdsfvgudf dhfbdhbffdvf
UNIT3 PART2.pptx dhfdifhdsfvgudf dhfbdhbffdvfputtipavan23022023
 
“Elemental elements”
“Elemental elements”“Elemental elements”
“Elemental elements”rolly fahdial
 
Usability Engineering Presentation Slides
Usability Engineering Presentation SlidesUsability Engineering Presentation Slides
Usability Engineering Presentation Slideswajahat Gul
 
Sw User Interface Design Evaluation
Sw User Interface Design EvaluationSw User Interface Design Evaluation
Sw User Interface Design Evaluationjonathan077070
 
Lecture (User Interface Design).ppt
Lecture (User Interface Design).pptLecture (User Interface Design).ppt
Lecture (User Interface Design).pptskknowledge
 
User Interface Design in Software Engineering SE15
User Interface Design in Software Engineering SE15User Interface Design in Software Engineering SE15
User Interface Design in Software Engineering SE15koolkampus
 
What I Learned In Pr Writing
What I Learned In Pr WritingWhat I Learned In Pr Writing
What I Learned In Pr Writingcwhitin4
 
Designfor Strangers
Designfor StrangersDesignfor Strangers
Designfor Strangersguest08cd22
 

Similar to WINSEM2021-22_SWE2004_ETH_VL2021220500570_2022-03-09_Reference-Material-I.ppt (20)

Hci user interface-design principals
Hci user interface-design principalsHci user interface-design principals
Hci user interface-design principals
 
Ijetr021224
Ijetr021224Ijetr021224
Ijetr021224
 
Ijetr021224
Ijetr021224Ijetr021224
Ijetr021224
 
UI/UX Design
UI/UX DesignUI/UX Design
UI/UX Design
 
Introduction To Usability
Introduction To UsabilityIntroduction To Usability
Introduction To Usability
 
Usability
UsabilityUsability
Usability
 
Unit ii
Unit   iiUnit   ii
Unit ii
 
User Interface Design,Principles & process
User Interface  Design,Principles & processUser Interface  Design,Principles & process
User Interface Design,Principles & process
 
[PPT] _ UNIT 2 _ Interaction-1.pptx
[PPT] _ UNIT 2 _ Interaction-1.pptx[PPT] _ UNIT 2 _ Interaction-1.pptx
[PPT] _ UNIT 2 _ Interaction-1.pptx
 
Unit 7 performing user interface design
Unit 7 performing user interface designUnit 7 performing user interface design
Unit 7 performing user interface design
 
UNIT3 PART2.pptx dhfdifhdsfvgudf dhfbdhbffdvf
UNIT3 PART2.pptx dhfdifhdsfvgudf dhfbdhbffdvfUNIT3 PART2.pptx dhfdifhdsfvgudf dhfbdhbffdvf
UNIT3 PART2.pptx dhfdifhdsfvgudf dhfbdhbffdvf
 
Chapter five HCI
Chapter five HCIChapter five HCI
Chapter five HCI
 
“Elemental elements”
“Elemental elements”“Elemental elements”
“Elemental elements”
 
Usability Engineering Presentation Slides
Usability Engineering Presentation SlidesUsability Engineering Presentation Slides
Usability Engineering Presentation Slides
 
Sw User Interface Design Evaluation
Sw User Interface Design EvaluationSw User Interface Design Evaluation
Sw User Interface Design Evaluation
 
Lecture (User Interface Design).ppt
Lecture (User Interface Design).pptLecture (User Interface Design).ppt
Lecture (User Interface Design).ppt
 
User Interface Design in Software Engineering SE15
User Interface Design in Software Engineering SE15User Interface Design in Software Engineering SE15
User Interface Design in Software Engineering SE15
 
HCI Presentation
HCI PresentationHCI Presentation
HCI Presentation
 
What I Learned In Pr Writing
What I Learned In Pr WritingWhat I Learned In Pr Writing
What I Learned In Pr Writing
 
Designfor Strangers
Designfor StrangersDesignfor Strangers
Designfor Strangers
 

Recently uploaded

HARMONY IN THE NATURE AND EXISTENCE - Unit-IV
HARMONY IN THE NATURE AND EXISTENCE - Unit-IVHARMONY IN THE NATURE AND EXISTENCE - Unit-IV
HARMONY IN THE NATURE AND EXISTENCE - Unit-IVRajaP95
 
SPICE PARK APR2024 ( 6,793 SPICE Models )
SPICE PARK APR2024 ( 6,793 SPICE Models )SPICE PARK APR2024 ( 6,793 SPICE Models )
SPICE PARK APR2024 ( 6,793 SPICE Models )Tsuyoshi Horigome
 
Model Call Girl in Narela Delhi reach out to us at 🔝8264348440🔝
Model Call Girl in Narela Delhi reach out to us at 🔝8264348440🔝Model Call Girl in Narela Delhi reach out to us at 🔝8264348440🔝
Model Call Girl in Narela Delhi reach out to us at 🔝8264348440🔝soniya singh
 
the ladakh protest in leh ladakh 2024 sonam wangchuk.pptx
the ladakh protest in leh ladakh 2024 sonam wangchuk.pptxthe ladakh protest in leh ladakh 2024 sonam wangchuk.pptx
the ladakh protest in leh ladakh 2024 sonam wangchuk.pptxhumanexperienceaaa
 
Booking open Available Pune Call Girls Koregaon Park 6297143586 Call Hot Ind...
Booking open Available Pune Call Girls Koregaon Park  6297143586 Call Hot Ind...Booking open Available Pune Call Girls Koregaon Park  6297143586 Call Hot Ind...
Booking open Available Pune Call Girls Koregaon Park 6297143586 Call Hot Ind...Call Girls in Nagpur High Profile
 
Call for Papers - African Journal of Biological Sciences, E-ISSN: 2663-2187, ...
Call for Papers - African Journal of Biological Sciences, E-ISSN: 2663-2187, ...Call for Papers - African Journal of Biological Sciences, E-ISSN: 2663-2187, ...
Call for Papers - African Journal of Biological Sciences, E-ISSN: 2663-2187, ...Christo Ananth
 
Extrusion Processes and Their Limitations
Extrusion Processes and Their LimitationsExtrusion Processes and Their Limitations
Extrusion Processes and Their Limitations120cr0395
 
(RIA) Call Girls Bhosari ( 7001035870 ) HI-Fi Pune Escorts Service
(RIA) Call Girls Bhosari ( 7001035870 ) HI-Fi Pune Escorts Service(RIA) Call Girls Bhosari ( 7001035870 ) HI-Fi Pune Escorts Service
(RIA) Call Girls Bhosari ( 7001035870 ) HI-Fi Pune Escorts Serviceranjana rawat
 
Call Girls Service Nagpur Tanvi Call 7001035870 Meet With Nagpur Escorts
Call Girls Service Nagpur Tanvi Call 7001035870 Meet With Nagpur EscortsCall Girls Service Nagpur Tanvi Call 7001035870 Meet With Nagpur Escorts
Call Girls Service Nagpur Tanvi Call 7001035870 Meet With Nagpur EscortsCall Girls in Nagpur High Profile
 
Porous Ceramics seminar and technical writing
Porous Ceramics seminar and technical writingPorous Ceramics seminar and technical writing
Porous Ceramics seminar and technical writingrakeshbaidya232001
 
Software Development Life Cycle By Team Orange (Dept. of Pharmacy)
Software Development Life Cycle By  Team Orange (Dept. of Pharmacy)Software Development Life Cycle By  Team Orange (Dept. of Pharmacy)
Software Development Life Cycle By Team Orange (Dept. of Pharmacy)Suman Mia
 
247267395-1-Symmetric-and-distributed-shared-memory-architectures-ppt (1).ppt
247267395-1-Symmetric-and-distributed-shared-memory-architectures-ppt (1).ppt247267395-1-Symmetric-and-distributed-shared-memory-architectures-ppt (1).ppt
247267395-1-Symmetric-and-distributed-shared-memory-architectures-ppt (1).pptssuser5c9d4b1
 
VIP Call Girls Service Hitech City Hyderabad Call +91-8250192130
VIP Call Girls Service Hitech City Hyderabad Call +91-8250192130VIP Call Girls Service Hitech City Hyderabad Call +91-8250192130
VIP Call Girls Service Hitech City Hyderabad Call +91-8250192130Suhani Kapoor
 
MANUFACTURING PROCESS-II UNIT-2 LATHE MACHINE
MANUFACTURING PROCESS-II UNIT-2 LATHE MACHINEMANUFACTURING PROCESS-II UNIT-2 LATHE MACHINE
MANUFACTURING PROCESS-II UNIT-2 LATHE MACHINESIVASHANKAR N
 
Structural Analysis and Design of Foundations: A Comprehensive Handbook for S...
Structural Analysis and Design of Foundations: A Comprehensive Handbook for S...Structural Analysis and Design of Foundations: A Comprehensive Handbook for S...
Structural Analysis and Design of Foundations: A Comprehensive Handbook for S...Dr.Costas Sachpazis
 
UNIT-III FMM. DIMENSIONAL ANALYSIS
UNIT-III FMM.        DIMENSIONAL ANALYSISUNIT-III FMM.        DIMENSIONAL ANALYSIS
UNIT-III FMM. DIMENSIONAL ANALYSISrknatarajan
 
OSVC_Meta-Data based Simulation Automation to overcome Verification Challenge...
OSVC_Meta-Data based Simulation Automation to overcome Verification Challenge...OSVC_Meta-Data based Simulation Automation to overcome Verification Challenge...
OSVC_Meta-Data based Simulation Automation to overcome Verification Challenge...Soham Mondal
 
Sheet Pile Wall Design and Construction: A Practical Guide for Civil Engineer...
Sheet Pile Wall Design and Construction: A Practical Guide for Civil Engineer...Sheet Pile Wall Design and Construction: A Practical Guide for Civil Engineer...
Sheet Pile Wall Design and Construction: A Practical Guide for Civil Engineer...Dr.Costas Sachpazis
 

Recently uploaded (20)

HARMONY IN THE NATURE AND EXISTENCE - Unit-IV
HARMONY IN THE NATURE AND EXISTENCE - Unit-IVHARMONY IN THE NATURE AND EXISTENCE - Unit-IV
HARMONY IN THE NATURE AND EXISTENCE - Unit-IV
 
SPICE PARK APR2024 ( 6,793 SPICE Models )
SPICE PARK APR2024 ( 6,793 SPICE Models )SPICE PARK APR2024 ( 6,793 SPICE Models )
SPICE PARK APR2024 ( 6,793 SPICE Models )
 
Model Call Girl in Narela Delhi reach out to us at 🔝8264348440🔝
Model Call Girl in Narela Delhi reach out to us at 🔝8264348440🔝Model Call Girl in Narela Delhi reach out to us at 🔝8264348440🔝
Model Call Girl in Narela Delhi reach out to us at 🔝8264348440🔝
 
the ladakh protest in leh ladakh 2024 sonam wangchuk.pptx
the ladakh protest in leh ladakh 2024 sonam wangchuk.pptxthe ladakh protest in leh ladakh 2024 sonam wangchuk.pptx
the ladakh protest in leh ladakh 2024 sonam wangchuk.pptx
 
Booking open Available Pune Call Girls Koregaon Park 6297143586 Call Hot Ind...
Booking open Available Pune Call Girls Koregaon Park  6297143586 Call Hot Ind...Booking open Available Pune Call Girls Koregaon Park  6297143586 Call Hot Ind...
Booking open Available Pune Call Girls Koregaon Park 6297143586 Call Hot Ind...
 
Roadmap to Membership of RICS - Pathways and Routes
Roadmap to Membership of RICS - Pathways and RoutesRoadmap to Membership of RICS - Pathways and Routes
Roadmap to Membership of RICS - Pathways and Routes
 
Call for Papers - African Journal of Biological Sciences, E-ISSN: 2663-2187, ...
Call for Papers - African Journal of Biological Sciences, E-ISSN: 2663-2187, ...Call for Papers - African Journal of Biological Sciences, E-ISSN: 2663-2187, ...
Call for Papers - African Journal of Biological Sciences, E-ISSN: 2663-2187, ...
 
Extrusion Processes and Their Limitations
Extrusion Processes and Their LimitationsExtrusion Processes and Their Limitations
Extrusion Processes and Their Limitations
 
(RIA) Call Girls Bhosari ( 7001035870 ) HI-Fi Pune Escorts Service
(RIA) Call Girls Bhosari ( 7001035870 ) HI-Fi Pune Escorts Service(RIA) Call Girls Bhosari ( 7001035870 ) HI-Fi Pune Escorts Service
(RIA) Call Girls Bhosari ( 7001035870 ) HI-Fi Pune Escorts Service
 
Call Girls Service Nagpur Tanvi Call 7001035870 Meet With Nagpur Escorts
Call Girls Service Nagpur Tanvi Call 7001035870 Meet With Nagpur EscortsCall Girls Service Nagpur Tanvi Call 7001035870 Meet With Nagpur Escorts
Call Girls Service Nagpur Tanvi Call 7001035870 Meet With Nagpur Escorts
 
Porous Ceramics seminar and technical writing
Porous Ceramics seminar and technical writingPorous Ceramics seminar and technical writing
Porous Ceramics seminar and technical writing
 
Software Development Life Cycle By Team Orange (Dept. of Pharmacy)
Software Development Life Cycle By  Team Orange (Dept. of Pharmacy)Software Development Life Cycle By  Team Orange (Dept. of Pharmacy)
Software Development Life Cycle By Team Orange (Dept. of Pharmacy)
 
247267395-1-Symmetric-and-distributed-shared-memory-architectures-ppt (1).ppt
247267395-1-Symmetric-and-distributed-shared-memory-architectures-ppt (1).ppt247267395-1-Symmetric-and-distributed-shared-memory-architectures-ppt (1).ppt
247267395-1-Symmetric-and-distributed-shared-memory-architectures-ppt (1).ppt
 
VIP Call Girls Service Hitech City Hyderabad Call +91-8250192130
VIP Call Girls Service Hitech City Hyderabad Call +91-8250192130VIP Call Girls Service Hitech City Hyderabad Call +91-8250192130
VIP Call Girls Service Hitech City Hyderabad Call +91-8250192130
 
★ CALL US 9953330565 ( HOT Young Call Girls In Badarpur delhi NCR
★ CALL US 9953330565 ( HOT Young Call Girls In Badarpur delhi NCR★ CALL US 9953330565 ( HOT Young Call Girls In Badarpur delhi NCR
★ CALL US 9953330565 ( HOT Young Call Girls In Badarpur delhi NCR
 
MANUFACTURING PROCESS-II UNIT-2 LATHE MACHINE
MANUFACTURING PROCESS-II UNIT-2 LATHE MACHINEMANUFACTURING PROCESS-II UNIT-2 LATHE MACHINE
MANUFACTURING PROCESS-II UNIT-2 LATHE MACHINE
 
Structural Analysis and Design of Foundations: A Comprehensive Handbook for S...
Structural Analysis and Design of Foundations: A Comprehensive Handbook for S...Structural Analysis and Design of Foundations: A Comprehensive Handbook for S...
Structural Analysis and Design of Foundations: A Comprehensive Handbook for S...
 
UNIT-III FMM. DIMENSIONAL ANALYSIS
UNIT-III FMM.        DIMENSIONAL ANALYSISUNIT-III FMM.        DIMENSIONAL ANALYSIS
UNIT-III FMM. DIMENSIONAL ANALYSIS
 
OSVC_Meta-Data based Simulation Automation to overcome Verification Challenge...
OSVC_Meta-Data based Simulation Automation to overcome Verification Challenge...OSVC_Meta-Data based Simulation Automation to overcome Verification Challenge...
OSVC_Meta-Data based Simulation Automation to overcome Verification Challenge...
 
Sheet Pile Wall Design and Construction: A Practical Guide for Civil Engineer...
Sheet Pile Wall Design and Construction: A Practical Guide for Civil Engineer...Sheet Pile Wall Design and Construction: A Practical Guide for Civil Engineer...
Sheet Pile Wall Design and Construction: A Practical Guide for Civil Engineer...
 

WINSEM2021-22_SWE2004_ETH_VL2021220500570_2022-03-09_Reference-Material-I.ppt

  • 1. Architectural Design Guidance Dr Karthikeyan P Associate Professor, SITE
  • 2. 1. Guidance for User-Interface Architecture 1.1. Design Space & Rules 1.1.1. The Utility of Codified Knowledge 1.1.2. The Notion of Design Space 1.2. A Design space for User Interface Architecture 1.2.1. A Basic Structural Model 1.2.2. Sample functional Dimensions 1.2.3. Sample Structural Dimensions 1.3. Design Rules for User-Interface Architecture 1.3.1. Sample Rules 1.4. Applying the Design Space 1.5. A Validation Experiment 1.6. How the Design Space was prepared
  • 3. 1.1. Design Spaces and Rules  Alternate for system designer by constructing a design space.  Formulate design rules that indicates good and bad combination of choices  For s/w engineers – day –to-day practice  Need not to be perfect or best possible.  So the rules should be complete, reliable .
  • 4. 1.1.2. The Utility of Codified Knowledge  Software design knowledge in a useful form.  Developing vocabulary of well-understood , reusable design concepts and patterns.  Benefits of Vocabulary : aids in creating design, helps to understand or predicting the properties of a design by offering a context for the creation and application of knowledge, reduces the effort needed to understand another person’s design by reducing the number of new concepts to be learned.
  • 5. 1.1.2 The Notion of a Design Space
  • 6. 1.2. A Design space for User Interface Architecture  User Interface Management systems(UIMS), graphic packages, UI tool kits, window managers, stand alone applns.,  U I into 3 components: 1.2.1. Basic Structural Model: 1. An application specific component : codes 2. A shared user interface: codes and I/O devices specific 3. A device-dependent component: specific code to particular I/O devices
  • 8. 1.2.2. Sample Functional Dimensions  Functional Dimensions fall into 3 categories 1. External requirements: applications, users, I/O devices, constraints 2. Basic Interactive behavior: key decisions about UI behavior which influence internal structure. 3. Practical considerations: covers development cost considerations , adaptability of the system
  • 9. External requirements  3 alternatives: No external events, Process events while waiting for input, External events preempt user commands.  3 levels of user customizability: High : add, redefine commands Medium : modify but without affecting UI Low: no user customizability is required.
  • 10.  User-interface adaptability across devices depends on the expected range of I/O devices . Dimension indicates the extent of change in user interface behavior when changing I/O devices None, Local Behavior changes, Global behavior changes, Application semantics changes, Computer system organization, Uniprocessing, Multiprocessing, Distributed processing
  • 11. Basic Interactive Behavior  Basic interface class identifies the basic kind of interaction supported by the user-interface system. Menu selection: Alternatives. Form Filling: Entry of values Command Language: Symbolic language, procedure definition Natural language: Human language-English, Resolution to ambiguous input. Direct Manipulation: Graphs manipulation, Incremental
  • 12. Practical Consideration  Application portability across user interface styles….  3 level degrees to which application-specific code is insulated from user interface style changes. High: Portable across significantly different styles Medium: Independent of minor variations Low: User interface variability is not a concern, or application changes are acceptable when modifying
  • 13. Design Rules for User interface Architecture ( Functional to structural dimensions)  Event Handling – Preemptive, Non Preemptive control thread mechanism – Response time  User customizability  User interface adaptability – user interface code or application code  Event based communication( Distributed system) or state based communication (Shared memory).  Direct manipulation – no form filling and menus. Extensible managers and toolkits are favored.  Hybrid communication – is normally tuned to particular
  • 14. Design Rules for User interface Architecture (Interconnecting structural dimensions)  Choice of notations  Implicit representation is usually sufficient  Toolkit system include implicit and internal declarative notations  Interaction managers of all types use external and/or internal declarative notations.  Extensible interaction managers rely heavily on procedural notations, particularly internal procedural notation, since customization is often done by