Employing patterns and layers for early-stage design and prototyping of cross-device user interfaces

Lin, James; Landay, James A.

doi:10.1145/1357054.1357260

Cited by 123 publications

(78 citation statements)

References 24 publications

Supporting

Mentioning

Contrasting

Order By: Relevance

“…Some of them are also grounded in usage-centred design, but we focused on agile models as they proved to be helpful in bridging the gaps between the disciplines (see Section 3). The tools DAMASK [13] and DENIM [19] used a Zoomable User Interface (ZUI) approach for switching between different levels of detail through a visual drill-down process. Based on our own experience with ZUIs, we followed a consistent implementation of this technique.…”

Section: Related Workmentioning

confidence: 99%

Inspector: Interactive UI Specification Tool

Memmel

Reiterer

2009

Computer-Aided Design of User Interfaces VI

View full text Add to dashboard Cite

When the user interface should be specified, a picture is worth a thousand words, and the worst thing to do is write a natural language specification for it. Although this practice is still common, it is a challenging task to move from text-based requirements and problem-space concepts to a final UI design, and then back. Especially for user interface specification, actors must frequently switch between high-level descriptions and low-level detailed screens. In our research we found out that advanced specifications should to be made up of interconnected artefacts that have distinct levels of abstraction. With regards to the transparency and traceability of the rationale of the specification process, transitions and dependencies must be visual and traversable. For this purpose, a user interface specification method is introduced that interactively integrates interdisciplinary and informal modelling languages with different levels of fidelity of user interface prototyping. With an innovative experimental tool, we finally assemble models and design to an interactive user interface specifications.

show abstract

Section: Related Workmentioning

confidence: 99%

Inspector: Interactive UI Specification Tool

Memmel

Reiterer

2009

Computer-Aided Design of User Interfaces VI

View full text Add to dashboard Cite

show abstract

“…However, developing such systems can be a challenge because it is necessary to know not only how but also when to incorporate features available in one platform into the others, since each platform may differ in its capabilities and constraints (e.g., screen size and resolution, input mechanisms) [4,5,6,7]. Hence, it can be difficult and costly to maintain the quality of the system across each platform.…”

Section: Introductionmentioning

confidence: 99%

“…Recent works have investigated the development [6,7,8,9] and the evaluation [2,5,10] of cross-platform systems by focusing mostly on their cognitive aspects, such as (inter) usability [2,4,10] and user experience [5]. In this paper, we shift the focus from evaluations based on cognitive theories to one based on Semiotics [11,12].…”

Section: Introductionmentioning

confidence: 99%

Cross-Communicability: Evaluating the Meta-communication of Cross-Platform Applications

Maués

Barbosa

2013

Human-Computer Interaction – INTERACT 2013

View full text Add to dashboard Cite

Abstract. Evaluating cross-platform systems is challenging due to the different constraints and capabilities of each platform. In this paper we extend the Semiotic Inspection Method (SIM), a Semiotic Engineering evaluation method, to evaluate cross-platform systems. We introduce the term cross-communicability to denote the quality of the meta-communication of the system as whole, taking into account the user traversal between the different platforms. To assess crosscommunicability, we describe a novel approach to conduct the SIM, which introduces a contrastive analysis of the designer-to-user meta-communication messages of each platform, based on a semiotic framing of design changes initially proposed for End-User Development. The results from an analytical study indicate that this approach is capable of identifying and classifying several potential communication breakdowns particular to cross-platform systems, which in turn can inform the design or redesign of a cross-platform application.

show abstract

“…DAMASK [14] and DENIM [21] both rely on a Zoomable User Interface (ZUI) approach for switching between different levels of fidelity through a visual drill-down process. Based on this experience and our own, we followed a consistent implementation of this technique and we chose to implement an electronic whiteboard metaphor for INSPECTOR.…”

Section: Related Workmentioning

confidence: 99%

“…Because of our own experience and that of others [14,21] in developing ZUIs, INSPECTOR offers panning and zooming as major interaction techniques. In this way, it supports the principle of focus+context principle: first, the general context is identified and when it is appropriate, we can focus on some relevant part of the context, thus giving rise to a new context and so forth.…”

Section: Zoom-based Traveling Through the Ui Specification Spacementioning

confidence: 99%

Multi-fidelity User Interface Specifications

Memmel

Vanderdonckt

Reiterer

Interactive Systems. Design, Specification, and Verification

View full text Add to dashboard Cite

Abstract. Specifying user interfaces consists in a fundamental activity in the user interface development life cycle as it informs the subsequent steps. Good quality specifications could lead to a user interface that satisfies the user's needs. The user interface development life cycle typically involves multiple actors possessing all their own particular inputs of user interface artifacts expressed with their own formats, thus posing new constraints for integrating them into comprehensive and consistent specifications of a future user interface. This paper introduces a design technique where these actors can introduce their artifacts by sketching them in their respective input format so as to integrate them into one or multiple output formats. Each artifact can be introduced in a particular level of fidelity (ranging from low to high) and switched to an adjacent level of fidelity after appropriate refining. Refined artifacts are then captured in appropriate models stored in a model repository. In this way, coevolutionary design of user interfaces is introduced, defined, and supported by a collaborative design tool allowing multiple inputs and multiple outputs. This design paradigm is exemplified on a case study and has been tested in an empirical study revealing how designers appreciate it.Keywords. Collaborative design, formal and informal specifications, specification of interactive systems, usability requirements, user interface specifications.

show abstract

Employing patterns and layers for early-stage design and prototyping of cross-device user interfaces

Cited by 123 publications

References 24 publications

Inspector: Interactive UI Specification Tool

Inspector: Interactive UI Specification Tool

Cross-Communicability: Evaluating the Meta-communication of Cross-Platform Applications

Multi-fidelity User Interface Specifications

Contact Info

Product

Resources

About