Vortrag von Markus Dermietzel (Senior User Experience Designer bei curtis newton) auf der UX Cologne 7 http://uxcgn.org/

1. UX ist das Produkt –
Detailoptimierung virato.de

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

3. 3
virato.de – Social News Aggregator
UX Post-Launch Problemstellungen
Optimierung ToDos
Umsetzung
Auswirkungen
Resümee

4. 4
Ein Social News Aggregator mit Responsive UI (Launch März 2011, Relaunch März 2012)
Virato.de – Social News Aggregator

5. 5
Was macht Virato?
Virato.de – Social News Aggregator
» Primäre Zielgruppe: Blogger
» Weitere Zielgruppe: Journalisten
» Dann: alle anderen

6. 6
Virato Analytics (B2B Client Social News Analysetool für Verlage)
Virato.de – Social News Aggregator

7. 7
Konzeption Wireframes
Virato.de – Social News Aggregator

8. 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. 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. 10
virato.de – Social News Aggregator
UX Post-Launch Problemstellungen
Optimierung ToDos
Umsetzung
Auswirkungen
Resümee

11. 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. 12
virato.de – Social News Aggregator
UX Post-Launch Problemstellungen
Optimierung ToDos
Umsetzung
Auswirkungen
Resümee

13. 13
Optimierung ToDos
» User Experience, zugeschnitten auf die
Zielgruppe, verbessern.
» Neuartige Backend Technologie
visualisieren.
» Interesse der User wecken
>>> längere Verweildauer erreichen.

14. 14
virato.de – Social News Aggregator
UX Post-Launch Problemstellungen
Optimierung ToDos
Umsetzung
Auswirkungen
Resümee

15. 15
Umsetzung
» Minimalinvasive Änderungen im Frontend
» Änderungen flankiert von PR-Maßnahmen.

16. 16
Homepage – Vorher und Nachher
Umsetzung

17. 17
Detailpage – Vorher und Nachher
Umsetzung

18. 18
PR-Maßnahmen: Virato Blog Charts, Themenbezogene Charts
Umsetzung

19. 19
virato.de – Social News Aggregator
UX Post-Launch Problemstellungen
Optimierung ToDos
Umsetzung
Auswirkungen
Resümee

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

22. Kontakt: gro@gro.de
Web: www.gro.de/lectures
Twitter: @dermietzel