Presentation is loading. Please wait.

Presentation is loading. Please wait.

Context-aware Generation of User Interface Containers for Mobile devices Francisco J. Martínez Ruiz 1,2, Jean Vanderdonckt 1 and Jaime Muñoz Arteaga 3.

Similar presentations


Presentation on theme: "Context-aware Generation of User Interface Containers for Mobile devices Francisco J. Martínez Ruiz 1,2, Jean Vanderdonckt 1 and Jaime Muñoz Arteaga 3."— Presentation transcript:

1 Context-aware Generation of User Interface Containers for Mobile devices Francisco J. Martínez Ruiz 1,2, Jean Vanderdonckt 1 and Jaime Muñoz Arteaga 3 1. Université catholique de Louvain (UCL) Information Systems Unit (ISYS) and Belgian Laboratory of Computer-Human Interaction (BCHI) 2. Universidad Autónoma de Zacatecas - UAZ Jardín Juárez 147 Centro Histórico, C.P Zacatecas, México 3. Universidad Autonoma de Aguascalientes - UAA, Centro de Ciencias Básicas. Av. Universidad, Aguascalientes. Mexico.

2 The Mexican International Conference on Computer Science ENC Agenda Introduction Method outline Defining container structure Applying heuristic rules Applying patterns Conclusions

3 The Mexican International Conference on Computer Science ENC Introduction The design of User Interfaces involves a process of gathering building blocks. These hierarchies of elements are the representation of the goal pursuit by the application.

4 The Mexican International Conference on Computer Science ENC Introduction The specific features of a context lead designers to take particular design decisions. For instance, the Mobile World introduces interesting challenges in terms of limited space and computational capacities.

5 The Mexican International Conference on Computer Science ENC Method outline

6 The Mexican International Conference on Computer Science ENC Defining the Containment Structure Root node Anchor node level

7 The Mexican International Conference on Computer Science ENC Defining the Containment Structure

8 The Mexican International Conference on Computer Science ENC Container Generation formula

9 The Mexican International Conference on Computer Science ENC Defining the Containment Structure (Container division from G(n) and the available layers

10 The Mexican International Conference on Computer Science ENC Weighting configurations

11 The Mexican International Conference on Computer Science ENC Calculating the weight of configurations

12 The Mexican International Conference on Computer Science ENC Result of weighting process

13 The Mexican International Conference on Computer Science ENC The selection of the UI Complexity metrics µ1 = Based on amount of items µ2 = Based on weight of items µ3 = Based on widget surfaces µ4 = Based on cognitive load Pool of examples

14 The Mexican International Conference on Computer Science ENC Results of analysis of metrics

15 The Mexican International Conference on Computer Science ENC Method Outline (2/4)

16 The Mexican International Conference on Computer Science ENC Classification of Containers Adjacent Disposition This feature is the relation of adjacency between tasks. two categories are possible:Contiguous and Non- contiguous. Capacity That is the amount of embedded tasks/elements inside a container. (Also it is possible to understand it as the number of children nodes under a parent node i.e. the cardinality).

17 The Mexican International Conference on Computer Science ENC Classification of Containers HR1: Sequential operators could be associated with contiguous configurations since they are obliged to follow N HR2: the discontinuous configuration should be associated to choice or concurrent operators.

18 The Mexican International Conference on Computer Science ENC Method Outline

19 The Mexican International Conference on Computer Science ENC Container Patterns 1/2

20 The Mexican International Conference on Computer Science ENC Container Patterns 2/2

21 The Mexican International Conference on Computer Science ENC Mapping between devices/patterns

22 The Mexican International Conference on Computer Science ENC Conclusions In this paper, it has been described an iterative method to help UI designers in the process of defining containment structures in the mobile domain. This method takes into account contextual information (the platform, temporal relationships between tasks and vicinity of the tasks) and the posibility of applying a pattern library (for the containers) to refine the UI. Finally, A fundamental consideration is the fact that our method for the moment is not looking optimization instead of that, it provides plausible scenarios to the designer.

23 The Mexican International Conference on Computer Science ENC Thank you very much for your attention User Interface eXtensible Markup Language Universidad Autonoma de Zacatecas Universidad Autonoma de Aguascalientes

24 Context-aware Generation of User Interface Containers for Mobile devices Francisco J. Martínez Ruiz 1,2, Jean Vanderdonckt 1 and Jaime Muñoz Arteaga 3 1. Université catholique de Louvain (UCL) Information Systems Unit (ISYS) and Belgian Laboratory of Computer-Human Interaction (BCHI) 2. Universidad Autónoma de Zacatecas - UAZ Jardín Juárez 147 Centro Histórico, C.P Zacatecas, México 3. Universidad Autonoma de Aguascalientes - UAA, Centro de Ciencias Básicas. Av. Universidad, Aguascalientes. Mexico.


Download ppt "Context-aware Generation of User Interface Containers for Mobile devices Francisco J. Martínez Ruiz 1,2, Jean Vanderdonckt 1 and Jaime Muñoz Arteaga 3."

Similar presentations


Ads by Google