Towards ergonomic guidelines integration within graphical interface controls for the evaluation of...

19
Towards ergonomic guidelines integration within graphical interface controls for the evaluation of the interactive system Application to a transport network Information Support System Hammamet May, 31th 2011 Selem Charfi, Abdelwaheb Trabelsi, Houcine Ezzedine, Christophe Kolski

description

In this paper, a new approach for interactive system evaluation is presented. It is based on the ergonomic guidelines integration within Graphical User Interface (GUI) controls. These controls provide assistance to the evaluator for the interfaces design according to a set of ergonomic guidelines. The controls use is proposed for both the evaluators and the developers. The proposed approach is based on the fact that when creating a graphical component (when adding it to the interface), it inspects a set of ergonomic criteria and verifies the GUI compliance with these criteria. The advantage of the suggested proposal consists essentially on its easiness to provide ergonomic guidelines validation when designing a GUI. To validate our approach, we propose in this paper, an application on a transport network supervision system and more particularly to an Information Assistance System for passenger.

Transcript of Towards ergonomic guidelines integration within graphical interface controls for the evaluation of...

Page 1: Towards ergonomic guidelines integration within graphical interface controls for the evaluation of the interactive system

Towards ergonomic guidelines integration

within graphical interface controls for the

evaluation of the interactive system Application to a transport network Information Support System

Hammamet May, 31th 2011

Selem Charfi, Abdelwaheb Trabelsi, Houcine Ezzedine,

Christophe Kolski

Page 2: Towards ergonomic guidelines integration within graphical interface controls for the evaluation of the interactive system

Plan

1. Introduction

2. The interactive systems evaluation based on

ergonomic guidelines validation

3. Ergonomic guidelines integration within GUI

controls

4. Application to transport network Information

Support System (ISS)

5. Conclusion & Research Perspectives

31/10/2012 2

Page 3: Towards ergonomic guidelines integration within graphical interface controls for the evaluation of the interactive system

1- Introduction

The evaluation process is important => good

ergonomic quality interactive system

Failures non-tolerant interactive system (monitoring

system)

Evaluation methods are various

Interactive system life cycle phase

Cost (in material resources and evaluation time)

Quality factors : the transportation system evaluation

The utility

The usability

31/10/2012 3

Page 4: Towards ergonomic guidelines integration within graphical interface controls for the evaluation of the interactive system

1- Introduction

HCI evaluation method operates on a given principle.

User actions analysis

electronic informer: MESIA, EMA, Sherlock, Usine ...

Conversing with users (designers) => identify usability

problems (Dedicated questionnaires, Usability focused interviews ,

Cognitive Walkthrough method, …)

Early evaluation based on oriented use traces

Validating ergonomic guidelines in the HCI:

ERGOVAL, Sierra, EvalAccess, Destine

31/10/2012 4

Page 5: Towards ergonomic guidelines integration within graphical interface controls for the evaluation of the interactive system

2- The interactive systems evaluation based

on ergonomic guidelines validation

Compliance

User interfaces

Ergonomic guidelines and recommendations issued from

the software usability

Static presentation

Evaluator and a designer during the evaluation

process

Graphical controls attributes values

31/10/2012 5

Page 6: Towards ergonomic guidelines integration within graphical interface controls for the evaluation of the interactive system

2- The interactive systems evaluation based

on ergonomic guidelines validation

Provided services

1. Criticism or recommendations

2. Assistance in the interactive systems evaluation

3. Ergonomic guidelines violations

Ivory and Hearst => automation level

31/10/2012 6

Capture

Analysis

Criticism

Page 7: Towards ergonomic guidelines integration within graphical interface controls for the evaluation of the interactive system

3- Ergonomic guidelines integration within

GUI controls

Validate the guidelines through

customized controls.

The component evaluates itself

Inherit from the controls supplied by the

design environment

Added to the toolbar

Same functions and methods as those

supplied with most development

environments. 31/10/2012 7

Page 8: Towards ergonomic guidelines integration within graphical interface controls for the evaluation of the interactive system

Based Ergonomic Guidelines validation controls

Ergonomic Guideline Validation

Ergonomic criticism and

recommendation generation

Global and specific report on

ergonomic guidelines validation

Controls Initialization

Ergonomic

Guidelines

Database

Tra

nsp

ort

Med

ical

Educa

tion

Designer

Evaluator

31/10/2012 8

Page 9: Towards ergonomic guidelines integration within graphical interface controls for the evaluation of the interactive system

3- Ergonomic guidelines integration within

GUI controls

Advantage of the proposed approach

Easy to use in the evaluation process

The interface designer does not have to manually check the

compliance of controls to the ergonomic guidelines

Can be applied in the interface design at early stages

Improvement suggestions are proposed to the designer

automatically

Assistance is provided in parallel with the interface design

phase 31/10/2012 9

Page 10: Towards ergonomic guidelines integration within graphical interface controls for the evaluation of the interactive system

3- Ergonomic guidelines integration within

GUI controls Examples of aspects covered

by the evaluation oriented

controls.

Component W

riti

ng

_S

ize

Wri

tin

g_

Co

lor

Wri

tin

g_

Fo

nt

Ima

ge

s_

Dim

en

tio

n

Co

ntr

ols

_D

ime

ns

ion

Info

rma

tio

n_D

en

sit

y

Gla

ba

l_D

en

sit

y

Ba

ck

gro

un

d

De

fau

lt_

Va

lue

Ite

ms

_N

um

be

r

My_Button X X X X X

My_RadioButton X X X X X

My_CheckBox X X X X X X

My_TextBox X X X X X X X

My_Label X X X X X X

My_ComboBox X X X X

My_TabControl X

My_ListBoxSelection X X X X X X X X

My_PictureBox X X X

My_Form X X X X X

31/10/2012 10

Page 11: Towards ergonomic guidelines integration within graphical interface controls for the evaluation of the interactive system

3- Ergonomic guidelines integration within

GUI controls public class My_Button : System.Windows.Forms.Button {

ArrayListError_List = new ArrayList (); struct Evaluation {string error; string recommendation;}

public int density = 0; public Boutton(): base () { writing_size (Errors_List, this.Controls[0].Size.ToString()); writing_font (Errors_List, this.Controls[0].Font.ToString()); gloabl_density(Errors_list, density); ... if (Errors_List.Count>0)

{ string errors=""; string recommendation = ""; for (int i=0; i<Errors_List.Count;i++) { errors +=Errors_List[i].error + '\n'; recommendation+=Errors_List[i].recommendation+'\n'; … }

Evaluation_Form EF= new Evaluation_For(errors, recommendations); EF.show();

} } 31/10/2012 11

Page 12: Towards ergonomic guidelines integration within graphical interface controls for the evaluation of the interactive system

4- Application to transport network

Information Support System (ISS)

Support system for information to regulators in the

control room of the public transportation network

=> Perform tasks optimally either in normal or

degraded network mode.

31/10/2012 12

Page 13: Towards ergonomic guidelines integration within graphical interface controls for the evaluation of the interactive system

4- Application to transport network

Information Support System (ISS)

31/10/2012 13

1 2 3 4

Page 14: Towards ergonomic guidelines integration within graphical interface controls for the evaluation of the interactive system

4- Application to transport network

Information Support System (ISS)

31/10/2012 14

Page 15: Towards ergonomic guidelines integration within graphical interface controls for the evaluation of the interactive system

4- Application to transport network

Information Support System (ISS)

31/10/2012 15

Page 16: Towards ergonomic guidelines integration within graphical interface controls for the evaluation of the interactive system

5- Conclusion and research perspectives

Interactive system ergonomic quality evaluation

Proposal for the validation of ergonomic guidelines in

graphical interfaces

Easy to apply.

HCI Automated evaluation

Built on graphical controls

Inspect their own validity in relation to ergonomic guidelines.

Technically validated by an experimental evaluation of a

passenger Information Support System.

31/10/2012 16

Page 17: Towards ergonomic guidelines integration within graphical interface controls for the evaluation of the interactive system

5- Conclusion and research perspectives

As research perspective,

Ergonomic guidelines external of the controls

Integrate new guidelines

Ergonomic guidelines modeling tool

Ergonomic guidelines definition language.

Controls to evaluate web applications

Integrate other controls

Couple this approach with other approaches (dynamic

evaluation)

31/10/2012 17

Page 18: Towards ergonomic guidelines integration within graphical interface controls for the evaluation of the interactive system

31/10/2012 18

We welcome your question, suggestions and comments

Page 19: Towards ergonomic guidelines integration within graphical interface controls for the evaluation of the interactive system

Towards ergonomic guidelines integration

within graphical interface controls for the

evaluation of the interactive system Application to a transport network Information Support System

Hammamet May, 31th 2011

Selem Charfi, Abdelwaheb Trabelsi, Houcine Ezzedine,

Christophe Kolski