UX ist das Produkt – Detailoptimierung von virato.de

22
UX ist das Produkt – Detailoptimierung virato.de

description

Vortrag auf der UX Cologne 7 http://uxcgn.org/

Transcript of UX ist das Produkt – Detailoptimierung von virato.de

Page 1: UX ist das Produkt – Detailoptimierung von virato.de

UX ist das Produkt – Detailoptimierung virato.de

Page 2: UX ist das Produkt – Detailoptimierung von virato.de

2

Markus Dermietzel, Senior UX Designer bei curtis newton, Kölncn ist ein Inkubator von IT-Startups und Venture Capital Unternehmen mit operativem Bereich

Page 3: UX ist das Produkt – Detailoptimierung von virato.de

3

virato.de – Social News Aggregator

UX Post-Launch Problemstellungen

Optimierung ToDos

Umsetzung

Auswirkungen

Resümee

Page 4: UX ist das Produkt – Detailoptimierung von virato.de

4

Ein Social News Aggregator mit Responsive UI (Launch März 2011, Relaunch März 2012)

Virato.de – Social News Aggregator

Page 5: UX ist das Produkt – Detailoptimierung von virato.de

5

Was macht Virato?

Virato.de – Social News Aggregator

» Primäre Zielgruppe: Blogger

» Weitere Zielgruppe: Journalisten

» Dann: alle anderen

Page 6: UX ist das Produkt – Detailoptimierung von virato.de

6

Virato Analytics (B2B Client Social News Analysetool für Verlage)

Virato.de – Social News Aggregator

Page 7: UX ist das Produkt – Detailoptimierung von virato.de

7

Konzeption Wireframes

Virato.de – Social News Aggregator

Page 8: UX ist das Produkt – Detailoptimierung von virato.de

8

»Ein emotional aufgeladener Retro-Zeitungslook mit Grunge-Elementen, der das Design des Newsaggregators der Anmutung einer Printzeitung annä-hert und so die Kluft zwischen den beiden Elementen schmälert.«

blog.virato.de

Basicdesign Screens für den Desktop / Style: Newspaper Retro-Look (Abgrenzung von Rivva)

Virato.de – Social News Aggregator

Page 9: UX ist das Produkt – Detailoptimierung von virato.de

9

Responsive Webdesign

Virato.de – Social News Aggregator

APPLE IPHONE (320 PX BREIT)

AMAZON KINDLE PORTRAIT MODE(600 PX BREIT)

DESKTOP(>975 PX BREIT)

Page 10: UX ist das Produkt – Detailoptimierung von virato.de

10

virato.de – Social News Aggregator

UX Post-Launch Problemstellungen

Optimierung ToDos

Umsetzung

Auswirkungen

Resümee

Page 11: UX ist das Produkt – Detailoptimierung von virato.de

11

UX Post-Launch Problemstellungen

» Social News Aggregator Verwechslung mit

RSS Reader.

» fehlende Akzeptanz in der Zielgruppe

Blogger, zu wenig Attraktivität für andere

Zielgruppen.

» User kommen durch Google auf die

Detailseite, verschwinden aber sofort wie-

der (18 sek).

Page 12: UX ist das Produkt – Detailoptimierung von virato.de

12

virato.de – Social News Aggregator

UX Post-Launch Problemstellungen

Optimierung ToDos

Umsetzung

Auswirkungen

Resümee

Page 13: UX ist das Produkt – Detailoptimierung von virato.de

13

Optimierung ToDos

» User Experience, zugeschnitten auf die

Zielgruppe, verbessern.

» Neuartige Backend Technologie

visualisieren.

» Interesse der User wecken

>>> längere Verweildauer erreichen.

Page 14: UX ist das Produkt – Detailoptimierung von virato.de

14

virato.de – Social News Aggregator

UX Post-Launch Problemstellungen

Optimierung ToDos

Umsetzung

Auswirkungen

Resümee

Page 15: UX ist das Produkt – Detailoptimierung von virato.de

15

Umsetzung

» Minimalinvasive Änderungen im Frontend

» Änderungen flankiert von PR-Maßnahmen.

Page 16: UX ist das Produkt – Detailoptimierung von virato.de

16

Homepage – Vorher und Nachher

Umsetzung

Page 17: UX ist das Produkt – Detailoptimierung von virato.de

17

Detailpage – Vorher und Nachher

Umsetzung

Page 18: UX ist das Produkt – Detailoptimierung von virato.de

18

PR-Maßnahmen: Virato Blog Charts, Themenbezogene Charts

Umsetzung

Page 19: UX ist das Produkt – Detailoptimierung von virato.de

19

virato.de – Social News Aggregator

UX Post-Launch Problemstellungen

Optimierung ToDos

Umsetzung

Auswirkungen

Resümee

Page 20: UX ist das Produkt – Detailoptimierung von virato.de

20

Launch der Optimierungen im Januar 2013 – Gesamtbesucherzahl, Verweildauer

Auswirkungen

» Peak im Januar durch die PR-Maßnahmen.

» Einpendeln der Visits auf höherem Niveau

» Die durchschnittliche Verweildauer hat sich

von 18s nur unwesentlich auf 21s erhöht.

Page 21: UX ist das Produkt – Detailoptimierung von virato.de

21

>>> UX definiert das Produkt>>> UX ist das Produkt

Resümee

» UX-Optimierungen wirken sich nicht immer

alleine positiv aus, eine Verschlechterung

fand jedoch nicht statt, im Gegenteil eine

dauerhafte Erhöhung der Visits.

» Es ist günstig, die Unternehmens-PR in

UX-Optimierungs-Maßnahmen mit

einzubeziehen.

» Das Ziel, in der öffentlichen Wahrnehmung

(u.a. Feedback auf der re:publica) und den

Medien (t3n, tagesschau, etc.) nicht mehr

als simpler RSS-Reader wahrgenommen zu

werden, wurde durch die UX-Optimierungen

erreicht.

Page 22: UX ist das Produkt – Detailoptimierung von virato.de

Kontakt: [email protected]: www.gro.de/lecturesTwitter: @dermietzel