design and implementation of a mobile application for the ... · patterns for interaction design...

13
Software Engineering for Business Information Systems (sebis) Department of Informatics Technische Universität München, Germany wwwmatthes.in.tum.de Design and Implementation of a Mobile Application for the Collaborative Structuring of Knowledge- Intensive Processes Natascha Abrek 20.04.1015

Upload: others

Post on 20-May-2020

2 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Design and Implementation of a Mobile Application for the ... · patterns for interaction design Mobile Website vs. Desktop Website • Navigation • Context of use Build a Mobile

Software Engineering for Business Information Systems (sebis)

Department of Informatics

Technische Universität München, Germany

wwwmatthes.in.tum.de

Design and Implementation of a Mobile Application

for the Collaborative Structuring of Knowledge-

Intensive Processes Natascha Abrek

20.04.1015

Page 2: Design and Implementation of a Mobile Application for the ... · patterns for interaction design Mobile Website vs. Desktop Website • Navigation • Context of use Build a Mobile

1. Motivation

Overview of the existing application

Literature and applications examples

2. Research questions

3. Current state of the thesis

Mobile websites vs. desktop websites

Mockups

4. Next steps

User evaluation

Roadmap

Overview

© sebis 2 Natascha Abrek - 20.04.2015 Initial Presentation Master Thesis

Page 3: Design and Implementation of a Mobile Application for the ... · patterns for interaction design Mobile Website vs. Desktop Website • Navigation • Context of use Build a Mobile

Objective

Initial Presentation Master Thesis 3

Development of a mobile

version of Darwin to fit the

mobile use case

Meeting increased demand

and usage of mobile devices

Enhancing communication

& collaboration

Improving productivity

Increasing accessability

Better flexibility

Goals

Natascha Abrek - 20.04.2015

Page 4: Design and Implementation of a Mobile Application for the ... · patterns for interaction design Mobile Website vs. Desktop Website • Navigation • Context of use Build a Mobile

Literature and mobile applications examples

Initial Presentation Master Thesis 4

Wunderlist

Natascha Abrek - 20.04.2015

Page 5: Design and Implementation of a Mobile Application for the ... · patterns for interaction design Mobile Website vs. Desktop Website • Navigation • Context of use Build a Mobile

Research questions

Initial Presentation Master Thesis Natascha Abrek - 20.04.2015 5

What are relevant use cases for the mobile interface

compared to the desktop version?

How should a mobile interface be designed to support

knowledge-intensive processes?

How well can the mobile interface be used to accomplish

a knowledge-intensive task in practice?

1

3

2

Page 6: Design and Implementation of a Mobile Application for the ... · patterns for interaction design Mobile Website vs. Desktop Website • Navigation • Context of use Build a Mobile

Mobile websites have a different user experience

Initial Presentation Master Thesis 6

• Screen size

• Interaction techniques

• Reduce the feature set in mobile to lower complexity and to fit on the smaller

screen

• Cut content which is not core to the mobile use case

• Defer secondary content to secondary pages

• Enlarge interface elements to ease mobile interaction („fat finger problem“)

• Consider ergonomics, gestures, transitions, and mobile-specific interaction

patterns for interaction design

Mobile Website vs. Desktop Website

• Navigation

• Context of use

Build a Mobile Optimized Website

• Search

• Form design

Natascha Abrek - 20.04.2015 Initial Presentation Master Thesis 6

Page 7: Design and Implementation of a Mobile Application for the ... · patterns for interaction design Mobile Website vs. Desktop Website • Navigation • Context of use Build a Mobile

Current state of the thesis 1. Feed

Initial Presentation Master Thesis Natascha Abrek - 20.04.2015 7

Page 8: Design and Implementation of a Mobile Application for the ... · patterns for interaction design Mobile Website vs. Desktop Website • Navigation • Context of use Build a Mobile

Initial Presentation Master Thesis 8

Current state of the thesis 2. Navigation

Natascha Abrek - 20.04.2015

Page 9: Design and Implementation of a Mobile Application for the ... · patterns for interaction design Mobile Website vs. Desktop Website • Navigation • Context of use Build a Mobile

Current state of the thesis 3. Profile

Initial Presentation Master Thesis Natascha Abrek - 20.04.2015 9

Page 10: Design and Implementation of a Mobile Application for the ... · patterns for interaction design Mobile Website vs. Desktop Website • Navigation • Context of use Build a Mobile

Current state of the thesis 4. Wiki content

Initial Presentation Master Thesis Natascha Abrek - 20.04.2015 10

Page 11: Design and Implementation of a Mobile Application for the ... · patterns for interaction design Mobile Website vs. Desktop Website • Navigation • Context of use Build a Mobile

Evaluation of the mobile website

Initial Presentation Master Thesis 11

Selecting participants

Thinking-aloud

methodology

Analysis of results

Mobile

Interface

Natascha Abrek - 20.04.2015

Page 12: Design and Implementation of a Mobile Application for the ... · patterns for interaction design Mobile Website vs. Desktop Website • Navigation • Context of use Build a Mobile

Roadmap

Initial Presentation Master Thesis Natascha Abrek - 20.04.2015 12

20.04.2015

Page 13: Design and Implementation of a Mobile Application for the ... · patterns for interaction design Mobile Website vs. Desktop Website • Navigation • Context of use Build a Mobile

Any Questions?

Initial Presentation Master Thesis 13 Natascha Abrek - 20.04.2015