(Mobile Web Applications track) "Mobile-IDM: A Design Method for Modeling the New Interaction Style of Mobile" - Alessandro Fiore, Giovanni Coppola, Luca Mainetti and Andrea Pandurino

Università del Salento

Mobile-IDM: A Design Method for Modeling the new Interaction Style of Mobile

Applications G. Coppola, A. Fiore, L. Mainetti, A. Pandurino

Department of Innovation Engineering, University of Salento, Lecce, Italy


ICWE2015Rotterdam, 26 June 2015 Alessandro Fiore

Roadmap

2

Introduction

Related work

The IDM (Interactive Dialogue Model) framework

Mobile-IDM

Using Mobile-IDM

Conclusions

Ongoing work



Introduction

1.75 billion people use a smartphone (2014)



Introduction

The number of mobile apps present in online store has

exploded

The users will choose an application instead of another one

according to their satisfaction in interacting with it.



Related Work

RUX

It is a design method for RIA

It does not model the information flow

HERA

The information flow is modeled by a conceptual level

It is not referred to mobile UI but to systems in general.

WebML

It suggests using several views for modeling the UI

Provide a way to represent contextual information

MobileIFML

The focus is the design process

It’s an extension of IFML that is tailored to mobile applications



Related work

Requirements

Design

Domain Analysis

Target Devices

Flow Information

UX Design



IDM Methodology Framework

Requirements

Design



Our proposal

We propose a method for user experience design of mobile applications called:

Mobile-IDMMain features:

It integrates the theoretical constructs of dialogue theory

It extends Rich-IDM

Mobile IDM covers the specific aspects of mobile applications

The focus is on the user experience rather on the design process

It considers multi-platforms target



Using Mobile-IDM – Primitives

Navigation Strategy Notation

Guided Tour

All-to-all

Mixed

Concurrent presentation

Interaction Mode Notation

Vertical scroll

Swipe/Flick

Tap

Double Tap

Long Press

Pan

Name Notation

Contex-aware

Notification

Landmark

Interaction core container

L



Using Mobile-IDM

In order to prove the effectiveness of

our method, we modeled an existing

mobile app: Visit Trentino



Using Mobile-IDM - Reverse Engineering

Every aspect can

be represented with

Mobile-IDM

The model is easy

to read



Using Mobile-IDM - Reverse Engineering

Some example of use



Using Mobile-IDM – Forward Engineering

C-IDM L-IDM



Using Mobile-IDM - Forward Engineering

C-IDM Mobile-IDM



Using Mobile-IDM - Forward Engineering

We supposed a landscape version



Using Mobile-IDM

Other case studies:

Apulian Tourism Lab

Openess Mobile Board



Conclusions and future work

Conclusions

Mobile-IDM primitives provide a common vocabulary between interaction designers and software engineering

The interaction between user and application is represented from a logical rather than a technological point of view

We have shown in a case study the potential of our approach to point out one way to integrate a user experience perspective in the modeling

Future works

We plan to evolve and validate our requirement engineering reference in order to capture other mobile application needs.

We plan to develop a prototyping environment for generating mobile applications mockups



18

Thanks for your attention!

[email protected]

G. Coppola, A. Fiore, L. Mainetti, A. Pandurino

Department of Innovation Engineering, University of Salento, Lecce, Italy

mailto:[email protected]



Documents

(Mobile Web Applications track) "Mobile-IDM: A Design Method for Modeling the New Interaction Style of Mobile" - Alessandro Fiore, Giovanni Coppola, Luca Mainetti and Andrea Pandurino