SlideShare a Scribd company logo
Submitted By
Pakeeza Shah
Department Information Technology
Semester 8th
Subject
System Integration and Architecture
Topic
“Designing Effective User Interface”
Dated 30th May, 2016
GC Women University, Sialkot
Q No. 1. How to design an effective User Interface? Explain in terms of tools,
technologies , guidelines and strategies.
Ans. Strategies for designing effective user interface
1.The structure principle
Design should organize the user interface purposefully, putting related things together and
separating unrelated things.
2.The simplicity principle
Design should make simple, common tasks simple to do, communicating clearly and simply in
the user’s own language.
3.The visibility principle
Design should keep all needed options and materials for a given task visible without distracting
the user with extraneous or redundant information.
4.The feedback principle
Design should keep users informed of action, changes and errors that are relevant to the user
through clear, concise, and unambiguous language familiar to users.
5.The tolerance principle
Design should be flexible and tolerant, reducing the cost of mistakes and misuse by allowing
undoing and redoing and by interpreting all reasonable actions reasonable.
6.The reuse principle
Design should reuse internal and external components and behaviors, maintaining consistency.
Guidelines for Designing an Effective User interface
1. Create hierarchies of objects and actions that are complex
2. Set standards and stick to them to verify consistency
3. Set reasonable navigation between major user interface items
4. Place navigations within the page
5. Word your messages and labels effectively
6. Use color combinations appropriately
7. Follow the contrast rule effectively
8. Align fields effectively
9. Avoid busy user interfaces
10. Group things effectively
11. Take an evolutionary approach to test your design
Tools and technologies fordesigning an Effective User interface
1). Terminology varies depending on vendor. Popular terms include
1. Rapid Prototyper
2. User Interface Builder
3. User Interface Management System
4. User Interface Development Environment
5. Rapid Application Developer
1. Features of Interface-Building Tools
User Interface Independence
Separate interface design from internals
Enable multiple user interface strategies
Enable multiple platform support
Establish user interface architect role
Enforce standards
2. Methodology & Notation
Develop design procedures
Find ways to talk about design
Create project management
3. Rapid Prototyping
Try out ideas very early
Test, revise, test, revise,...and continue
Engage end users, managers, and others
4. Software Support
Increase productivity
Offer some constraint & consistency checks
Facilitate team approaches
Ease maintenance
2). Software Engineering Tools
Tcl / Tk : used to make hierarchy of menus and sub menus
Java : used to make animations
Javascript : class library of Java used for form validation
3). Evaluationand Critiquing Tool
Tullis' Display Analysis Program, Version 4.0
Doctor HTML - Web Page Analyzer
4). Menus, icons and Form fillings
To take data in forms, and makes easy selections

More Related Content

PDF
HCDD for ASEE 2015 presentation
PPT
Publishing Skills for a Publishing KPO
PDF
usability testing - usability metrics and wea
PPTX
03 bad usability kills
PDF
Hiring - Discovery Education
PPT
03 usability def designprocess
PDF
Engl317 assignment sheet_project4
PPT
Evaluating Educational Technology Project using ACTIONS MODEL
HCDD for ASEE 2015 presentation
Publishing Skills for a Publishing KPO
usability testing - usability metrics and wea
03 bad usability kills
Hiring - Discovery Education
03 usability def designprocess
Engl317 assignment sheet_project4
Evaluating Educational Technology Project using ACTIONS MODEL

Similar to Effective User interface (20)

PPT
Usability
DOCX
Comprehensive UI/UX Design Checklist by Tenet
PDF
UIUX Interview Questions PDF By ScholarHat
PPTX
Game interface design part 2
PPTX
Design process design rules
PPT
Universal usability engineering
PPTX
SOFTWARE DEVELOPMENT LIFES CYCLE LESSON 3
PPTX
LESSON 3 SOFTWARE DEVELOPMENT LIFES CYCLE
PPTX
Human Computer Interaction (Guidelines for Interface Design)
PPT
SD&C chapter software engineeringLec 5A.ppt
PDF
Heuristics Evaluation - How to Guide.pdf
PDF
Heuristics Evaluation - How to Guide.pdf
PDF
Ijetr021224
PPTX
Mobile UI Design – User Centered Design and UI Best Practices
 
PPTX
Integrating User Centered Design with Agile Development
PDF
ICS3211_lecture 04 2023.pdf
PPTX
Usability and Web Design Principles Lecture 2.pptx
PPT
Interaction Design ch9 notes
PDF
Improving Application Development Effectiveness
Usability
Comprehensive UI/UX Design Checklist by Tenet
UIUX Interview Questions PDF By ScholarHat
Game interface design part 2
Design process design rules
Universal usability engineering
SOFTWARE DEVELOPMENT LIFES CYCLE LESSON 3
LESSON 3 SOFTWARE DEVELOPMENT LIFES CYCLE
Human Computer Interaction (Guidelines for Interface Design)
SD&C chapter software engineeringLec 5A.ppt
Heuristics Evaluation - How to Guide.pdf
Heuristics Evaluation - How to Guide.pdf
Ijetr021224
Mobile UI Design – User Centered Design and UI Best Practices
 
Integrating User Centered Design with Agile Development
ICS3211_lecture 04 2023.pdf
Usability and Web Design Principles Lecture 2.pptx
Interaction Design ch9 notes
Improving Application Development Effectiveness
Ad

Recently uploaded (20)

PDF
7 ChatGPT Prompts to Help You Define Your Ideal Customer Profile.pdf
PDF
Empathic Computing: Creating Shared Understanding
PDF
Encapsulation_ Review paper, used for researhc scholars
PDF
Approach and Philosophy of On baking technology
PDF
Peak of Data & AI Encore- AI for Metadata and Smarter Workflows
PDF
Review of recent advances in non-invasive hemoglobin estimation
PPT
Teaching material agriculture food technology
PPTX
KOM of Painting work and Equipment Insulation REV00 update 25-dec.pptx
PDF
Profit Center Accounting in SAP S/4HANA, S4F28 Col11
PDF
A comparative analysis of optical character recognition models for extracting...
PDF
TokAI - TikTok AI Agent : The First AI Application That Analyzes 10,000+ Vira...
PDF
Agricultural_Statistics_at_a_Glance_2022_0.pdf
PDF
Reach Out and Touch Someone: Haptics and Empathic Computing
PPTX
Big Data Technologies - Introduction.pptx
PDF
Optimiser vos workloads AI/ML sur Amazon EC2 et AWS Graviton
PPTX
Cloud computing and distributed systems.
PDF
MIND Revenue Release Quarter 2 2025 Press Release
PPTX
A Presentation on Artificial Intelligence
PDF
Building Integrated photovoltaic BIPV_UPV.pdf
PDF
Build a system with the filesystem maintained by OSTree @ COSCUP 2025
7 ChatGPT Prompts to Help You Define Your Ideal Customer Profile.pdf
Empathic Computing: Creating Shared Understanding
Encapsulation_ Review paper, used for researhc scholars
Approach and Philosophy of On baking technology
Peak of Data & AI Encore- AI for Metadata and Smarter Workflows
Review of recent advances in non-invasive hemoglobin estimation
Teaching material agriculture food technology
KOM of Painting work and Equipment Insulation REV00 update 25-dec.pptx
Profit Center Accounting in SAP S/4HANA, S4F28 Col11
A comparative analysis of optical character recognition models for extracting...
TokAI - TikTok AI Agent : The First AI Application That Analyzes 10,000+ Vira...
Agricultural_Statistics_at_a_Glance_2022_0.pdf
Reach Out and Touch Someone: Haptics and Empathic Computing
Big Data Technologies - Introduction.pptx
Optimiser vos workloads AI/ML sur Amazon EC2 et AWS Graviton
Cloud computing and distributed systems.
MIND Revenue Release Quarter 2 2025 Press Release
A Presentation on Artificial Intelligence
Building Integrated photovoltaic BIPV_UPV.pdf
Build a system with the filesystem maintained by OSTree @ COSCUP 2025
Ad

Effective User interface

  • 1. Submitted By Pakeeza Shah Department Information Technology Semester 8th Subject System Integration and Architecture Topic “Designing Effective User Interface” Dated 30th May, 2016 GC Women University, Sialkot
  • 2. Q No. 1. How to design an effective User Interface? Explain in terms of tools, technologies , guidelines and strategies. Ans. Strategies for designing effective user interface 1.The structure principle Design should organize the user interface purposefully, putting related things together and separating unrelated things. 2.The simplicity principle Design should make simple, common tasks simple to do, communicating clearly and simply in the user’s own language. 3.The visibility principle Design should keep all needed options and materials for a given task visible without distracting the user with extraneous or redundant information. 4.The feedback principle Design should keep users informed of action, changes and errors that are relevant to the user through clear, concise, and unambiguous language familiar to users. 5.The tolerance principle Design should be flexible and tolerant, reducing the cost of mistakes and misuse by allowing undoing and redoing and by interpreting all reasonable actions reasonable. 6.The reuse principle Design should reuse internal and external components and behaviors, maintaining consistency. Guidelines for Designing an Effective User interface 1. Create hierarchies of objects and actions that are complex 2. Set standards and stick to them to verify consistency 3. Set reasonable navigation between major user interface items 4. Place navigations within the page 5. Word your messages and labels effectively 6. Use color combinations appropriately 7. Follow the contrast rule effectively 8. Align fields effectively 9. Avoid busy user interfaces
  • 3. 10. Group things effectively 11. Take an evolutionary approach to test your design Tools and technologies fordesigning an Effective User interface 1). Terminology varies depending on vendor. Popular terms include 1. Rapid Prototyper 2. User Interface Builder 3. User Interface Management System 4. User Interface Development Environment 5. Rapid Application Developer 1. Features of Interface-Building Tools User Interface Independence Separate interface design from internals Enable multiple user interface strategies Enable multiple platform support Establish user interface architect role Enforce standards 2. Methodology & Notation Develop design procedures Find ways to talk about design Create project management 3. Rapid Prototyping Try out ideas very early Test, revise, test, revise,...and continue Engage end users, managers, and others 4. Software Support Increase productivity Offer some constraint & consistency checks Facilitate team approaches Ease maintenance 2). Software Engineering Tools Tcl / Tk : used to make hierarchy of menus and sub menus Java : used to make animations Javascript : class library of Java used for form validation 3). Evaluationand Critiquing Tool Tullis' Display Analysis Program, Version 4.0 Doctor HTML - Web Page Analyzer 4). Menus, icons and Form fillings To take data in forms, and makes easy selections