Standards Based *Approach to *User Interface Development

50 %
50 %
Information about Standards Based *Approach to *User Interface Development
Design

Published on December 27, 2008

Author: sameerhere

Source: slideshare.net

Description

Standards Based Approach to User Interface Development presentation at ACM SIGCHI conference Bangalore

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)

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

UI Standards

UI Guidelines

UI Patterns

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

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

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 .

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

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

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

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)

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.

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

Requirement gathering

Concept and Draft proposal

Reviews with different teams

Usability testing

Redesigns and updates

Visual Design

Release process – translation, legal, performance,..

Publishing

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

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

Reviews- Standards compliance Reviews are done at Concept Prototype Code Attended by Development, Designer, Reviewer, PM Bugs are filled Score cards are issued

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.

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)

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]

Add a comment

Related presentations

Related pages

User Interface Standards - msdn.microsoft.com

Without user interface standards, ... staff became more familiar with each approach. ... Access report that's based on any filter settings ...
Read more

Generating User Interface Code in a Model Based User ...

Generating User Interface Code in a Model Based User Interface Development Environment Paulo Pinheiro da Silva, Tony Griffiths, Norman W. Paton
Read more

Design Approach for Touch Based User Interfaces

Design Approach for Touch Based User ... very easy to find a touch-based user interface in ... of the hardware and software development
Read more

A standards based approach to enabling legacy applications ...

A standards based approach to enabling legacy ... to concentrate on the usability and development ... the user interface developers effort as they ...
Read more

A Standards-based Approach for Domain Specific Modelling of ...

A Standards-based Approach for ... Josef Ressel Center for User-Centric ... The presented approach aims at the development of both, a standards-based ...
Read more

Introduction to Model-Based User Interfaces

Introduction to Model-Based User ... Model-Based User Interface Development ... A Mixed Model-Based Approach to Designing Executable User ...
Read more

Generating user interface code in a model based user ...

... existing software architectures and standards, ... of graphical user interfaces in the TADEUS approach. ... Based User Interface Development ...
Read more

A Value-Based Approach to Determining Levels of Human ...

of Human Machine Interface ... • User Interface Standards have a number ... “A Value Focused Thinking Approach to Software Interface in a Complex ...
Read more

Design Aid Tools for User Interface Designers - Konstanz

Design Aid Tools for User Interface Designers ... approach in the area of user interface ... the area of user interface development tools is to ...
Read more