Context-aware Generation of User Interface Containers for a Mobile Device

1,804 views
1,748 views

Published on

The world of the mobile devices involves restrictive features. Multiple efforts have been done to define the User Interface. Here, it is combined a neutral description of the UI with a semantic recovery of information. The focus of this paper is the generation of the containment structure based on the context of the application. The process includes three main tasks: first a fixed division of the neutral definition of the UI (a task tree), Then heuristic rules based on the vicinity are applied and finally a set of container patterns is provided to polish the UI. Alternative configurations are delivered and weighted. Since multiple metrics has been proposed a comparison of them was delivered. The results of the comparative analysis suggest that some metrics, although more sophisticated and fine-grained, do not necessarily improve significantly the quality of determining user interface containers, therefore stemming for simple, yet efficient, metrics used to reach a threshold. Finally, as final result is a set of plausible UIs is delivered.

Published in: Technology, Business
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
1,804
On SlideShare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
65
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Context-aware Generation of User Interface Containers for a Mobile Device

  1. 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) (jamaru@acm.org) 2. Universidad Autónoma de Zacatecas - UAZ Jardín Juárez 147 Centro Histórico, C.P. 98000 Zacatecas, México 3. Universidad Autonoma de Aguascalientes - UAA, Centro de Ciencias Básicas. Av. Universidad, Aguascalientes. Mexico.
  2. 2. Agenda <ul><li>Introduction </li></ul><ul><li>Method outline </li></ul><ul><ul><li>Defining container structure </li></ul></ul><ul><ul><li>Applying heuristic rules </li></ul></ul><ul><ul><li>Applying patterns </li></ul></ul><ul><li>Conclusions </li></ul>
  3. 3. Introduction <ul><li>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. </li></ul>
  4. 4. Introduction <ul><li>The specific features of a context lead designers to take particular design decisions. </li></ul><ul><li>For instance, the Mobile World introduces interesting challenges in terms of limited space and computational capacities. </li></ul>
  5. 5. Method outline
  6. 6. Defining the Containment Structure Root node Anchor node level
  7. 7. Defining the Containment Structure
  8. 8. Container Generation formula
  9. 9. Defining the Containment Structure (Container division from G(n) and the available layers
  10. 10. Weighting configurations
  11. 11. Calculating the weight of configurations
  12. 12. Result of weighting process
  13. 13. 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. 14. Results of analysis of metrics
  15. 15. Method Outline (2/4)
  16. 16. 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. 17. 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. 18. Method Outline
  19. 19. Container Patterns 1/2
  20. 20. Container Patterns 2/2
  21. 21. Mapping between devices/patterns
  22. 22. Conclusions <ul><li>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. </li></ul><ul><li>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. </li></ul><ul><li>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. </li></ul>
  23. 23. Thank you very much for your attention http://www.usixml.org User Interface eXtensible Markup Language http://www.uaz.edu.mx/ Universidad Autonoma de Zacatecas http://www.uaa.mx/ Universidad Autonoma de Aguascalientes
  24. 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) (jamaru@acm.org) 2. Universidad Autónoma de Zacatecas - UAZ Jardín Juárez 147 Centro Histórico, C.P. 98000 Zacatecas, México 3. Universidad Autonoma de Aguascalientes - UAA, Centro de Ciencias Básicas. Av. Universidad, Aguascalientes. Mexico.

×