Usability von Inhalten auf mobilen Endgeräten: Dos and Don’ts

Usability von Inhalten auf mobilen

Endgeräten: Dos and Don’ts

Martin Krieg

BDZV- Fachinformationstag | „Zeitungen machen mobil –

E-Publishing, Apps und mobiles Internet“

02.10.2012 | Köln | Beginn 10.00 Uhr | Ende 17.00 Uhr

02.10.1012 2 Martin Krieg M.A.

BD

ZV

- F

achin

form

ationsta

g

|

„Z

eitung

en m

achen m

obil

– E

-Publis

hin

g,

Apps u

nd m

obile

s I

nte

rnet“

• Smartphone und TabletPC

• Zeitungen für mobile Endgeräte

• Mobile Rezeptionssituation

Mobile Geräte | Mobile Inhalte

• Mobile HCI

• Studiendesign: Labor versus Feld

• Eye-Tracking-Befunde

Mobile Usability

• … bei @home- und out-of-home-Nutzung

• … bei Smartphone und TabletPC

• Blick in die Zukunft

Dos and Don‘ts

Agenda


BD

ZV

- F

achin

form

ationsta

g

|

„Z

eitung

en m

achen m

obil

– E

-Publis

hin

g,

Apps u

nd m

obile

s I

nte

rnet“

Zeitungen machen mobil | 2010 & 2011

Q U E L L E Bundesverband

Deutscher

Zeitungsverleger (BDZV)

(Hrsg.) (2010):

Zeitungen machen

mobil – Trends,

Potenziale,

Erfolgsfaktoren.

16. Dezember 2010 in Berlin.

Q U E L L E Bundesverband

Deutscher

Zeitungsverleger (BDZV)

(Hrsg.) (2011):

Zeitungen machen

mobil – E-Publishing,

Apps und mobiles

Internet.

05. Oktober 2011 in Berlin,

Mobile Endgeräte

STATIONÄR PORTABEL

mobile@home mobile-out-of-home


BD

ZV

- F

achin

form

ationsta

g

|

„Z

eitung

en m

achen m

obil

– E

-Publis

hin

g,

Apps u

nd m

obile

s I

nte

rnet“

BDZV | Mobile Dienste

Q U E L L E

BDZV e.V. (2012):

Mobile Dienste.

Online unter:

hhtp://www.bdzv.de/mobile_dien

ste.html

26. Mai 2012.


BD

ZV

- F

achin

form

ationsta

g

|

„Z

eitung

en m

achen m

obil

– E

-Publis

hin

g,

Apps u

nd m

obile

s I

nte

rnet“

330 Apps für Smartphone und TabletPC

„Neben den Websites arbeiteten die Verlage weiter

intensiv an Apps für Smartphones und Tablets.

Mittlerweile gebe es rund 330 Apps, davon würden 240

verkauft. Die Apps für Tablets seien fast alle

kostenpflichtig. Die meisten Angebote seien stark an

den klassischen Zeitungsinhalten orientiert, was

dem Bedürfnis der meisten Nutzer entspreche.

Weiteres Potenzial sähen die Verlage in der Entwicklung

von Apps zu Themenschwerpunkten (z.B. Freizeit,

Gesundheit, Sport/Fußball-Bundesliga, Kultur).“

Leiter des BDZV-Geschäftsbereichs Kommunikation + Multimedia,

Hans-Joachim Fuhrmann

Q U E L L E

Bartl, Marc (2012):

Der BDZV hat

anlässlich seiner

Jahrespresse-

konferenz Zahlen zu

der wirtschaftlichen

Lage der Zeitungen

genannt.

In: kress v. 17.07.2012

Online unter:

http://kress.de/mail/tagesdienst/

detail/beitrag/117128-

anzeigenminus-

vertriebsgeschaeft-und-e-paper-

stark-gesamterloese-der-

zeitungen-gehen-um-01-

zurueck.html

zuletzt geprüft am 17.07.2012.


BD

ZV

- F

achin

form

ationsta

g

|

„Z

eitung

en m

achen m

obil

– E

-Publis

hin

g,

Apps u

nd m

obile

s I

nte

rnet“


BD

ZV

- F

achin

form

ationsta

g

|

„Z

eitung

en m

achen m

obil

– E

-Publis

hin

g,

Apps u

nd m

obile

s I

nte

rnet“

Studien zu Inhalten auf mobilen Endgeräten

Q U E L L E

Kansky, Holger

(2011):

Tablet-Nutzerstudie

- Warum?

Interne Präsentation zur

geplanten Durchführung einer

Tablet-Nutzerstudie von BDZV

und dpaInfocom, 14.01.2011.

1. Potenzialanalyse

Quantitative Onlinebefragung auf den Internetportalen der

teilnehmenden Verlage

2. Akzeptanzstudie

Methodenmix aus quantitativer Online-Befragung,

Tagebuchstudie und Fokusgruppen

Q U E L L E

Kuhn, Axel / Bläsi,

Christoph (2011):

Lesen auf mobilen

Lesegeräten 2011.

Ergebnisse einer

Studie zum Lesen

digitaler Texte.

In: Media Perspektiven

(12/2011). S. 583-591.

690 Teilnehmer befragt, von denen 139 als Nutzer eines

Tablets und 108 als Nutzer eines eReaders identifiziert

werden konnten

Es ist beachtenswerte Typologie entstanden, die sicherlich

hilfreich für weitere Studien zum mobilen Lesen sein wird


BD

ZV

- F

achin

form

ationsta

g

|

„Z

eitung

en m

achen m

obil

– E

-Publis

hin

g,

Apps u

nd m

obile

s I

nte

rnet“

Studien zur Rezeption von

Axel Springer Media

Impact (Hrsg.) (2012 ):

Ad-Appeal. App-

Advertising auf dem

Prüfstand: 10 Learnings. Ergebnisse einer

Grundlagenstudie zur

Wahrnehmung und Wirkung

interaktiver iPad-Anzeigen.

Online verfügbar unter

http://meedia.de/werbung/asmi-

studie-ipad-eroeffnet-neue-

werbewelt/2012/03/21.html, zuletzt

geprüft am 22.03.2012.

Q U E L L E

Heijnk, Stefan (2011):

"Da kann man die

Zeitung fast

abschaffen!".

Studie: Junge Leser

und Zeitungs-Apps.

Ergebnispräsentation der

Fachhochschule Hannover:

Studiengang Journalistik.

Newsletter 2/2011 vom

08.02.2011. o.S.

Ergebnisse einer Befragung von 40 (35) 19- bis 29-Jährigen

im Rahmen einer iPad Rezeptionsstudie mit Eye-Tracking

von Nachrichten-Apps (FR, Abendblatt 24, Hannoversche

Allgemeine, Tagesschau) der quantitativen und qualitativen

Befragung

Ergebnisse der Eye-Tracking-Studie werden im Sommer

2011 erwartetet (sic!)

Zielgruppe: iPad-Nutzer mit Auto-Affinität und Nutzung

der AUTO BILD-Marken (Print / Online / App)

Fallzahl: n = 95 männliche AUTO BILD Leser in

3 Testgruppen, quotiert nach Alter und Bildung

Feldzeit: 12.09. bis 14.10.2011

Ort: Köln, Hamburg und Düsseldorf

Konzeption: Marktforschung Axel Springer AG, Hamburg

phaydon research+consulting, Köln

07.01.2010

88

Mobile Dienste

04.03.2010

211

Mobile Dienste

10.-14.01.2011

223

Mobile Dienste

Analysierbar

2 APPS 24 MOW

Analysierbar

20 APPS 45 MOW

Juni 2010

218 Mobile

Dienste 41 MOW

18.01.2012

234

Mobile Dienste

Analysierbar

24 APPS 52 MOW

1. Welle

2. Welle

3. Welle

Vgl. Wolff 2011


BD

ZV

- F

achin

form

ationsta

g

|

„Z

eitung

en m

achen m

obil

– E

-Publis

hin

g,

Apps u

nd m

obile

s I

nte

rnet“

Inhaltsanalyse

Mobile Rezeptionssituation

Q U E L L E

Eigene Darstellung

basierend auf:

Mc Dowell, Stephen D. /

Steinberg, Philip E. /

Tomasello, Tami K. (2008):

Managing the Infosphere.

Governance, Technology,

and Practice in Motion.

Philadelphia: Temple. Hier: Chapter

4: Communication Technology,

Mobility, and Cultural Consumption.

S. 90-116.

Fling, Brian (2009):

Mobile Design and

Development.

Sebastopol: O‘Reilly.

Hier: Chapter 3: Why Mobile? (S. 29-

44); Chapter 7: Mobile Information

Architecture (S. 89-108) und Chapter

16: The Future of Mobile (S. 299-

302).


BD

ZV

- F

achin

form

ationsta

g

|

„Z

eitung

en m

achen m

obil

– E

-Publis

hin

g,

Apps u

nd m

obile

s I

nte

rnet“


BD

ZV

- F

achin

form

ationsta

g

|

„Z

eitung

en m

achen m

obil

– E

-Publis

hin

g,

Apps u

nd m

obile

s I

nte

rnet“

Always-on | Everywhere

Q U E L L E

Nylander, Stina /

Lundquist, Terés /

Brännström, Andreas

(2009):

At Home and with

Computer Access.

Why and Where

People Use Cell

Phones to Access the

Internet.

In: Proceedings of the 27th

international conference on

Human factors in computing

systems (CHI '09). Online

verfügbar unter

http://doi.acm.org/l0.1145/15187

01.I518951, zuletzt geprüft am

27.07.2011.

Starker Anstieg zur Couchtime

Mobile Nutzung im Tagesverlauf

0 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23

Abrufe der Focus Online App mit dem iPhone im Tagesverlauf

Leichter Anstieg

zur Lunchtime

Starker Anstieg zur

Bedtime Starker Anstieg zur

Drivetime

Q U E L L E

Tomorrow Focus AG

(Hrsg.) (2011):

Mobile Effects

2011 – wie geht die

mobile Reise in

2011 weiter?

Januar 2011; n=5.537

http://www.tomorrow-focus.de.


BD

ZV

- F

achin

form

ationsta

g

|

„Z

eitung

en m

achen m

obil

– E

-Publis

hin

g,

Apps u

nd m

obile

s I

nte

rnet“


BD

ZV

- F

achin

form

ationsta

g

|

„Z

eitung

en m

achen m

obil

– E

-Publis

hin

g,

Apps u

nd m

obile

s I

nte

rnet“

Usability | Mobile HCI

Q U E L L E

Schweiger, Wolfgang

(2010):

Informations-

nutzung online.

Informationssuche,

Selektion, Rezeption

und Usability von

Online-Medien.

In: Schweiger, Wolfgang / Beck,

Klaus (Hrsg.): Handbuch

Online-Kommunikation.

Wiesbaden: VS. S. 184-210.

Usability-Definitionen | ISO Norm DIN EN ISO 9241-11

Usability = Zweck-Mittel-Relation

misst den Grad, den ein Werkzeug erfüllt, um eine

bestimmte Aufgabe zu erledigen

• Effektivität

Ist das Werkzeug geeignet, eine bestimmte

Aufgabe zu erfüllen?

• Effizienz

Ist der erforderliche Aufwand angemessen?

• Zufriedenstellung des Anwenders

also seiner subjektiven Bewertung.


BD

ZV

- F

achin

form

ationsta

g

|

„Z

eitung

en m

achen m

obil

– E

-Publis

hin

g,

Apps u

nd m

obile

s I

nte

rnet“

Usability messen

Q U E L L E

Kaikonnen, Anne et al

(2005):

Usability Testing of

Mobile Applications.

A Comparison

between Laboratory

and Field Testing.

In: Journal of Usability Studies 1

(1). S. 4-16.

Ein Interface ist um so nutzerfreundlicher, je besser es

den sozialen Kontakt zwischen Nutzer und Angebot auf

den genannten

kulturellen, emotionalen, individuellen,

intentionalen und situativen

Ebene unterstützt.

Q U E L L E

Schumacher, Peter

(2005):

Usability für mobile

Dienste. Nutzerstudie

zu einem MMS-Dienst

der dpa infocom zur

Fußball-

Berichterstattung.

In: i-com 1/2005. S. 57-58.

Hier: S. 57

Während die Frage der Usability der Geräte bei den

Herstellern von Mobiltelefonen eine wichtige Rolle

spielt, ist die Usability der Inhalte bislang kaum

systematisch getestet worden.

Wie interagieren Nutzer mit den Inhalten und welche

Verstehensschwierigkeiten treten dabei auf?


BD

ZV

- F

achin

form

ationsta

g

|

„Z

eitung

en m

achen m

obil

– E

-Publis

hin

g,

Apps u

nd m

obile

s I

nte

rnet“

Forschungsfragen

• Welche Elemente (Navigationssymbole, Überschriften, Bilder, …) steuern auf

dem kleinen Display die Aufmerksamkeit? Inwiefern spielen Reihenfolge

(Position der Nachrichte) und die Art der Präsentation (mit/ohne Bild, Überschrift,

Dachzeile, Lead, …) eine Rolle bei der Rezeption?

• Wie (inter-)agiert der Rezipient mit dem mobilen Endgerät (z.B. drehen des

Screens), wie mit dem mobilen Nachrichtenangebot (vergrößern, klicken auf

Elemente [Hyperlinks, Navigationselemente, Suchfunktionen, ...], scrollen, schieben

von Seiten)?

• Was sind Einstiegs- und Ausstiegspunkte in Texten auf mobil optimierten

Nachrichten (z.B. Zwischenüberschriften, weiterführende Informationen am Ende

des Artikels)?

• Wie verändern „Störquellen“ (die in der „natürlichen“ mobilen Rezeptionssituation

vorkommen, z.B. Lärm, …) die Rezeption?


BD

ZV

- F

achin

form

ationsta

g

|

„Z

eitung

en m

achen m

obil

– E

-Publis

hin

g,

Apps u

nd m

obile

s I

nte

rnet“

Forschungsfragen

• Welche Elemente (Navigationssymbole, Überschriften, Bilder, …) steuern auf

dem kleinen Display die Aufmerksamkeit? Inwiefern spielen Reihenfolge

(Position der Nachrichte) und die Art der Präsentation (mit/ohne Bild, Überschrift,

Dachzeile, Lead, …) eine Rolle bei der Rezeption?

• Wie (inter-)agiert der Rezipient mit dem mobilen Endgerät (z.B. drehen des

Screens), wie mit dem mobilen Nachrichtenangebot (vergrößern, klicken auf

Elemente [Hyperlinks, Navigationselemente, Suchfunktionen, ...], scrollen, schieben

von Seiten)?

• Was sind Einstiegs- und Ausstiegspunkte in Texten auf mobil optimierten

Nachrichten (z.B. Zwischenüberschriften, weiterführende Informationen am Ende

des Artikels)?

• Wie verändern „Störquellen“ (die in der „natürlichen“ mobilen Rezeptionssituation

vorkommen, z.B. Lärm, …) die Rezeption?

Content-Interaktivität

Media-Interaktivität

Interface-Interaktivität

Surrounding-Interaktivität


BD

ZV

- F

achin

form

ationsta

g

|

„Z

eitung

en m

achen m

obil

– E

-Publis

hin

g,

Apps u

nd m

obile

s I

nte

rnet“

Datenerhebung | SMI Glasses


BD

ZV

- F

achin

form

ationsta

g

|

„Z

eitung

en m

achen m

obil

– E

-Publis

hin

g,

Apps u

nd m

obile

s I

nte

rnet“

Laborstudie

Q U E L L E

Lohmüller, Christian

(2011):

EyeTracking-Studie

belegt:

Textanzeigen auf

Mobilgeräten

wirksamer.

In: kress, 26.07.2011.


BD

ZV

- F

achin

form

ationsta

g

|

„Z

eitung

en m

achen m

obil

– E

-Publis

hin

g,

Apps u

nd m

obile

s I

nte

rnet“

Trierischer Volksfreund App [Heatmap]

Q U E L L E

Krieg, Martin (2012):

Findet sich der

Leser im

Blätterwald für die

Hosentasche

zurecht? Eine Eye-

Tracking-Studie gibt

Einblick in die

Rezeption von

iPhone-Apps und

mobil-optimierten

Webseiten deutscher

Tageszeitungen.

In: mobile zeitgeist Special -

Das eMag zum Mobile

Business. Digital Publishing

(1/2012). S. 6-13.

mobile@home | Lean Back & Lean For Mode


BD

ZV

- F

achin

form

ationsta

g

|

„Z

eitung

en m

achen m

obil

– E

-Publis

hin

g,

Apps u

nd m

obile

s I

nte

rnet“

Q U E L L E

Nylander, Stina /

Lundquist, Terés /

Brännström, Andreas

(2009):

At Home and with

Computer Access.

Why and Where

People Use Cell

Phones to Access the

Internet.

In: Proceedings of the 27th

international conference on

Human factors in computing

systems (CHI '09). Online

verfügbar unter

http://doi.acm.org/l0.1145/15187

01.I518951, zuletzt geprüft am

27.07.2011.

mobile@home | Lean Back & Lean For Mode


BD

ZV

- F

achin

form

ationsta

g

|

„Z

eitung

en m

achen m

obil

– E

-Publis

hin

g,

Apps u

nd m

obile

s I

nte

rnet“

mobile-out-of-home


BD

ZV

- F

achin

form

ationsta

g

|

„Z

eitung

en m

achen m

obil

– E

-Publis

hin

g,

Apps u

nd m

obile

s I

nte

rnet“

Q U E L L E

Google / Otto Group /

TNS Infratest / Trend-

büro (Hrsg.) (2010):

Go smart. 2012:

Always-In-Touch. Studie zur Smart-

phonenutzung 2012.

http://www.ottogroup.com/fildeadmi

n/pdf/go_smart.pdf erschienen am

21. Juni 2010.

Q U E L L E

Wilke, Jürgen (2004):

Vom stationären zum

mobilen Rezipienten. Entfesselung der

Kommunikation von Raum

und Zeit - Symptom fort-

schreitender Medialisierung.

In: Jahrbuch für

Kommunikationsgeschichte 6. S. 1-

55. Online-Quelle: http://www.uni-

leipzig.de/~hsk/pgs/jahrbuch/2004/

Wilke_mobileRezipienten.pdf

Am

Bahnhof

Beim

Fitness

Im

Auto

Beim

Gehen

mobile-out-of-home | 4 Szenarien


BD

ZV

- F

achin

form

ationsta

g

|

„Z

eitung

en m

achen m

obil

– E

-Publis

hin

g,

Apps u

nd m

obile

s I

nte

rnet“


BD

ZV

- F

achin

form

ationsta

g

|

„Z

eitung

en m

achen m

obil

– E

-Publis

hin

g,

Apps u

nd m

obile

s I

nte

rnet“

Laborstudie mit HED

Q U E L L E

Rohbock, Ute et al.

(2008):

Eye-Tracking Study

of Navigation

Behaviour on

Mobile Devices for

mLearning.

In: FH Offenburg (Hrsg.):

Beiträge aus Forschung und

Technik 2008. Offenburg:

Medien- und Informationswesen

(M+I). S. 120-123.

• im Sommer 2010 & 2011

• jeweils 15-20 Probanden

• im Alter zwischen 20-30

Jahre

• medienaffine Zielgruppe

• geschlechterausgewogen

• 2010: 43 % Smartphone-

• 2011: > 90 % Besitzer

• Eingewöhnungsphase

• Zwei Szenarien:

Flanieren vs. gezielte Suche

1. Navigation

• Navigationselemente oben

• Navigationselemente unten

• Grafische/ farbige Navigationselemente

• URL-Zeile (MoW)

• Suche-Feld

2. Peripherie

• Icon auf Homebildschirm (App)

• Home-Taste

• Kopfzeile iPhone (Batteriesymbol, etc.)

• Rahmen/Gehäuse/Peripherie des iPhones

• Wartebildschirm

• Sonstiges

3. Ressort

4. Text

• Überschrift

• Unterüberschrift

• Lead/Vorspann

• Text scannen

• Text lesen

5. Grafische Darstellungsformen

• Bild

• Video

7. Blickausfall

6. Quellen/ Links

• Bild-/Video-/Textquelle

• weiterführende Links

• Hyperlinks

Aufmerksamkeitsareale (AOI)


BD

ZV

- F

achin

form

ationsta

g

|

„Z

eitung

en m

achen m

obil

– E

-Publis

hin

g,

Apps u

nd m

obile

s I

nte

rnet“

scrollen

klicken Eingabe

vergrößern

verkleinern

schieben

Physische Interaktion


BD

ZV

- F

achin

form

ationsta

g

|

„Z

eitung

en m

achen m

obil

– E

-Publis

hin

g,

Apps u

nd m

obile

s I

nte

rnet“

Pro

du

kt

Re

ze

ptio

n

Inte

raktio

n

scrollen klicken

Startseite

Artikelseite

Ressortseite

Vp 1 / MoW / goal mode / 0.40 – 2.31


BD

ZV

- F

achin

form

ationsta

g

|

„Z

eitung

en m

achen m

obil

– E

-Publis

hin

g,

Apps u

nd m

obile

s I

nte

rnet“

Pro

du

kt

Re

ze

ptio

n

Inte

raktio

n

scrollen klicken

Startseite Artikelseite Ressortseite

Vp 4 / App / goal mode / 0.27 – 2.29


BD

ZV

- F

achin

form

ationsta

g

|

„Z

eitung

en m

achen m

obil

– E

-Publis

hin

g,

Apps u

nd m

obile

s I

nte

rnet“

5%

58%

37%

Vp 1 / MoW / goal mode / 0.40 – 2.31

59% 10%

24%

7% Text lesen

Text scannen

Überschrift

Lead/Vorspann

Vp 4 / App / goal mode / 0.27 – 2.29

Quantitative Auswertung


BD

ZV

- F

achin

form

ationsta

g

|

„Z

eitung

en m

achen m

obil

– E

-Publis

hin

g,

Apps u

nd m

obile

s I

nte

rnet“

Lautes Denken I

Weil ich halt gern zum Politikbereich kommen wollte und

entsprechend erst mal lang gebraucht habe, bis ich den gefunden

habe. […] Und teilweise auch auf Sachen geklickt habe, die ich nicht

anklicken wollte. [Vp 2; w; 23 J.; MOW goal mode]

Dann hat mich irritiert, ich wollt hier auf dieses Bild klicken und da ist

kein Link. Also man muss unten auf den Text klicken und ich hätte

mir halt gedacht, dass das Bild auch verlink ist. [Vp 4; m; 30 J.; APP goal mode]

Also ich hab zum Beispiel nicht so ganz diesen Zurück- und

Weiter-Button oben verstanden, wo einfach, also weiß ich nicht,

was genau da halt kommt, also da kommt dann irgendwas

scheinbar. Und ich bin mir nicht sicher, ob das nach irgendeinem

System funktioniert was da als nächstes kommt. Es waren jetzt

mehrere Artikel zu Sport, aber nur einer zu Politik glaube ich und ich

weiß jetzt nicht woran das gelegen hat […]. [Vp 6; w; 23 J.; APP activity mode]


BD

ZV

- F

achin

form

ationsta

g

|

„Z

eitung

en m

achen m

obil

– E

-Publis

hin

g,

Apps u

nd m

obile

s I

nte

rnet“

Lautes Denken I

Weil ich halt gern zum Politikbereich kommen wollte und

entsprechend erst mal lang gebraucht habe, bis ich den gefunden

habe. […] Und teilweise auch auf Sachen geklickt habe, die ich nicht

anklicken wollte. [Vp 2; w; 23 J.; MOW goal mode]

Dann hat mich irritiert, ich wollt hier auf dieses Bild klicken und da ist

kein Link. Also man muss unten auf den Text klicken und ich hätte

mir halt gedacht, dass das Bild auch verlink ist. [Vp 4; m; 30 J.; APP goal mode]

Also ich hab zum Beispiel nicht so ganz diesen Zurück- und

Weiter-Button oben verstanden, wo einfach, also weiß ich nicht,

was genau da halt kommt, also da kommt dann irgendwas

scheinbar. Und ich bin mir nicht sicher, ob das nach irgendeinem

System funktioniert was da als nächstes kommt. Es waren jetzt

mehrere Artikel zu Sport, aber nur einer zu Politik glaube ich und ich

weiß jetzt nicht woran das gelegen hat […]. [Vp 6; w; 23 J.; APP activity mode]


BD

ZV

- F

achin

form

ationsta

g

|

„Z

eitung

en m

achen m

obil

– E

-Publis

hin

g,

Apps u

nd m

obile

s I

nte

rnet“

Lautes Denken II

Ähm, also ich fand den [Artikel] erstaunlich lang, ich hätte gedacht,

dass der jetzt kürzer ist, gerade bei dem mobilen Angebot, ähm und

hatte auch nicht den Eindruck, dass der jetzt großartig gekürzt worden

ist, also sagen wir mal, das hätte für die Basic-Infos deutlich kürzer

sein können. Also aus welcher Richtung jetzt der Radfahrer kommt

und wie er da vom Auto erfasst wird, das ist jetzt nicht so zentral, das

muss ich nicht unbedingt unterwegs erfahren, das kann man ja jetzt

auch noch abends in irgendeinem Magazinbeitrag gucken, also im

Fernsehen. [Vp 13; m; 24 J.; MOW activity mode]

Aber das war irgendwie zu klein, weil das unten in der

Navigationsleiste war. Ähm, das hab ich irgendwie gar nicht so

realisiert, das ich gerade bei News bin und nicht bei Politik, vielleicht

lag’s aber auch an mir, wenn ich das nächstes Mal weiß, nächstes Mal

weiß ich es halt schon und ich glaub, dass sich die Rezipienten dann

auch an das Angebot anpassen. [Vp 8; w; 22 J.; APP activity mode]


BD

ZV

- F

achin

form

ationsta

g

|

„Z

eitung

en m

achen m

obil

– E

-Publis

hin

g,

Apps u

nd m

obile

s I

nte

rnet“

Lautes Denken II

Ähm, also ich fand den [Artikel] erstaunlich lang, ich hätte gedacht,

dass der jetzt kürzer ist, gerade bei dem mobilen Angebot, ähm und

hatte auch nicht den Eindruck, dass der jetzt großartig gekürzt worden

ist, also sagen wir mal, das hätte für die Basic-Infos deutlich kürzer

sein können. Also aus welcher Richtung jetzt der Radfahrer kommt

und wie er da vom Auto erfasst wird, das ist jetzt nicht so zentral, das

muss ich nicht unbedingt unterwegs erfahren, das kann man ja jetzt

auch noch abends in irgendeinem Magazinbeitrag gucken, also im

Fernsehen. [Vp 13; m; 24 J.; MOW activity mode]

Aber das war irgendwie zu klein, weil das unten in der

Navigationsleiste war. Ähm, das hab ich irgendwie gar nicht so

realisiert, das ich gerade bei News bin und nicht bei Politik, vielleicht

lag’s aber auch an mir, wenn ich das nächstes Mal weiß, nächstes Mal

weiß ich es halt schon und ich glaub, dass sich die Rezipienten dann

auch an das Angebot anpassen. [Vp 8; w; 22 J.; APP activity mode]


BD

ZV

- F

achin

form

ationsta

g

|

„Z

eitung

en m

achen m

obil

– E

-Publis

hin

g,

Apps u

nd m

obile

s I

nte

rnet“


BD

ZV

- F

achin

form

ationsta

g

|

„Z

eitung

en m

achen m

obil

– E

-Publis

hin

g,

Apps u

nd m

obile

s I

nte

rnet“

0 3 . 11 . 2 0 1 0 : S P I E G E L , H A N D E L S B L AT T, F R , TA Z , S Z ,

W E LT, F T D , S T E R N , FA Z , S C H W Ä B I S C H E . D E

1 6 . 1 2 . 2 0 0 9 : B I L D , S P I E G E L , 2 0 M I N U T E N , S Z , F A Z , F O C U S , W E L T ,

H A N D E L S B L A T T , S W P , S O L I N G E R T A G B L A T T

Best Practice | Worst Case … im Überblick

N AV I G AT I O N S

L E I S T E N

• Farbleitsystem

• Unten

(Thumb-Culture |

Damenkultur)

• anpassbar

• eindeutige Icons

• starr oder fly-in | out

N AV I G AT I O N

• an Print/stationär

angelehnt

(Ressorts abbilden)

• am besten oben

und/oder unten

• Keine

Standardvorlagen des

App-Developer-Kits

L Ä N G E

• 1:1-Inhalte aus dem

stationären Angebot

• besser made-for-

mobile Inhalte

• Teaser mit Kurz-

zusammenfassung

• Aussagekräftige

Überschriften auf

der Startseite

S C H R I F T

• oft zu klein | in der

Anfangsphase nicht

anpassbar

• Kontraste

(Nachtmodus:

schwarzer

Hintergrund)


BD

ZV

- F

achin

form

ationsta

g

|

„Z

eitung

en m

achen m

obil

– E

-Publis

hin

g,

Apps u

nd m

obile

s I

nte

rnet“

Dos and Don‘ts bei Smartphone-Inhalten


BD

ZV

- F

achin

form

ationsta

g

|

„Z

eitung

en m

achen m

obil

– E

-Publis

hin

g,

Apps u

nd m

obile

s I

nte

rnet“

B I L D E R

• werden oft nur

gestreift

• nur

Briefmarkengroß

• auf Motiv achten

(nicht zu klein)

• bei Ladezeit

Platzhalter

programmieren

W E R B U N G

• Intersticials

• Pop-Ups

• die die Rezeption

unterbrechen

• mit Akustik

W E R B U N G

• staische und

dynamische

Banner

• ortssensitive

Informationen

B E Z A H L

I N H A LT E

• Zahlungsbereit-

schaft nimmt ab

• Freemium

A R T I K E L

• Lead hilfreich

• Bilder

(ggf. Bildserie)

• Weiterführende

Artikel am Ende

• Markierung |

Lesezeichen oder

E-Mail-Funktion

• Social-Media

Dos and Don‘ts bei Smartphone-Inhalten

Q U E L L E Dimmick, John /

Feaster, John Christian /

Hoplamazian, Gregory J.

(2011):

News in the interstices:

the niches of mobile

media in space and

time.

In: New Media & Society (20

(10)), S. 1-17.

… unterwegs | mobile-out-of-home?


BD

ZV

- F

achin

form

ationsta

g

|

„Z

eitung

en m

achen m

obil

– E

-Publis

hin

g,

Apps u

nd m

obile

s I

nte

rnet“

U N T E R W E G S

N U T Z U N G

• kurze Aufmerksam-

keitsspannen

• Störfaktoren

(akustisch, optisch,

physisch)

• aktive Informations-

suche vs. Wartezeit

überbrücken

A K T U A L I T Ä T

• Ticker

• Eilmeldungen oben

(sehr hohe

Aufmerksamkeit)

• Newsradar

• Push-Funktion

• Aufmacher-

Meldung oben

• Datierung (mit

Uhrzeit) der

Nachrichten

S O N S T I G E S

• Suchfunktion

• Gerätespezifik

beachten (Kamera,

Gyroskop)

• Vorlesefunktionen

• “Light-Version”

• regelm. Updates


BD

ZV

- F

achin

form

ationsta

g

|

„Z

eitung

en m

achen m

obil

– E

-Publis

hin

g,

Apps u

nd m

obile

s I

nte

rnet“

Sichtbarkeit im öffentlichen Raum


BD

ZV

- F

achin

form

ationsta

g

|

„Z

eitung

en m

achen m

obil

– E

-Publis

hin

g,

Apps u

nd m

obile

s I

nte

rnet“

… bei TabletPCs | äquivalent oder konträr?

Selbst keine Usability-Studie mit TabletPC-Angeboten durchgeführt, aber:

• Andere Nutzungssituation (lean-back) zur Couch-Time, jedoch

Parallelmediennutzung

• ‚Opulentere‘ Inhalte funktionieren (W-LAN): Bildergalerien, interaktive

Infografiken, Bewegtbildangebote, Artikel vorlesen

• Neue Nutzungsweisen bereit zu erlernen (Landscape-Modus) aber auch

minimalistische Angebote (E-Paper)

ABER: „Reiz des Neuen“ vergeht Q U E L L E

Winterbauer, Stefan

(2011):

Der große Meedia-

App-Check mit

Tageszeitungen.

Zeitungen auf dem

iPad: Tops und

Flops.

In: Meedia v. 13.12.2011.

An einem Stichtag würden die Apps von:

Süddeutsche Zeitung, Handelsblatt, FAZ, Tagesspiegel,

Frankfurter Rundschau, Die Welt, Bild, WAZ, Kölner Stadt-

Anzeiger, Saarbrücker Zeitung

Hinsichtlich folgender 6 Kriterien geprüft:

Multimedia, Optik, Nutzerfreundlichkeit, Inhalt, Preis/Leistung


BD

ZV

- F

achin

form

ationsta

g

|

„Z

eitung

en m

achen m

obil

– E

-Publis

hin

g,

Apps u

nd m

obile

s I

nte

rnet“

Inhalte der Zukunft

Q U E L L E

Weber, Sara (2012):

Die fünf Mobile-

Thesen von G+J-

Manger Oliver von

Wersch.

In: Horizont v. 19.01.2012.

Q U E L L E

Borstelmann, Beate /

Min, Ray /

Bundesverband

Deutscher

Zeitungsverleger

(BDZV) (2011) :

US-Verlage auf

Smartphones und

Tablets. Strategien,

Produkte,

Prognosen.

Berlin, San Francisco: BDZV

e.V.

„3. Die Nutzung wird sich von Online auf Mobile verlagern.

Zukünftig werden Facebook und Twitter [und auch

Nachrichtenangebote; Anm. MK] nur noch mobil genutzt.“

Unter Ausnutzung der mobil-spezifischen Möglichkeiten bzw.

der Verknüpfung von stationär und mobil.

Personalisierte Angebote

Kombination aus dem Nutzungsverhalten des Lesers, der

wahlweisen Verbindung mit seinem Twitterkonto, Google-

Reader, Delicious oder Read It Later sowie einer aktiven

Wahl des Nutzers – welche Kategorien er aussucht, wie ihm

ein Artikel gefallen hat und welche anderen, frei wählbaren

Themen (Hobbys, Städte, Personen etc.) er lesen will.

"Mehr als ein Viertel aller heruntergeladener Apps

werden vom Nutzer nur einmal genutzt" (S. 53)


BD

ZV

- F

achin

form

ationsta

g

|

„Z

eitung

en m

achen m

obil

– E

-Publis

hin

g,

Apps u

nd m

obile

s I

nte

rnet“

Inhalte der Zukunft

Q U E L L E

iBusiness (Hrsg.)

(2011):

Tablet-Publishing:

Wie Apps in Zukunft

aussehen.


http://www.ibusiness.de/membe

rs/aktuell/db/464177sr.html,

zuletzt geprüft am 12.08.2011.

Q U E L L E

Bulletproof Media

(2012):

Studie: Die drei

Megatrends im App-

und E-Publishing

für 2012.


http://www.ibusiness.de/aktuell/

db/952457sb.html, zuletzt

geprüft am 28.06.2012.

„Im jungen Tablet-Markt hat sich noch kein Design-Standard

für Apps durchgesetzt. Das wird aber in den nächsten

Monaten passieren. Und es ist bereits absehbar, welche

Usability-Regeln dann gelten werden. […]

Der Mensch ist ein Gewohnheitstier […] Navigationsleisten

gehören daher an den linken Seitenrand, die Suchmaske

mittig an den Seitenkopf und das Impressum an das

Seitenende. Doch auf Tablets ist alles anders. Doch leider

nicht gerade besser.“

Studie Usability of iPad Apps | Usability-Forschung spezialisierte Nielsen Norman Group

Es gibt 250 journalistische Angebote für Apple-Geräte in

Deutschland (iPhone und iPad) dem gegenüber stehen 51

Angebote für Android, von letzteren sagt die Studie sie seien

user-unfreundlich.

Verlage sollen Universal-Apps kreieren, die auf allen

Endgeräten gleich sind, besser noch Web-Apps, damit sich

der User nicht verheddert.


BD

ZV

- F

achin

form

ationsta

g

|

„Z

eitung

en m

achen m

obil

– E

-Publis

hin

g,

Apps u

nd m

obile

s I

nte

rnet“

Usability der Zukunft


BD

ZV

- F

achin

form

ationsta

g

|

„Z

eitung

en m

achen m

obil

– E

-Publis

hin

g,

Apps u

nd m

obile

s I

nte

rnet“

Literatur | Weiterführende Informationen

Axel Springer Media Impact (Hrsg.) (2012): Ad-Appeal. App-Advertising auf dem Prüfstand: 10 Learnings. Ergebnisse einer Grundlagenstudie

zur Wahrnehmung und Wirkung interaktiver iPad-Anzeigen. Online verfügbar unter http://meedia.de/werbung/asmi-studie-ipad-eroeffnet-

neue-werbewelt/2012/03/21.html, zuletzt geprüft am 22.03.2012.

Baber, Chris (2009): Evaluating Mobile Human-Computer Interaction. In: Taniar, David (Hrsg.): Mobile Computing. Concepts, Methodologies,

Tools, and Application. Vol. 1-6. Hereshey/ New York: Information Science Reference. S. 225-239.

Borstelmann, Beate / Min, Ray / Bundesverband Deutscher Zeitungsverleger (BDZV) (2011): US-Verlage auf Smartphones und Tablets.

Strategien, Produkte, Prognosen. Berlin, San Francisco: BDZV e.V.

Bulletproof Media (2012): Studie: Die drei Megatrends im App- und E-Publishing für 2012. Online verfügbar unter

http://www.ibusiness.de/aktuell/db/952457sb.html, zuletzt geprüft am 28.06.2012.

Geven, Arjan et al. (2006): Depth and Breadth away from the Desktop – the Optimal Information Hierarchy for Mobile Use. In: Mobile HCI'06,

September 12-15, 2006, Helsinki, Finland. S. 157-164.

Heijnk, Stefan (2011): "Da kann man die Zeitung fast abschaffen!". Studie: Junge Leser und Zeitungs-Apps. Ergebnispräsentation der

Fachhochschule Hannover: Studiengang Journalistik. Newsletter 2/2011 vom 08.02.2011. o.S.

Kaikonnen, Anne et al (2005): Usability Testing of Mobile Applications: A Comparison between Laboratory and Field Testing. In: Journal of

Usability Studies 1 (1). S. 4-16.

Kaikkonen, Anne et al (2008): Will laboratory test results be valid in mobile contexts? In: Lumsden, Joanna (Hrsg.): Handbook of Research on

User Interface Design and Evaluation for Mobile Technology. Hershey, USA: Information Science Reference. S. 897-909.

Kansky, Holger (2011): Tablet-Nutzerstudie - Warum? Interne Präsentation zur geplanten Durchführung einer Tablet-Nutzerstudie von BDZV

und dpaInfocom, 14.01.2011.

Krieg, Martin (2012): Findet sich der Leser im Blätterwald für die Hosentasche zurecht? Eine Eye-Tracking-Studie gibt Einblick in die Rezeption

von iPhone-Apps und mobil-optimierten Webseiten deutscher Tageszeitungen. In: mobile zeitgeist Special - Das eMag zum Mobile

Business. Digital Publishing (1/2012). S. 6-13.


BD

ZV

- F

achin

form

ationsta

g

|

„Z

eitung

en m

achen m

obil

– E

-Publis

hin

g,

Apps u

nd m

obile

s I

nte

rnet“

Literatur | Weiterführende Informationen

Kuhn, Axel / Bläsi, Christoph (2011): Lesen auf mobilen Lesegeräten 2011. Ergebnisse einer Studie zum Lesen digitaler Texte. In: Media

Perspektiven (12/2011). S. 583-591.

Lauff, Werner (2010): Publizieren auf Casual Devices. Die Tageszeitung auf iPad, iPhone, E-Reader und Co. Berlin: BDZV e.V.

Lohmüller, Christian (2011): EyeTracking-Studie belegt: Textanzeigen auf Mobilgeräten wirksamer. In: kress, 26.07.2011.

iBusiness (Hrsg.) (2011): Tablet-Publishing: Wie Apps in Zukunft aussehen, 11.08.2011. Online verfügbar unter

http://www.ibusiness.de/members/aktuell/db/464177sr.html, zuletzt geprüft am 12.08.2011.

iBusiness (Hrsg.) (2011): App-Ranking: Springer steht auf Platz eins der zehn besten Zeitungs-Apps weltweit, 28.10.2011. Online verfügbar

unter http://www.ibusiness.de/aktuell/db/788467sb.html, zuletzt geprüft am 30.10.2011.

Nylander, Stina / Lundquist, Terés / Brännström, Andreas (2009): At Home and with Computer Access – Why and Where People Use Cell

Phones to Access the Internet. In: Proceedings of the 27th international conference on Human factors in computing systems (CHI '09).

Online verfügbar unter http://doi.acm.org/l0.1145/1518701.I518951, zuletzt geprüft am 27.07.2011.

Rohbock, Ute et al. (2008): Eye-Tracking Study of Navigation Behaviour on Mobile Devices for mLearning. In: FH Offenburg (Hrsg.): Beiträge

aus Forschung und Technik 2008. Offenburg: Medien- und Informationswesen (M+I). S. 120-123.

Schweiger, Wolfgang (2010): Informationsnutzung online. Informationssuche, Selektion, Rezeption und Usability von Online-Medien. In:

Schweiger, Wolfgang / Beck, Klaus (Hrsg.): Handbuch Online-Kommunikation. Wiesbaden: VS. S. 184-210.

Sonnenschein, Bettina (2011): Blätter für das Kleinformat. Klassische Medienhäuser haben gute Chancen im mobilen Netz. In: Horizont

(4/2011). S. 28.

Verdenhalven, Helmut (2007): Zeitungsvielfalt in der mobilen digitalisierten Welt. In: Bundesverband Deutscher Zeitungsverleger (BDZV)

(Hrsg.): Zeitungen 2007. Berlin. S. 102-105.

Weber, Sara (2012): Die fünf Mobile-Thesen von G+J-Manger Oliver von Wersch. In: Horizont v. 19.01.2012.

Winterbauer, Stefan (2011): Der große Meedia-App-Check mit Tageszeitungen. Zeitungen auf dem iPad: Tops und Flops. In: Meedia v.

13.12.2011.

Kontakt

Martin Krieg

Zeughausstraße 8d

54292 Trier

0151-24049679

[email protected]

Danke für Ihre Aufmerksamkeit

Documents

Usability von Inhalten auf mobilen Endgeräten: Dos and Don’ts