+ All Categories
Home > Technology > Navitation in News-Apps für iPad & Co

Navitation in News-Apps für iPad & Co

Date post: 25-Jan-2015
Category:
Upload: goldmedia-group
View: 833 times
Download: 11 times
Share this document with a friend
Description:
Navitation in News-Apps für iPad & Co. Auf der Suche nach nutzerfreundlichen Standards. Vortrag von Christoph Schwab auf dem 3. Mobile Publishing-Gipfel „Content goes Tablet PC – Konzeption von Magazinen und Apps für iPad, Android Tablet & Co.“ am 31. Mai 2011 im Literaturhaus München
21
Navigation in News-Apps für iPad & Co Navigation in News-Apps für iPad & Co. -auf der Suche nach nutzerfreundlichen Standards Mobile Publishing Gipfel, Literaturhaus München, 31. Mai 2011 Goldmedia Custom Research GmbH Christoph Schwab Oranienburger Str. 27, 10117 Berlin, Germany Tel. +49 30-246 266-0, Fax +49 30-246 266-66 [email protected] Willkommen bei GOLDMEDIA! 2
Transcript
Page 1: Navitation in News-Apps für iPad & Co

Navigation in News-Apps für iPad & CoNavigation in News-Apps für iPad & Co.-auf der Suche nach nutzerfreundlichen Standards

Mobile Publishing Gipfel, Literaturhaus München, 31. Mai 2011

Goldmedia Custom Research GmbH

Christoph Schwab Oranienburger Str. 27, 10117 Berlin, GermanyTel. +49 30-246 266-0, Fax +49 30-246 266-66

[email protected]

Willkommen bei GOLDMEDIA!

2

Page 2: Navitation in News-Apps für iPad & Co

Goldmedia GmbH Strategy Consulting

Goldmedia GruppeConsulting, Research, Innovation, Political Advising, Sales & Services

Leistungsübersicht

Markt- und WettbewerbsanalysenBusiness DevelopmentStrategieentwicklungM k t D Dili

Goldmedia Innovation GmbHInnovationsmanagement

UnternehmensstrategieGeschäftsentwicklung

P d kt t i kl

Markt- und Nutzerforschung

Marketing &Social Media

Strategie & Planung

Market-Due-DiligencePortfolioanalysen

MarktforschungMedienforschungInhaltsanalysenConjoint-Analyse

MarketingserviceMediaplanung

WerbevermarktungOnline-Marketing/SEO

S i l M di M k i

Goldmedia

Innovation & Produkt-

entwicklung

Goldmedia Sales &Services GmbH

Goldmedia CustomResearch GmbH

ProduktentwicklungProduktstrategie

3

CATI, CAPI, Online-BefragungUsability/Eyetracking/Pupillometrie

Politikberatung | Public Affairs | LobbyingPersonalkonzeption & Personalentwicklung

Social-Media-Marketing

Politik- & Personal-beratung

Goldmedia Political & Staff Advising GmbH

Kooperationspartner PRMedienresonanzanalyse

blätterwald GmbH

1. Untersuchungsdesign

2. Hintergrund

News-App Usability für iPad & Co.

g

3. Status Quo der News-App Navigationsarchitektur

4. Und was wollen die Nutzer?

5. Zusammenfassung und Ableitungen

4

Page 3: Navitation in News-Apps für iPad & Co

Untersuchungsdesign

iPad News-Apps:Recht erfolgreich aber sehr heterogene Interaktionsparadigmen

Folge: Usability ProblemeRuf nach Standardisierung

Befragungsdaten

Forschungs-design

Inhaltsanalyse Usability-Test + Onlinebefragung

5

Ergebnis:Hinweise darauf, wie die News-App-Navigationsarchitektur sich entwickelt

und wie die Sicht der Nutzer aussieht.

Diskussion

1. Untersuchungsdesign

2. Hintergrund

News-App Usability für iPad & Co.

g

3. Status Quo der News-App Navigationsarchitektur

4. Und was wollen die Nutzer?

5. Zusammenfassung und Ableitungen

6

Page 4: Navitation in News-Apps für iPad & Co

"Jeder Verleger sollte sich geinmal am Tag hinsetzen,

beten und Steve Jobs dafür danken, dass er mit diesem Gerät die Verlags-

7

industrie rettet."

Quelle Bild: www.ifra.net

Zahlreiche News-Apps verfügbar…

8

Page 5: Navitation in News-Apps für iPad & Co

…News-Apps werden genutzt und es besteht gewisse Zahlungsbereitschaft…

Frage: Wie häufig nutzen Sie auf Ihrem Smartphone / Tablet Computer Nachrichten-Apps? (z.B. Der SPIEGEL, Süddeutsche Zeitung, Bild, etc.)

News-Apps: Nutzung News-Apps: Zahlungsbereitschaft

3640

60%

Bitte geben Sie an, wie sehr Sie den folgenden Aussagen zustimmen. Ich bin bereit, für Inhalte in Nachrichten-Apps einmalig / auf Basis eines Abonnements Geld zu zahlen.(Befragt wurden Tablet-PC-News-App-Nutzer)36

9

3129

0

5

10

15

20

25

30

35

Nie Mehrmals pro Jahr

Mehrmals pro

Mehrmals pro

Täglich

In P

roze

nt

Smartphone

Tablet PC

3625

39

23 22

56

0102030405060

Stimme zu Neutral Stimme nicht zu

In P

roze

nt

Einmalig / pro Ausgabe

Abonnement

9

Quelle: Goldmedia Onlinebefragung 2011 / N=1012 Smartphone-Nutzer / N=159 Tablet-PC-Nutzer bzw. 144 Nutzer von News-Apps auf einem Tablet PC

Monat Woche

Knapp zwei Drittel der Tablet-PC-Nutzer nutzen mindestens mehrmals pro Woche News-Apps

Bei gut 60 Prozent der Nutzer von News-Apps besteht zumindest eine passive Zahlungsbereitschaft für einzelne Ausgaben

Aber: Navigationsarchitektur der Apps völlig uneinheitlich!

Mal „scrollen“ mal „blättern“…

Inhaltsverzeichnis: Mal oben links, mal ,

unten rechts….

Bilder einzoomen: Per Tap, im Zwei-Finger-Modus (Pinch to Zoom) oder gar nicht….

10

Que

lle B

ild: e

-boo

k-ne

ws.

de

Page 6: Navitation in News-Apps für iPad & Co

Ergebnis: Verwirrte Nutzer!Nutzerkommentare aus Internetforen

„Vielen Apps fehlt die durchgängig logische

Bedienung. Aber ich bin zuversichtlich dass das

„Ich nutze Die Welt, Tagi und USA Today.

Unterschiedliche News a s nterschiedlichen zuversichtlich, dass das

noch was wird.“ aus unterschiedlichen

Länder und immer passiert beim Klicken

auf die Bilder was anderes….“

„Ich war zunächst enttäuscht, dass man von

„Bei der Nutzung von Nachrichten-Apps stört es mich, dass diese nicht immer problemlos bedient werden können.“

Befragungsergebnis

35%

11

die Demoausgabe nicht richtig lesen kann sondern

nur die Überschriften sieht. Aber dann habe ich

den Download-Button gefunden ;-)“

Quelle Bild: Goldmedia Onlinebefragung 2011 / N=1012 Smartphone-Nutzer / N=159 Tablet-PC-Nutzer bzw. 144 Nutzer von News-Apps auf einem Tablet PC

35%

26%

Stimme zu Stimme nicht zu

Dabei ist „Bedienbarkeit“ / „Usability“ kritischer Erfolgsfaktor von Nachrichten-Apps!

Preis

Inhalt

Wichtigkeit der Faktoren für die Entscheidung, eine News-App zu nutzen

i ik i

Empfehlungen von Freunden

Herausgeber der App

Downloadzeit einer Ausgabe

Personalisierbarkeit

Kostenlose Probeausgabe

Multimedia-Inhalte

Bedienbarkeit

12

0 2 4 6 8 10 12 14 16 18

Einbindung von Facebook und Twitter

Design

Kritiken im App Store

Wichtigkeit (nach MaxDiff) in Prozent

Quelle: Goldmedia Onlinebefragung 2011 / N=144 Nutzer von News-Apps auf einem Tablet PC

Page 7: Navitation in News-Apps für iPad & Co

Ziel der Studie: Erarbeitung von Konven-tionen für News-App-Benutzerführung

Schritt 1 Schritt 2

13

Inhaltsanalyse bestehender Apps

(Top 20 News-Apps - Sep. / Okt. 2010)

Wie machen es die Anbieter?

Usability-Test mit iPad-Nutzern

/ OnlinebefragungWas wollen die Nutzer?

1. Untersuchungsdesign

2. Hintergrund

News-App Usability für iPad & Co.

g

3. Status Quo der News-App NavigationsarchitekturErgebnisse der Inhaltsanalyse

4. Und was wollen die Nutzer?

5. Zusammenfassung und Ableitungen

14

Page 8: Navitation in News-Apps für iPad & Co

Systematisierung: Es gibt vier verschiedene Navigations-Archetypen

PrintmetapherHybride

15

Onlinemetapher Neue Formen

NavigationsarchitekturVariante 1: Printmetapher

Bücherregal-Metapher

Horizontales Horizontales „Umblättern“

z.T. Lesezeichen

z.T. Fortschritts-anzeige

16

z.T. Notiz-funktion

iBooks

Que

lle B

ild: e

-boo

k-ne

ws.

de

Page 9: Navitation in News-Apps für iPad & Co

NavigationsarchitekturVariante 2: Onlinemetapher

Kein „Blättern“von Artikel zu Artikel

Texte werden Texte werden Vertikal „gescrollt“

Menüleisteoben

17

N24

NavigationsarchitekturVariante 3: Hybridformate

Zwei Ansichts-möglichkeiten

Nur-Lesemodus:Nur-Lesemodus:Vertikales scrollen

PDF-View: Blättern

18

PDF-Äquivalent der Printausgabe

Zusätzlicher Nur-Text-Lesemodus

Handels-blatt

Page 10: Navitation in News-Apps für iPad & Co

Horizontales Wischenzwischen Artikeln

Vertikales scrollen“

NavigationsarchitekturVariante 4: Neue Formen

Vertikales „scrollenim Artikel

Oft multimedialund animiert

GroßeDateien

m

19

Wired

Que

lle B

ild: t

echn

olog

ytos

oftw

are.

com

Einordnung von News-Apps in die verschiedenen Navigations-Archetypen

PrintmetapherHybride

Neue FormenOnlinemetapher

20

Quelle: Goldmedia Inhaltsanalyse der Top-20 iPad-News-Apps, Stand Sep-Okt 2010

Page 11: Navitation in News-Apps für iPad & Co

Apps mit bester Bewertung (nur kostenpflichtige)

PrintmetapherHybride

Neue FormenOnlinemetapher

21

Quelle: Goldmedia Inhaltsanalyse der Top-20 iPad-News-Apps, Stand Sep-Okt 2010

Vergrößerung von Bildern(ausgenommen reine PDF-Reader)

Per TapAufzoomen mit zwei Fingern

„Pinch to zoom“

Neue FormenGar nicht möglich

22

Page 12: Navitation in News-Apps für iPad & Co

1. Untersuchungsdesign

2. Hintergrund

News-App Usability für iPad & Co.

g

3. Status Quo der News-App Navigationsarchitektur

4. Und was wollen die Nutzer?Ergebnisse Nutzertest / Befragung / Desk Research

5. Zusammenfassung und Ableitungen

23

Nutzertest: Wo gibt es die meisten Probleme? Was ist intuitiv?

Test mit 7 Teilnehmern

(5 iPad Nutzer 2 Neulinge)(5 iPad-Nutzer, 2 Neulinge)

KurzeVorbefragung

Freies Explorieren

24

Aufgaben für allevier App-Typen

Wichtig:Kein Test einzelner Apps sondern Suche

nach generalisierbaren Aussagen!

Page 13: Navitation in News-Apps für iPad & Co

Die größten Probleme: Systematisierung nach ISO 9241-10

Aufgabenangemessenheit

Selbstbeschreibungsfähigkeitg g

Steuerbarkeit

Erwartungskonformität

Fehlertoleranz

25

e e to e a

Individualisierbarkeit

Lernförderlichkeit

AufgabenangemessenheitWo im Text bin ich?

Text wird auf Teaserseite angefangen zu lesen. Doch das bereits Gelesene ist im Artikel nicht hervorgehoben. Die Nutzer

müssen nach der Stelle suchen.

Tap ruft Artikel auf

26

Page 14: Navitation in News-Apps für iPad & Co

Selbstbeschreibungsfähigkeit I

Schlecht gewählte Symbole

Symbol für TV-Programm wurde von keinem Nutzer identifiziert

Ausgeblendete Scrollbalken

identifiziert.

Testnutzern wurde nicht klar, dass es unten „weiter geht“.

Problem in einigen News-

27

Apps mit grafischen Tricks sowie Pfeilsymbolen gelöst.

Selbstbeschreibungsfähigkeit II

Ergebnis aus Studie der Uni Mainz*

28

Wo bin ich?

Bei Apps, die eine starke Print-Metapher verwenden, wünschen sich Testnutzer Angaben

über die Position in der Publikation.

Ergebnis aus Studie der Uni Mainz*

Zwei Drittel der Nutzer finden das wichtig.

Man findet diese Info aber nur in einem Viertel der

News-Apps.

*Quelle: Institut für Publizistik der Johannes Gutenberg-Universität Mainz, Lennart Libercka, n=402 (Befragung), n=200 (Inhaltsanalyse)

Page 15: Navitation in News-Apps für iPad & Co

Steuerbarkeit

Buttons zu klein

Buttons zu klein und zu nah am Rand. Testpersonen hatten

(auch aufgrund der S h hüll ) S h i i k i i Schutzhülle) Schwierigkeiten, in

die gewünschte Richtung zu navigieren.

Fehlende Vergrößerungshilfe

PDF-/ePaper:Es dauert lange, die

lesegerechte Größe zum

29

gLesen eines Artikels

einzustellen. Bei einigen Apps gibt es beim Doppel

Tap „magnetische Kanten“ –die sind hilfreich.

Erwartungskonformität I

Erwartungen zur Bedienung der App stark von anderen

genutzten Programmen

App-Erfahrung prägt Nutzung

g gabhängig!

Beispiel: Mehrere Testnutzer erwarten bei Bildern, dass sie

im zwei Finger Modus aufgezoomt werden können.

Ergebnis aus Studie der Uni Mainz*

30

Ergebnis aus Studie der Uni Mainz*

Neun von zehn Nutzern finden das wichtig.

Aber nur bei einem Zehntel der Apps

kann man die Bilder aufzoomen.

*Quelle: Institut für Publizistik der Johannes Gutenberg-Universität Mainz, Lennart Libercka, n=402 (Befragung), n=200 (Inhaltsanalyse)

Page 16: Navitation in News-Apps für iPad & Co

Erwartungskonformität II

Passung: Teaser und Text

Teasertexte / Headlines im Inhaltsverzeichnis erwecken

falsche Erwartungen.g

Nutzer wünschen sich Angaben über Länge der

Artikel im Inhaltsverzeichnis.

31

Fehlertoleranz

Falsche Gesten

An verschiedenen Stellen versuchten es Testnutzer mit

mehreren Gesten, bis das ,gewünschte Ergebnis

zustande kam. Es sollten mehrere zielführende Gesten

zugelassen werden.

32

Que

lle B

ild: i

dsca

n.m

obi

Page 17: Navitation in News-Apps für iPad & Co

Individualisierbarkeit

Helligkeit in App ändern

Nutzer wollen die Helligkeit in d A ä d kö

Veränderbare Textgröße

...gewünscht. Muss aber auffindbar sein.

Bereits Gelesenes markieren

Nutzer wünschen sich die Möglichkeit, bereits gelesene Artikel im Inhaltsverzeichnis

markieren zu können.

der App ändern können.

Ergebnis aus Studie der Uni Mainz*

Zwei Drittel der Nutzer finden veränderbare Schriftgrößen wichtig

33

Veränderbare Textgröße gut – aber muss auch

gefunden werden (Button statt Zwei-Finger-Zoom)

Neustart an richtiger Position

Bei Neustart der App sollte der zuletzt gelesene Artikel

aufgerufen werden.

wichtig. Aber nur bei einem Viertel der News-

Apps kann man die Schriftgröße ändern.

*Quelle: Institut für Publizistik der Johannes Gutenberg-Universität Mainz, Lennart Libercka, n=402 (Befragung), n=200 (Inhaltsanalyse)

Die Meinung der Nutzer: Was ist intuitiv?

Hoch- oder Querformat?

Position des Menüs

Navigation im Artikel

Navigation zwischen Artikeln

Joy of use

34

Joy o use

Page 18: Navitation in News-Apps für iPad & Co

Hoch- oder Querkant? iPad-Nutzer bevorzugen eher das Querformat

Umfrage

Nutzen Sie das iPad eher im Hoch- oder im

Querformat?Querformat?

Häufiger im Querformat

63%Häufiger im Hochformat

010,

N=

27 /

mac

-tv.

de

35

37%

Que

lle: G

oldm

edia

Onl

ineb

efra

gung

20

Menü? Links oben bitte!

erte

st

36

Que

lle: G

oldm

edia

201

0, N

=7

/ Nut

ze

Page 19: Navitation in News-Apps für iPad & Co

Nutzerpräferenz bei der Navigation: Neue Formen mit leichtem Vorsprung„Bitte wählen Sie das Navigationskonzept aus, das Ihnen persönlich am ansprechendsten erscheint.“

Printmetapher10%

Onlinemetapher

Hybride24%

Neue Formen

Ergebnis aus der Onlinebefragung der Johannes Gutenberg-Universität Mainz,

Institut für Publizistik. Frage basierte auf der

Inhaltsanalyse von Goldmedia.

37

p31%

e e o e35%

Quelle: Institut für Publizistik der Johannes Gutenberg-Universität Mainz, Lennart Libercka, n=402 (Befragung), n=200 (Inhaltsanalyse)

Joy of Use: Nutzer erwarten Mehrwert gegenüber Print!

Kaum Mehrwert gegenüber Print

Mehrwert gegenüber Print

38

Quelle: Goldmedia 2010, N=7 / Nutzertest / Recherche in Internetforen

Page 20: Navitation in News-Apps für iPad & Co

1. Untersuchungsdesign

2. Hintergrund

News-App Usability für iPad & Co.

g

3. Status Quo der News-App Navigationsarchitektur

4. Und was wollen die Nutzer?

5. Zusammenfassung und Ableitungen

39

iPad wird zum Konsum von Nachrichteninhalten genutzt. Es besteht gewisse Zahlungsbereitschaft für News-Content.

Zusammenfassung

„Bedienbarkeit“ nach „Inhalt“ und „Preis“ wichtigster Faktor f

Vier Grundformen zeichnen sich ab: Printmetapher, Onlinemetapher, Hybridformate und neue Formen.

Bei News-Apps gibt es Usability Probleme, denn: Bei der Navigationsarchitektur gibt es bisher keine einheitliche Linie.

für die Wahl / Nutzung einer News-App.

Den größten Zuspruch erhalten die neuen Formen. Die Nut-zer schätzen es, wenn die Möglichkeiten genutzt werden.

Je stringenter Metaphern umgesetzt sind, desto intuitiver bedienbar.

Page 21: Navitation in News-Apps für iPad & Co

Es empfiehlt sich, dass Bedienungsziele durch verschiedene Gesten erreichbar sind.

Möglichkeiten, die das Gerät bietet, sollten genutzt werden.

Ableitungen und Empfehlungen

„Joy of Use“ (Achtung: Dateigröße beachten!)

Wenn Metaphern genutzt werden, sollte das stringent erfolgen (z.B. bei Print: Orientierung im Text).

Aber: „In genereal, it‘s more important to strive foraccuracy in movement than in appearance.“ (Apple, HIG)

Zentrale Inhalte / Funktionen werden oft nicht erkannt. Darum: Darauf hinweisen und eindeutige Symbole nutzen.

Im Idealfall von Beginn an parallel zur Entwicklung der News-Apps Nutzerforschung betreiben.

Vielen Dank für Ihre

Goldmedia Custom Research GmbH

Aufmerksamkeit!Bei Rückfragen können Sie sich jederzeit gern an uns wenden!

Christoph Schwab

Oranienburger Str. 27, 10117 Berlin, GermanyTel. +49 30-246 266-0, Fax +49 30-246 266-66

[email protected]


Recommended