SlideShare a Scribd company logo
Standards Based  Approach to  User Interface Development Easy6 ACM CHI-SI Conference Bangalore Jan 2006 http://www.chi-si.org Sameer Chavan Applications User Experience Oracle
Standards Standards are in Architecture, Mechanical, Electrical, Medical, Social fields Standards in software industry are evolving Company specific standards International standards – ISO, IEEE, CMM, W3C Software User Interface Standards Macintosh Human Interface Guidelines (Apple) Comman User Access (IBM) OS/Motif Style Guide (opern software) Windows Interface Guidelines (Microsoft) BLAF (Oracle)
Definitions UI Standards  UI Guidelines UI Patterns Component Level When to use which standard Standard ways of interactions. Eg checkout Branding Specifications Button behavior Text Graphics Table OR
Before applying Standards Applications had their own look and feel No cohesion . Inconsistent interactions for common UI needs Many duplicated efforts in design and implementation Poor user experience
Need for UI Standards Standardize the commonly used actions, labels & dialogue boxes across the applications.  Incorporate Human factors research and best practices, which is empirically proven. Reduce the number of UI decisions made during design process.  Reuse the user experience. Avoid reinventing same designs. To help Product Managers. Reduced the dependency on UI designers . After
Limitations of Standards Standards are very generic so they don’t  know  exact requirements for a particular task. Standards are often compromised solution across all products. So it cannot guarantee best interaction for that task. Having just consistent UI will not insure usability. All the designs cannot be documented and have UI standard. Standards cannot give design solution
Challenges for Standards Development  Wide range of applications ranging from Financials, HRMS, SCM, CRM, etc Very broad range of user profiles Technological limitation to make the designs accessible, cross browser compatible and localized
Solution : BLAF standards  Flexible enough to use across the variety of applications but specific enough of meet each team’s requirement  Interactivity was reduced and was limited to plain html  Standards were defined at Component level, Page level, Flows, Patterns. Structure of Guidelines
Standards were result of..  Functional requirements from many product teams. (tasks & flows) Technical constraints after discussing with development. (Browsers & bandwidth) Legal constraints (Accessibility) Competitive pressure (e.g. “Save for later” feature ) Cost constraints Human cognitive limitations (e.g. reduce memory load)
Benefits of Standards  The Standards are Comprehensive, Robust and scalable designs. Empirically proven and continuously enhanced designs. Avoid duplication of efforts, divert PM & DM  to higher  level tasks. Easily upgradeable.  The products are consistence in look & feel and interactions.  User Experience is reused so learning curve is reduced. Does not have to worry about the working of the component or interaction because it is already tested  Prototypes can be done in Visio or html prototyping tool.
Standards Development process  Requirement gathering Concept and Draft proposal Reviews with different teams Usability testing Redesigns and updates Visual Design Release process – translation, legal, performance,.. Publishing Usability Testing
Ongoing Activities  Enhancement bug against Standards Replying to questions from Development, Designers & PM Training on Standards  Research on new interaction widgets Usability testing of new components Updating standards for new technology Enhancement UI Helpdesk Training Research Usability Test Updating Standards
Reviews- Standards compliance  Reviews are done at Concept Prototype Code Attended by Development, Designer, Reviewer, PM Bugs are filled Score cards are issued
Challenges due to Standards based Design  Dose not insure best design.  The designer needs to apply right standards for given task flow.  A designer needs to know each standard before designing. You cannot design freely.  Interpreting the meaning of standards become difficult. Standards constrains the flexibility and innovation in design. Lengthy process of standards. Standards become absolute after certain time.
Future perspective on Standards  Can we have a wizard based design  Can a designer becomes redundant using patterns. Common standards across the platform (windows, Unix, mac) Can different companies have same flow for same task(eg. Shopping cart)
Questions and Answers Q A & [email_address]

More Related Content

What's hot (20)

PPTX
Software testing training
WindowIT
 
PPT
03 usability def designprocess
Dr. V Vorvoreanu
 
PDF
Content package - Mobile computing
Priyanka Rana
 
PPTX
Prototyping
Eman Abed AlWahhab
 
PPTX
03 bad usability kills
Dr. V Vorvoreanu
 
PPT
Software Prototyping
drjms
 
PPTX
Home Mess System III
gueste15df5
 
PPSX
Usability For e-government systems
Nora Alriyes
 
PPT
Interaction design in industry
LawrenceNajjar
 
PDF
Building Quality in Legacy Systems - The Art of Asking Questions
Mufrid Krilic
 
PDF
Usability Testing Methods
dillarja
 
PPTX
Home Mess System: Design & Prototype
wow!systems
 
PPT
Webinar Agile Presentation V.1.0
fhios
 
PPTX
Home mess systems- Prototype 2 & Evaluation
wow!systems
 
PPTX
Evaluation of eLearning
Michael M Grant
 
PDF
Engl317 assignment sheet_project4
Zachary Williamson
 
PPT
Prototype model
shuisharma
 
PPT
Chap 4 prototype
aroka55
 
PPT
DIY Usability
Jan Moons
 
ZIP
Usability Testing
Jan Moons
 
Software testing training
WindowIT
 
03 usability def designprocess
Dr. V Vorvoreanu
 
Content package - Mobile computing
Priyanka Rana
 
Prototyping
Eman Abed AlWahhab
 
03 bad usability kills
Dr. V Vorvoreanu
 
Software Prototyping
drjms
 
Home Mess System III
gueste15df5
 
Usability For e-government systems
Nora Alriyes
 
Interaction design in industry
LawrenceNajjar
 
Building Quality in Legacy Systems - The Art of Asking Questions
Mufrid Krilic
 
Usability Testing Methods
dillarja
 
Home Mess System: Design & Prototype
wow!systems
 
Webinar Agile Presentation V.1.0
fhios
 
Home mess systems- Prototype 2 & Evaluation
wow!systems
 
Evaluation of eLearning
Michael M Grant
 
Engl317 assignment sheet_project4
Zachary Williamson
 
Prototype model
shuisharma
 
Chap 4 prototype
aroka55
 
DIY Usability
Jan Moons
 
Usability Testing
Jan Moons
 

Viewers also liked (20)

PPT
What is SQAM (standards, quality, accreditation, and metrolog) (1 of 2)
Andy Williams (of TGMB.org)
 
PDF
WSO2 Product Release Webinar: WSO2 Complex Event Processor 4.0
WSO2
 
PDF
WSO2 Complex Event Processor
Sriskandarajah Suhothayan
 
PDF
Complex Event Processor 3.0.0 - An overview of upcoming features
WSO2
 
PDF
UML, OWL and REA based enterprise business model 20110201a
Richard Kuo
 
PPTX
Patterns and practices for real-world event-driven microservices
Rachel Reese
 
PPTX
C* Summit 2013: Eventual Consistency != Hopeful Consistency by Christos Kalan...
DataStax Academy
 
PDF
09 semantic web & ontologies
Marina Santini
 
ODP
Parallel Complex Event Processing
Karol Grzegorczyk
 
PPT
Event Driven Architecture (EDA), November 2, 2006
Tim Bass
 
PPT
Aaai 2011 event processing tutorial
Opher Etzion
 
PDF
DataStax: Rigorous Cassandra Data Modeling for the Relational Data Architect
DataStax Academy
 
PDF
Esper - CEP Engine
Aparna Chaudhary
 
PDF
Event Driven Architecture
Lourens Naudé
 
PPTX
Real World Event Sourcing and CQRS
Matthew Hawkins
 
PPTX
Siddhi: A Second Look at Complex Event Processing Implementations
Srinath Perera
 
PDF
Aerospike DB and Storm for real-time analytics
Aerospike
 
PDF
Lect6-An introduction to ontologies and ontology development
Antonio Moreno
 
PDF
Event Driven-Architecture from a Scalability perspective
Jonas Bonér
 
PPTX
KIVA system
Dev Poudel
 
What is SQAM (standards, quality, accreditation, and metrolog) (1 of 2)
Andy Williams (of TGMB.org)
 
WSO2 Product Release Webinar: WSO2 Complex Event Processor 4.0
WSO2
 
WSO2 Complex Event Processor
Sriskandarajah Suhothayan
 
Complex Event Processor 3.0.0 - An overview of upcoming features
WSO2
 
UML, OWL and REA based enterprise business model 20110201a
Richard Kuo
 
Patterns and practices for real-world event-driven microservices
Rachel Reese
 
C* Summit 2013: Eventual Consistency != Hopeful Consistency by Christos Kalan...
DataStax Academy
 
09 semantic web & ontologies
Marina Santini
 
Parallel Complex Event Processing
Karol Grzegorczyk
 
Event Driven Architecture (EDA), November 2, 2006
Tim Bass
 
Aaai 2011 event processing tutorial
Opher Etzion
 
DataStax: Rigorous Cassandra Data Modeling for the Relational Data Architect
DataStax Academy
 
Esper - CEP Engine
Aparna Chaudhary
 
Event Driven Architecture
Lourens Naudé
 
Real World Event Sourcing and CQRS
Matthew Hawkins
 
Siddhi: A Second Look at Complex Event Processing Implementations
Srinath Perera
 
Aerospike DB and Storm for real-time analytics
Aerospike
 
Lect6-An introduction to ontologies and ontology development
Antonio Moreno
 
Event Driven-Architecture from a Scalability perspective
Jonas Bonér
 
KIVA system
Dev Poudel
 
Ad

Similar to Standards Based Approach to User Interface Development (20)

PDF
IUE Integrating UI Design Specs
Keith Instone
 
PPTX
When User Interface Patterns Become Mobile
Jean Vanderdonckt
 
PPT
Ch11
蕭美蓮
 
PPS
User Interface Design @iRajLal
Raj Lal
 
PPTX
Multi Platform User Exerience
Tanya Zavialova
 
PPTX
Mobile UI Design – User Centered Design and UI Best Practices
OXD
 
PPTX
Week 8 & 10
Study Geek
 
PPTX
UI architecture & designing
Mohammed Fazuluddin
 
PPT
Ui Design And Usability For Everybody
Empatika
 
PDF
Design Rules.pdf
KnjieUmayam1
 
KEY
Designing for the Unknown
Renato Feijó
 
PDF
Standards based software UI design, Easy6
Sameer Chavan
 
PPT
User Interface Design (UID) Rules for development
vaishalikhairnar4
 
PPTX
Chapter 5 human computer interaction chapter 5
BiniyamLamesgen
 
PPT
Patterns Revisited
Dave Malouf
 
PPTX
What’s in your BA Toolbox – Has User experience and Usability gone to the way...
Glenn Teneycke
 
PDF
Design Systems: Enterprise UX Evolution
Anne Grundhoefer
 
PPTX
Design Model & User Interface Design in Software Engineering
Meghaj Mallick
 
PPTX
B19CA4020_SE_Unit3.pptx
DrPreethiD1
 
IUE Integrating UI Design Specs
Keith Instone
 
When User Interface Patterns Become Mobile
Jean Vanderdonckt
 
Ch11
蕭美蓮
 
User Interface Design @iRajLal
Raj Lal
 
Multi Platform User Exerience
Tanya Zavialova
 
Mobile UI Design – User Centered Design and UI Best Practices
OXD
 
Week 8 & 10
Study Geek
 
UI architecture & designing
Mohammed Fazuluddin
 
Ui Design And Usability For Everybody
Empatika
 
Design Rules.pdf
KnjieUmayam1
 
Designing for the Unknown
Renato Feijó
 
Standards based software UI design, Easy6
Sameer Chavan
 
User Interface Design (UID) Rules for development
vaishalikhairnar4
 
Chapter 5 human computer interaction chapter 5
BiniyamLamesgen
 
Patterns Revisited
Dave Malouf
 
What’s in your BA Toolbox – Has User experience and Usability gone to the way...
Glenn Teneycke
 
Design Systems: Enterprise UX Evolution
Anne Grundhoefer
 
Design Model & User Interface Design in Software Engineering
Meghaj Mallick
 
B19CA4020_SE_Unit3.pptx
DrPreethiD1
 
Ad

More from Sameer Chavan (15)

PPTX
Design Thinking - unlock your creative potential
Sameer Chavan
 
PPTX
Wearables User Experience
Sameer Chavan
 
PDF
UX Storytellers Abstract
Sameer Chavan
 
PPTX
Designing for Touch and Sensor for Mobiles & Tablets
Sameer Chavan
 
PPTX
Designing for mobile user experience
Sameer Chavan
 
PPT
Usability principles 1
Sameer Chavan
 
PPT
Introduction to User Experience for Internet Company
Sameer Chavan
 
DOC
Culture and Usability - Cross Cultural Issues in HCI, IIT Guwahati
Sameer Chavan
 
PDF
Differences in-task-descriptions
Sameer Chavan
 
PPT
Multimodal Explained Sameer
Sameer Chavan
 
PPT
User Experience Roles Competencies
Sameer Chavan
 
PPT
Design Story, Career opportunity in Design
Sameer Chavan
 
PPT
Culture Usability
Sameer Chavan
 
PPT
Business Centred Design
Sameer Chavan
 
PPT
Homepage Usability
Sameer Chavan
 
Design Thinking - unlock your creative potential
Sameer Chavan
 
Wearables User Experience
Sameer Chavan
 
UX Storytellers Abstract
Sameer Chavan
 
Designing for Touch and Sensor for Mobiles & Tablets
Sameer Chavan
 
Designing for mobile user experience
Sameer Chavan
 
Usability principles 1
Sameer Chavan
 
Introduction to User Experience for Internet Company
Sameer Chavan
 
Culture and Usability - Cross Cultural Issues in HCI, IIT Guwahati
Sameer Chavan
 
Differences in-task-descriptions
Sameer Chavan
 
Multimodal Explained Sameer
Sameer Chavan
 
User Experience Roles Competencies
Sameer Chavan
 
Design Story, Career opportunity in Design
Sameer Chavan
 
Culture Usability
Sameer Chavan
 
Business Centred Design
Sameer Chavan
 
Homepage Usability
Sameer Chavan
 

Recently uploaded (20)

PPTX
Colorful Bold Safari Animals Presentation.pptx
HNgcTrAnh
 
PDF
SS27 Men's Fashion Trend Book Peclers Paris
Peclers Paris
 
PPTX
Exploring Types of Rocks Educational Presentation rock forming james harold r...
jamescarllfelomino6
 
PDF
cs603 ppts .pdf 222222222222222222222222
RabiaNazneen1
 
PDF
CS6801-MULTI-CORE-ARCHITECTURE-AND-PROGRAMMING_watermark.pdf
SriRanjani60
 
DOCX
parts of transformer and application.docx
AbyotLetike
 
PDF
🔴BUKTI KEMENANGAN HARI INI SENIN 14 JULI 2025 !!!🔴
GRAB
 
PDF
Plastic Foam as eco-friendly product in interiors
Disha Agrawal
 
POTX
khsakhdjsahfsdfkjehfewfjxmxkvskghjdkskjhfdsjkhf.potx
NovitaYuliani4
 
PPTX
Elevating Elegance: Lobby Design Ideas by Germany’s Top Building Rendering Se...
Yantram Animation Studio Corporation
 
PPTX
Pink and Blue Simple Powerpoint Template.pptx
jeremyfdc22
 
PDF
placemaking 10 principles bY Berkley group
Radhika525487
 
PPTX
EDC_UNIT _I FINAL (1).pptx dhud and w ah yes
TEAKADAITROLLS
 
PPTX
Chapter 2-3.pptxnsnsnsnsnsjsjsjsjejeusuejsjsj
hibaaqabdirisaaq331
 
PDF
ARC-101-B-4.pdfxxxxxxxxxxxxxxxxxxxxxxxxx
IzzyBaniquedBusto
 
PDF
Ecowood.pdf | Tranquil Global Acoustics India
tranquil01
 
PDF
Q1_W2.jsjsbajannananajajsjsjjsjsjsnsnsnsn.pdf
alexislian611
 
PPTX
Can Tho Vietnam i love my countryyy.pptx
ThMai55
 
PPTX
Online Shopping For Women Men Kids Fashion Style Dresses
Palak thakur
 
PPTX
Chapter 1-1.pptx hwhahaiaiautsfzjakaiwueysuua
hibaaqabdirisaaq331
 
Colorful Bold Safari Animals Presentation.pptx
HNgcTrAnh
 
SS27 Men's Fashion Trend Book Peclers Paris
Peclers Paris
 
Exploring Types of Rocks Educational Presentation rock forming james harold r...
jamescarllfelomino6
 
cs603 ppts .pdf 222222222222222222222222
RabiaNazneen1
 
CS6801-MULTI-CORE-ARCHITECTURE-AND-PROGRAMMING_watermark.pdf
SriRanjani60
 
parts of transformer and application.docx
AbyotLetike
 
🔴BUKTI KEMENANGAN HARI INI SENIN 14 JULI 2025 !!!🔴
GRAB
 
Plastic Foam as eco-friendly product in interiors
Disha Agrawal
 
khsakhdjsahfsdfkjehfewfjxmxkvskghjdkskjhfdsjkhf.potx
NovitaYuliani4
 
Elevating Elegance: Lobby Design Ideas by Germany’s Top Building Rendering Se...
Yantram Animation Studio Corporation
 
Pink and Blue Simple Powerpoint Template.pptx
jeremyfdc22
 
placemaking 10 principles bY Berkley group
Radhika525487
 
EDC_UNIT _I FINAL (1).pptx dhud and w ah yes
TEAKADAITROLLS
 
Chapter 2-3.pptxnsnsnsnsnsjsjsjsjejeusuejsjsj
hibaaqabdirisaaq331
 
ARC-101-B-4.pdfxxxxxxxxxxxxxxxxxxxxxxxxx
IzzyBaniquedBusto
 
Ecowood.pdf | Tranquil Global Acoustics India
tranquil01
 
Q1_W2.jsjsbajannananajajsjsjjsjsjsnsnsnsn.pdf
alexislian611
 
Can Tho Vietnam i love my countryyy.pptx
ThMai55
 
Online Shopping For Women Men Kids Fashion Style Dresses
Palak thakur
 
Chapter 1-1.pptx hwhahaiaiautsfzjakaiwueysuua
hibaaqabdirisaaq331
 

Standards Based Approach to User Interface Development

  • 1. Standards Based Approach to User Interface Development Easy6 ACM CHI-SI Conference Bangalore Jan 2006 http://www.chi-si.org Sameer Chavan Applications User Experience Oracle
  • 2. Standards Standards are in Architecture, Mechanical, Electrical, Medical, Social fields Standards in software industry are evolving Company specific standards International standards – ISO, IEEE, CMM, W3C Software User Interface Standards Macintosh Human Interface Guidelines (Apple) Comman User Access (IBM) OS/Motif Style Guide (opern software) Windows Interface Guidelines (Microsoft) BLAF (Oracle)
  • 3. Definitions UI Standards UI Guidelines UI Patterns Component Level When to use which standard Standard ways of interactions. Eg checkout Branding Specifications Button behavior Text Graphics Table OR
  • 4. Before applying Standards Applications had their own look and feel No cohesion . Inconsistent interactions for common UI needs Many duplicated efforts in design and implementation Poor user experience
  • 5. Need for UI Standards Standardize the commonly used actions, labels & dialogue boxes across the applications. Incorporate Human factors research and best practices, which is empirically proven. Reduce the number of UI decisions made during design process. Reuse the user experience. Avoid reinventing same designs. To help Product Managers. Reduced the dependency on UI designers . After
  • 6. Limitations of Standards Standards are very generic so they don’t know exact requirements for a particular task. Standards are often compromised solution across all products. So it cannot guarantee best interaction for that task. Having just consistent UI will not insure usability. All the designs cannot be documented and have UI standard. Standards cannot give design solution
  • 7. Challenges for Standards Development Wide range of applications ranging from Financials, HRMS, SCM, CRM, etc Very broad range of user profiles Technological limitation to make the designs accessible, cross browser compatible and localized
  • 8. Solution : BLAF standards Flexible enough to use across the variety of applications but specific enough of meet each team’s requirement Interactivity was reduced and was limited to plain html Standards were defined at Component level, Page level, Flows, Patterns. Structure of Guidelines
  • 9. Standards were result of.. Functional requirements from many product teams. (tasks & flows) Technical constraints after discussing with development. (Browsers & bandwidth) Legal constraints (Accessibility) Competitive pressure (e.g. “Save for later” feature ) Cost constraints Human cognitive limitations (e.g. reduce memory load)
  • 10. Benefits of Standards The Standards are Comprehensive, Robust and scalable designs. Empirically proven and continuously enhanced designs. Avoid duplication of efforts, divert PM & DM to higher level tasks. Easily upgradeable. The products are consistence in look & feel and interactions. User Experience is reused so learning curve is reduced. Does not have to worry about the working of the component or interaction because it is already tested Prototypes can be done in Visio or html prototyping tool.
  • 11. Standards Development process Requirement gathering Concept and Draft proposal Reviews with different teams Usability testing Redesigns and updates Visual Design Release process – translation, legal, performance,.. Publishing Usability Testing
  • 12. Ongoing Activities Enhancement bug against Standards Replying to questions from Development, Designers & PM Training on Standards Research on new interaction widgets Usability testing of new components Updating standards for new technology Enhancement UI Helpdesk Training Research Usability Test Updating Standards
  • 13. Reviews- Standards compliance Reviews are done at Concept Prototype Code Attended by Development, Designer, Reviewer, PM Bugs are filled Score cards are issued
  • 14. Challenges due to Standards based Design Dose not insure best design. The designer needs to apply right standards for given task flow. A designer needs to know each standard before designing. You cannot design freely. Interpreting the meaning of standards become difficult. Standards constrains the flexibility and innovation in design. Lengthy process of standards. Standards become absolute after certain time.
  • 15. Future perspective on Standards Can we have a wizard based design Can a designer becomes redundant using patterns. Common standards across the platform (windows, Unix, mac) Can different companies have same flow for same task(eg. Shopping cart)
  • 16. Questions and Answers Q A & [email_address]