context-aware generation of user interface containers for a mobile device
DESCRIPTION
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.TRANSCRIPT
![Page 1: Context-aware Generation of User Interface Containers for a Mobile Device](https://reader034.vdocument.in/reader034/viewer/2022051313/549926c9b479594d5c8b4575/html5/thumbnails/1.jpg)
Context-aware Generation of User Interface Containers for
Mobile devices
Francisco J. Martínez Ruiz1,2, Jean Vanderdonckt1 and Jaime Muñoz Arteaga3
1. Université catholique de Louvain (UCL)Information Systems Unit (ISYS) and Belgian Laboratory of Computer-Human Interaction (BCHI)([email protected])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.
![Page 2: Context-aware Generation of User Interface Containers for a Mobile Device](https://reader034.vdocument.in/reader034/viewer/2022051313/549926c9b479594d5c8b4575/html5/thumbnails/2.jpg)
The Mexican International Conference on Computer Science ENC 2008
2
Agenda
Introduction Method outline
Defining container structure Applying heuristic rules Applying patterns
Conclusions
![Page 3: Context-aware Generation of User Interface Containers for a Mobile Device](https://reader034.vdocument.in/reader034/viewer/2022051313/549926c9b479594d5c8b4575/html5/thumbnails/3.jpg)
The Mexican International Conference on Computer Science ENC 2008
3
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.
![Page 4: Context-aware Generation of User Interface Containers for a Mobile Device](https://reader034.vdocument.in/reader034/viewer/2022051313/549926c9b479594d5c8b4575/html5/thumbnails/4.jpg)
The Mexican International Conference on Computer Science ENC 2008
4
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.
![Page 5: Context-aware Generation of User Interface Containers for a Mobile Device](https://reader034.vdocument.in/reader034/viewer/2022051313/549926c9b479594d5c8b4575/html5/thumbnails/5.jpg)
The Mexican International Conference on Computer Science ENC 2008
5
Method outline
![Page 6: Context-aware Generation of User Interface Containers for a Mobile Device](https://reader034.vdocument.in/reader034/viewer/2022051313/549926c9b479594d5c8b4575/html5/thumbnails/6.jpg)
The Mexican International Conference on Computer Science ENC 2008
6
Defining the Containment StructureRoot node
Anchor node
level
![Page 7: Context-aware Generation of User Interface Containers for a Mobile Device](https://reader034.vdocument.in/reader034/viewer/2022051313/549926c9b479594d5c8b4575/html5/thumbnails/7.jpg)
The Mexican International Conference on Computer Science ENC 2008
7
Defining the Containment Structure
![Page 8: Context-aware Generation of User Interface Containers for a Mobile Device](https://reader034.vdocument.in/reader034/viewer/2022051313/549926c9b479594d5c8b4575/html5/thumbnails/8.jpg)
The Mexican International Conference on Computer Science ENC 2008
8
Container Generation formula
![Page 9: Context-aware Generation of User Interface Containers for a Mobile Device](https://reader034.vdocument.in/reader034/viewer/2022051313/549926c9b479594d5c8b4575/html5/thumbnails/9.jpg)
The Mexican International Conference on Computer Science ENC 2008
9
Defining the Containment Structure (Container division from G(n) and the available layers
![Page 10: Context-aware Generation of User Interface Containers for a Mobile Device](https://reader034.vdocument.in/reader034/viewer/2022051313/549926c9b479594d5c8b4575/html5/thumbnails/10.jpg)
The Mexican International Conference on Computer Science ENC 2008
10
Weighting configurations
![Page 11: Context-aware Generation of User Interface Containers for a Mobile Device](https://reader034.vdocument.in/reader034/viewer/2022051313/549926c9b479594d5c8b4575/html5/thumbnails/11.jpg)
The Mexican International Conference on Computer Science ENC 2008
11
Calculating the weight of configurations
![Page 12: Context-aware Generation of User Interface Containers for a Mobile Device](https://reader034.vdocument.in/reader034/viewer/2022051313/549926c9b479594d5c8b4575/html5/thumbnails/12.jpg)
The Mexican International Conference on Computer Science ENC 2008
12
Result of weighting process
![Page 13: Context-aware Generation of User Interface Containers for a Mobile Device](https://reader034.vdocument.in/reader034/viewer/2022051313/549926c9b479594d5c8b4575/html5/thumbnails/13.jpg)
The Mexican International Conference on Computer Science ENC 2008
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
![Page 14: Context-aware Generation of User Interface Containers for a Mobile Device](https://reader034.vdocument.in/reader034/viewer/2022051313/549926c9b479594d5c8b4575/html5/thumbnails/14.jpg)
The Mexican International Conference on Computer Science ENC 2008
14
Results of analysis of metrics
![Page 15: Context-aware Generation of User Interface Containers for a Mobile Device](https://reader034.vdocument.in/reader034/viewer/2022051313/549926c9b479594d5c8b4575/html5/thumbnails/15.jpg)
The Mexican International Conference on Computer Science ENC 2008
15
Method Outline (2/4)
![Page 16: Context-aware Generation of User Interface Containers for a Mobile Device](https://reader034.vdocument.in/reader034/viewer/2022051313/549926c9b479594d5c8b4575/html5/thumbnails/16.jpg)
The Mexican International Conference on Computer Science ENC 2008
16
Classification of Containers
Adjacent Disposition This feature is the relation of adjacency between tasks. two categories are possible:Contiguous and Non-contiguous.
CapacityThat 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).
![Page 17: Context-aware Generation of User Interface Containers for a Mobile Device](https://reader034.vdocument.in/reader034/viewer/2022051313/549926c9b479594d5c8b4575/html5/thumbnails/17.jpg)
The Mexican International Conference on Computer Science ENC 2008
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.
![Page 18: Context-aware Generation of User Interface Containers for a Mobile Device](https://reader034.vdocument.in/reader034/viewer/2022051313/549926c9b479594d5c8b4575/html5/thumbnails/18.jpg)
The Mexican International Conference on Computer Science ENC 2008
18
Method Outline
![Page 19: Context-aware Generation of User Interface Containers for a Mobile Device](https://reader034.vdocument.in/reader034/viewer/2022051313/549926c9b479594d5c8b4575/html5/thumbnails/19.jpg)
The Mexican International Conference on Computer Science ENC 2008
19
Container Patterns 1/2
![Page 20: Context-aware Generation of User Interface Containers for a Mobile Device](https://reader034.vdocument.in/reader034/viewer/2022051313/549926c9b479594d5c8b4575/html5/thumbnails/20.jpg)
The Mexican International Conference on Computer Science ENC 2008
20
Container Patterns 2/2
![Page 21: Context-aware Generation of User Interface Containers for a Mobile Device](https://reader034.vdocument.in/reader034/viewer/2022051313/549926c9b479594d5c8b4575/html5/thumbnails/21.jpg)
The Mexican International Conference on Computer Science ENC 2008
21
Mapping between devices/patterns
![Page 22: Context-aware Generation of User Interface Containers for a Mobile Device](https://reader034.vdocument.in/reader034/viewer/2022051313/549926c9b479594d5c8b4575/html5/thumbnails/22.jpg)
The Mexican International Conference on Computer Science ENC 2008
22
ConclusionsIn 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.
![Page 23: Context-aware Generation of User Interface Containers for a Mobile Device](https://reader034.vdocument.in/reader034/viewer/2022051313/549926c9b479594d5c8b4575/html5/thumbnails/23.jpg)
The Mexican International Conference on Computer Science ENC 2008
23
Thank you very much for your attention
http://www.usixml.orgUser Interface eXtensible Markup Language
http://www.uaz.edu.mx/Universidad Autonoma de Zacatecas
http://www.uaa.mx/Universidad Autonoma de Aguascalientes
![Page 24: Context-aware Generation of User Interface Containers for a Mobile Device](https://reader034.vdocument.in/reader034/viewer/2022051313/549926c9b479594d5c8b4575/html5/thumbnails/24.jpg)
Context-aware Generation of User Interface Containers for
Mobile devices
Francisco J. Martínez Ruiz1,2, Jean Vanderdonckt1 and Jaime Muñoz Arteaga3
1. Université catholique de Louvain (UCL)Information Systems Unit (ISYS) and Belgian Laboratory of Computer-Human Interaction (BCHI)([email protected])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.