UX ist das Produkt – Detailoptimierung von virato.de

UX ist das Produkt – Detailoptimierung 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

3

virato.de – Social News Aggregator

UX Post-Launch Problemstellungen

Optimierung ToDos

Umsetzung

Auswirkungen

Resümee

4

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

Virato.de – Social News Aggregator

5

Was macht Virato?

Virato.de – Social News Aggregator

» Primäre Zielgruppe: Blogger

» Weitere Zielgruppe: Journalisten

» Dann: alle anderen

6

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

Virato.de – Social News Aggregator

7

Konzeption Wireframes

Virato.de – Social News Aggregator

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

9

Responsive Webdesign

Virato.de – Social News Aggregator

APPLE IPHONE (320 PX BREIT)

AMAZON KINDLE PORTRAIT MODE(600 PX BREIT)

DESKTOP(>975 PX BREIT)

10

virato.de – Social News Aggregator

UX Post-Launch Problemstellungen

Optimierung ToDos

Umsetzung

Auswirkungen

Resümee

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).

12

virato.de – Social News Aggregator

UX Post-Launch Problemstellungen

Optimierung ToDos

Umsetzung

Auswirkungen

Resümee

13

Optimierung ToDos

» User Experience, zugeschnitten auf die

Zielgruppe, verbessern.

» Neuartige Backend Technologie

visualisieren.

» Interesse der User wecken

>>> längere Verweildauer erreichen.

14

virato.de – Social News Aggregator

UX Post-Launch Problemstellungen

Optimierung ToDos

Umsetzung

Auswirkungen

Resümee

15

Umsetzung

» Minimalinvasive Änderungen im Frontend

» Änderungen flankiert von PR-Maßnahmen.

16

Homepage – Vorher und Nachher

Umsetzung

17

Detailpage – Vorher und Nachher

Umsetzung

18

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

Umsetzung

19

virato.de – Social News Aggregator

UX Post-Launch Problemstellungen

Optimierung ToDos

Umsetzung

Auswirkungen

Resümee

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.

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.

Kontakt: gro@gro.deWeb: www.gro.de/lecturesTwitter: @dermietzel