Navigation in long, form-based UIs on Smartphones: Paper accepted at the INTERACT’15 conference

Mobile applications provide increasingly complex functionality through form-based user interfaces. Given the small screen sizes of many mobile devices, this requires effective solutions for navigation. Our recent paper about navigation in long, form-based UIs on mobile devices [1], which will be published at the INTERACT’15 conference, compared four navigation design patterns on mobile devices. Results indicate that Scrolling should be avoided in favor of other designs that provide a better overview, possibly using tabs, menus, or collapsible fieldsets.

Read More

Gamification of Online Surveys – New Paper accepted at INTERACT’15

Our study “Gamification of Online Surveys: Design Process, Case Study, and Evaluation” [1] was accepted for publication at the Interact 2015 conference.

Gamification has been proposed to make online surveys more pleasant to fill and, consequently, to improve the quality of survey results. We applied our gamification design process [2] to an existing survey targeted at teenagers and young adults. This allowed to formulate lessons learned regarding our design process; results strongly support the process’s usefulness and applicability. The gamified survey was evaluated in a study with 60 participants regarding the psychological and behavioral outcomes of gamification.

Read More

INSO Themenvorstellung: Presentation of topics for practical courses on 18th of March, 2015

Students interested in taking a course or writing a thesis with DECO are warmly invited to the upcoming presentation of topics (“INSO Themenvorstellung”) on Wednesday March 18th, 2015 at 17:00 at HS15. We will present human-computer-interaction topics available for student projects, practical courses, and bachelor/master theses.

Einladung zur “INSO Themenvorstellung” am Mittwoch, 18. März 2015 um 17:00 im HS15. Die DECO Gruppe wird Themen und Aufgabenstellungen aus Human-Computer-Interaction vorstellen, die als Praktika, Projekte, und Bachelor/Master-Arbeiten vergeben werden können.

Gamification of Online Surveys – new paper presented at NordiCHI 2014

We presented a new paper [1] at the NordiCHI 2014 conference in Helsinki. In the paper, we put forth a well-structured process for gamifying online surveys. You can download the full PDF from our website

Prior work on gamified surveys has been unclear about design methods and best practices, but has instead focused on evaluating psychological and behavioral outcomes. In contrast and addition, our paper provides a well-structured design process:

Conceptual Foundations and a Unified Design Process for Gamifying Online Surveys
The proposed unified design process combines gamification (MDA game elements [2]) and form design (Jarret’s three layers of form design [3]) and applies the combined, iterative process to the survey areas to be gamified. Graphic based on [1, Fig.1].

Read More

Neue LVA im WS 2014/15: Evaluation innovativer Interfaces

Ankündigung und Einladung zur Teilnahme an der neuen LVA 183.659 Theorie und Praxis der Evaluierung von innovativen Interfaces (Seminar, 2.0h, 3.0ects), die erstmals im Wintersemester 2014/15 stattfinden wird. Inhaltlicher Schwerpunkt ist das Planen empirischer Studien in HCI. Die entsprechenden Fähigkeiten werden typischerweise für Bachelor- und Masterarbeiten am DECO benötigt – wir empfehlen, die LVA vorher zu absolvieren. Vorbesprechung bei der INSO Themenvorstellung am 15.10.2014 um 17h im HS15.

Announcement and invitation for participation to the new course 183.659 Theory and Praxis for Evaluating Innovative User Interfaces (Seminar, 2.0h, 3.0 ects) that will be held for the first time in 2014/15. The course  focuses on study design in empirical HCI research. The respective skills are typically needed for bachelor and master theses at DECO – we recommend students to complete the course prior to starting their thesis. Kick-Off Meeting at the “INSO Themenvorstellung”, 15th of October 2014 at HS15.

Focus+Context Navigation in Long Web Forms

Our paper “Design Space for Focus + Context Navigation in Long Web Forms” [1] was accepted at the EICS 2014 conference. In the paper, we put forth a design space (i.e., a space of possible design options) for how form design can dynamically adapt to the user’s (ever changing) focus of interest in order to improve navigation and understanding.

The `form’ user interface metaphor is employed in many UIs to allow for viewing, editing, and communication of semi-structured data [2]. Given large amounts of data, the corresponding form-based UIs are likely to also grow in size and to require navigation. The problem we are addressing is that common navigation patterns in web form design such as scrolling, tabs, and wizard steps hide contextual form fields outside the viewport or behind other tabs or pages. To provide a finer balance (between either fully showing or fully hiding form elements), we propose to apply the focus+context principle from information visualization to form design. In focus+context form design, the elements of a form are shown in various levels of detail, depending on the user’s focus of interest.

The same fieldset shown in different levels of detail

The above figure shows the same fieldset designed in different levels of detail (LODs). In focus+context form design, the levels of detail in which each fieldset is rendered is dynamically computed based on the user’s degree of interest (DOI) and the available display space.

To support usability engineering of focus+context form navigation (as illustrated in the above figure), the paper systematically describes the design space of possible design options. The resulting design space has fostered creativity, and has provided vocabulary for discussing, making, and documenting design decisions.

Future work shall further investigate the usefulness of the design space in real-world design projects and the benefits of employing focus+context form design on desktop and mobile devices.

[1] Harms, J., Wimmer, C., Kappel, K., and Grechenig, T. (2014). Design space for focus+context navigation in web forms. In Proc. EICS ’14. ACM. PDF, DOI

[2] Harms, J. (2013). Research goals for evolving the ‘form’ user interface metaphor towards more interactivity. In Holzinger, A., Ziefle, M., Hitz, M., and Debevc, M., editors, Human Factors in Computing and Informatics, volume 7946 of Lecture Notes in Computer Science, pages 819–822. Springer Berlin Heidelberg. PDF, DOI.