Diese Präsentation wurde erfolgreich gemeldet.
Wir verwenden Ihre LinkedIn Profilangaben und Informationen zu Ihren Aktivitäten, um Anzeigen zu personalisieren und Ihnen relevantere Inhalte anzuzeigen. Sie können Ihre Anzeigeneinstellungen jederzeit ändern.
UX ist das Produkt –
Detailoptimierung virato.de
2
Markus Dermietzel,
Senior UX Designer bei curtis newton, Köln
cn ist ein Inkubator von IT-Startups und Venture Capital U...
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
» ...
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 ei...
9
Responsive Webdesign
Virato.de – Social News Aggregator
APPLE IPHONE
(320 PX BREIT)
AMAZON KINDLE PORTRAIT MODE
(600 PX ...
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 Ziel...
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
visu...
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-M...
21
>>> UX definiert das Produkt
>>> UX ist das Produkt
Resümee
» UX-Optimierungen wirken sich nicht immer
alleine positiv ...
Kontakt: gro@gro.de
Web: www.gro.de/lectures
Twitter: @dermietzel
Nächste SlideShare
Wird geladen in …5
×

UX ist das Produkt – Detailoptimierung von virato.de

659 Aufrufe

Veröffentlicht am

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

Veröffentlicht in: Design
  • Als Erste(r) kommentieren

UX ist das Produkt – Detailoptimierung von virato.de

  1. 1. UX ist das Produkt – Detailoptimierung virato.de
  2. 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. 3 virato.de – Social News Aggregator UX Post-Launch Problemstellungen Optimierung ToDos Umsetzung Auswirkungen Resümee
  4. 4. 4 Ein Social News Aggregator mit Responsive UI (Launch März 2011, Relaunch März 2012) Virato.de – Social News Aggregator
  5. 5. 5 Was macht Virato? Virato.de – Social News Aggregator » Primäre Zielgruppe: Blogger » Weitere Zielgruppe: Journalisten » Dann: alle anderen
  6. 6. 6 Virato Analytics (B2B Client Social News Analysetool für Verlage) Virato.de – Social News Aggregator
  7. 7. 7 Konzeption Wireframes Virato.de – Social News Aggregator
  8. 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. 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. 10 virato.de – Social News Aggregator UX Post-Launch Problemstellungen Optimierung ToDos Umsetzung Auswirkungen Resümee
  11. 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. 12 virato.de – Social News Aggregator UX Post-Launch Problemstellungen Optimierung ToDos Umsetzung Auswirkungen Resümee
  13. 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. 14 virato.de – Social News Aggregator UX Post-Launch Problemstellungen Optimierung ToDos Umsetzung Auswirkungen Resümee
  15. 15. 15 Umsetzung » Minimalinvasive Änderungen im Frontend » Änderungen flankiert von PR-Maßnahmen.
  16. 16. 16 Homepage – Vorher und Nachher Umsetzung
  17. 17. 17 Detailpage – Vorher und Nachher Umsetzung
  18. 18. 18 PR-Maßnahmen: Virato Blog Charts, Themenbezogene Charts Umsetzung
  19. 19. 19 virato.de – Social News Aggregator UX Post-Launch Problemstellungen Optimierung ToDos Umsetzung Auswirkungen Resümee
  20. 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. 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. 22. Kontakt: gro@gro.de Web: www.gro.de/lectures Twitter: @dermietzel

×