{"id":649,"date":"2015-09-17T10:21:43","date_gmt":"2015-09-17T08:21:43","guid":{"rendered":"http:\/\/blog.zeit.de\/dev\/?p=649"},"modified":"2015-09-19T09:36:24","modified_gmt":"2015-09-19T07:36:24","slug":"eine-beta-ist-immer-eine-gute-idee","status":"publish","type":"post","link":"https:\/\/blog.zeit.de\/dev\/eine-beta-ist-immer-eine-gute-idee\/","title":{"rendered":"Eine Beta ist immer eine gute Idee"},"content":{"rendered":"

\"Foto:
Foto: Marco Kaiser unter CC BY-SA<\/figcaption><\/figure><\/p>\n

Wie \u00fcberarbeitet man eine Website, die neun Millionen Besucher im Monat hat? Eine Seite, die \u00fcber zwei Millionen Seiten im Google-Index hat und deren Datenbasis acht Millionen Objekte sind? Eine Seite, die \u2013 neben der eigentlichen Website \u2013 als Quelle f\u00fcr drei mobile Apps dient, deren CMS rund um die Uhr im Einsatz ist? Eine Website, die ein Archiv mit Texten bis ins Jahr 1946 hat und in Spitzenzeiten bis zu 40.000 Nutzer gleichzeitig?<\/p>\n

Wir haben mit mehreren Design-Thinking-Workshops begonnen, eine Produktvision entwickelt, Nutzer-Bed\u00fcrfnisse identifiziert, Personas \u2013 also prototypische Nutzer \u2013 geschaffen und uns an ein erstes Design herangetastet. Schnell war klar: Wir wollten uns auf das Wesentliche konzentrieren. Also haben wir unser Artikel-Layout ge\u00e4ndert, auf die rechte Spalte verzichtet und andere Schriftarten gew\u00e4hlt. Auf der Homepage wollten wir Schwerpunkte setzen und mit neuen Formaten experimentieren k\u00f6nnen.<\/p>\n

\"\u00a9
Foto: Michael Schulthei\u00df<\/figcaption><\/figure><\/p>\n

Wie haben wir herausgefunden, dass wir das Richtige tun? Vor einem Jahr haben wir mit dem Start von ZEITmagazin ONLINE einen Teil der Prozesse, Konzepte und Technologien ausprobiert, die wir nun bei ZEIT ONLINE verwenden. Durch das Feedback auf ZEITmagazin ONLINE, aber auch durch Feedback einer sorgf\u00e4ltig ausgew\u00e4hlten Gruppe von 50 Nutzern, sind im vergangenen Jahr viele neue Ideen hinzu gekommen.<\/p>\n

Hinter den Kulissen haben wir unseren gesamten Technologie-Stack \u00fcberarbeitet. Wir haben eine neue Middleware eingef\u00fchrt, das Python Framework Pyramid und einen State-of-the-Art Frontend-Stack mit Jinja-Templates, Sass und Grunt sowie unser CMS \u00fcberarbeitet. Und wir haben ganz nebenbei ein Single-Sign-On f\u00fcr die wichtigsten Funktionen auf ZEIT ONLINE eingef\u00fchrt, die Blogs und unsere Apps f\u00fcr Android und iOS \u00fcberarbeitet, die in K\u00fcrze ver\u00f6ffentlicht werden.<\/p>\n

Wir arbeiten in Scrum in einem Zwei-Wochen-Rhythmus, \u00fcber drei Standorte verteilt: In unserem Newsroom in Berlin, im B\u00fcro unserer Agentur edenspiekermann und im Hamburger Pressehaus. Neben den Scrum-Terminen in Berlin gab es einen gemeinsamen Teamtag pro Woche und ansonsten Slack, Skype und Google Hangout.<\/p>\n

\"Foto:
Foto: Marco Kaiser unter CC BY-SA<\/figcaption><\/figure><\/p>\n

Um schnell Feedback f\u00fcr unsere Ideen zu bekommen, haben wir unser Team zun\u00e4chst geteilt. So konzentrierte sich das Discovery-Team zun\u00e4chst auf die gro\u00dfen Linien mittels Prototypen und Userfeedback. W\u00e4hrenddessen arbeitete das Kern-Entwicklungsteam zun\u00e4chst am Backend. W\u00e4hrend der Entwicklung wechselten wir auf ein frontend-orientiertes, integriertes Team. So \u00e4nderte sich die Teamgr\u00f6\u00dfe von vier Designern und Entwicklern auf bis zu zw\u00f6lf, wobei Entwickler und Designer wann immer n\u00f6tig\u00a0team\u00fcbergreifend arbeiteten oder das Team wechselten.<\/p>\n

Was wir gelernt haben<\/strong><\/p>\n

    \n
  • Eine Beta, ein stiller Start f\u00fcr ein Produkt, ist immer eine gute Idee. Bereits nach dem vierten Sprint hatten wir eine einfache, aber funktionierende geschlossene Beta. Teile der Software in einem Zwei-Wochen-Rhythmus zu ver\u00f6ffentlichen, das war am Anfang eine Herausforderung, half uns aber, die meisten Fallen und Risiken zu entdecken. Danach haben wir die Beta f\u00fcr unsere 50 ausgew\u00e4hlten Nutzer der Fokus-Gruppe ge\u00f6ffnet. Im August haben wir mit der offenen Beta begonnen und bis zu f\u00fcnf Prozent unserer Nutzer auf die Beta-Seite geschickt.<\/li>\n
  • Gestaltung und Entwicklung sollten immer mit echtem Inhalt geschehen. Dieser Inhalt sollte regelm\u00e4\u00dfig ausgetauscht werden. Selbst wenn man mit echtem Inhalt gestaltet, bleibt es aber idealisierter Inhalt. Selbst wenn man vom Mockup direkt zum Prototypen \u00fcbergeht, bleibt dieses Problem bestehen. Unsere L\u00f6sung: Konnten die Entwickler nicht auf bestehendes Material zur\u00fcckgreifen, lieferte ein eigens gegr\u00fcndetes Relaunch-Redaktionsteam Inhalte f\u00fcr die Entwickler. So entstand das erste Live-Dossier redaktionell mit Schere und Papier, bevor es im CMS und sp\u00e4ter im Frontend sichtbar war.<\/li>\n<\/ul>\n

    \"Foto:
    Foto: Marco Kaiser unter CC BY-SA<\/figcaption><\/figure><\/p>\n
      \n
    • Gibt es einen Edge-Case, einen Sonderfall, dann haben wir ihn sicher: Wort-Unget\u00fcme, vielzeilige \u00dcberschriften, einen ganzen Absatz mit Metadaten vor einem Artikel: Das Design muss trotzdem funktionieren.<\/li>\n
    • Ein Webdesigner sollte programmieren k\u00f6nnen, mindestens html, css und ein wenig Javascript. Die einzige M\u00f6glichkeit, um eine schnelle Weiterentwicklung sicher zu stellen und Edge-Cases und Unsch\u00f6nheiten im Design loszuwerden, die man in einem agilen Entwicklungsprozess noch nicht durchdacht hat, ist trotzdem das Pairing eines Designers mit einem Entwickler.<\/li>\n
    • Man braucht Menschen, die \u00fcber den Tellerrand schauen. Wenn man f\u00fcr eine gro\u00dfe Nachrichtenseite arbeitet, gibt es etablierte Workflows und Abh\u00e4ngigkeiten, die man \u00fcberwinden muss, um Neues zu schaffen.<\/li>\n
    • Das Wichtigste aber ist: dem Team vertrauen. Seine Mitglieder sind die Experten. W\u00e4ren sie es nicht, w\u00fcrde man nicht mit ihnen arbeiten.<\/li>\n<\/ul>\n

      \"Foto:
      Foto: Marco Kaiser unter CC BY-SA<\/figcaption><\/figure><\/p>\n

      Man k\u00f6nnte \u00fcber jede einzelne\u00a0der genannten Technologien, jeden Prozess und jede Erkenntnis einen Blogbeitrag schreiben. Vielleicht werden wir das tun. An dieser Stelle nur noch ein riesiges Danke an alle, die den Relaunch m\u00f6glich gemacht haben. Ihr wart gro\u00dfartig!<\/p>\n

      Marco Kaiser und Michael Schulthei\u00df<\/em><\/p>\n

       <\/p>\n

      Relaunch Team<\/strong>
      \nNico Br\u00fcnjes
      \nNicolas Drebenstedt
      \nRon Drongowski
      \nDominik Hoppe
      \nDavid Lichtenberger
      \nThomas Puppe
      \nArne Seemann
      \nMoritz Stoltenburg
      \nAnika Szuppa<\/p>\n

      Discovery-Team<\/strong>
      \nvon edenspiekermann:
      \nChristian Hanke
      \nMeral Hirsch
      \nJulian Panzer
      \nChristoph Rauscher
      \nPeter Rudolph<\/p>\n

      CMS-Team<\/strong>
      \nSonja Schmidt
      \nWolfgang Schnerring
      \nvon gocept:
      \nFlorian Pilz<\/p>\n

      Blog-Team<\/strong>
      \nvon Palasthotel:
      \nBenjamin Birkenhake
      \nEdward Bock
      \nJana Eggebrecht<\/p>\n

      SSO und Community-Team<\/strong>
      \nThomas Baumann
      \nStefan Freudenberg
      \nTobias Kabbek<\/p>\n

      Quiz-Team<\/strong>
      \nMarkus Nowak
      \nvon pyfidelity:
      \nCarsten Milling
      \nTom Lazar
      \nAndreas Zeidler<\/p>\n

      Cards-Team<\/strong>
      \nvon edenspiekermann:
      \nRichard Bausek
      \nOriol B\u00e8dia
      \nLouise Fuglsang
      \nHugo Giraudel
      \nMarco Hamersma
      \nEric Sch\u00e4fer
      \nMike Smart<\/p>\n

      Ads-Team<\/strong>
      \nf\u00fcr die iqd:
      \nArne Hofhansl
      \nOemer Koyuncu
      \nErwin Senk
      \nTim Lohmann<\/p>\n

      Sysop<\/strong>
      \nAndre Naumann<\/p>\n

      Entwicklungsredaktion<\/strong>
      \nJohannes Neukamm
      \nAlexandra Nuijen
      \nThomas Strothjohann
      \nHolger Wiebe<\/p>\n

      Scrum Master and CTO<\/strong>
      \nMarco Kaiser<\/p>\n

      Product Owner und Leitung Entwicklungsredaktion<\/strong>
      \nMichael Schulthei\u00df<\/p>\n","protected":false},"excerpt":{"rendered":"

      Wie \u00fcberarbeitet man eine Website, die neun Millionen Besucher im Monat hat? Eine Seite, die \u00fcber zwei Millionen Seiten im Google-Index hat und deren Datenbasis acht Millionen Objekte sind? Eine Seite, die \u2013 neben der eigentlichen Website \u2013 als Quelle f\u00fcr drei mobile Apps dient, deren CMS rund um die Uhr im Einsatz ist? Eine […]<\/p>\n","protected":false},"author":377,"featured_media":652,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[16],"tags":[],"class_list":["post-649","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-allgemein"],"yoast_head":"\nEine Beta ist immer eine gute Idee - Dev-Blog<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/blog.zeit.de\/dev\/eine-beta-ist-immer-eine-gute-idee\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Eine Beta ist immer eine gute Idee - Dev-Blog\" \/>\n<meta property=\"og:description\" content=\"Wie \u00fcberarbeitet man eine Website, die neun Millionen Besucher im Monat hat? Eine Seite, die \u00fcber zwei Millionen Seiten im Google-Index hat und deren Datenbasis acht Millionen Objekte sind? Eine Seite, die \u2013 neben der eigentlichen Website \u2013 als Quelle f\u00fcr drei mobile Apps dient, deren CMS rund um die Uhr im Einsatz ist? Eine […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/blog.zeit.de\/dev\/eine-beta-ist-immer-eine-gute-idee\/\" \/>\n<meta property=\"og:site_name\" content=\"Dev-Blog\" \/>\n<meta property=\"article:published_time\" content=\"2015-09-17T08:21:43+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2015-09-19T07:36:24+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/blog.zeit.de\/dev\/files\/2015\/09\/20150912-MD3_2938.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1321\" \/>\n\t<meta property=\"og:image:height\" content=\"743\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Michael Schultheiss\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Geschrieben von\" \/>\n\t<meta name=\"twitter:data1\" content=\"Michael Schultheiss\" \/>\n\t<meta name=\"twitter:label2\" content=\"Gesch\u00e4tzte Lesezeit\" \/>\n\t<meta name=\"twitter:data2\" content=\"5\u00a0Minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/blog.zeit.de\/dev\/eine-beta-ist-immer-eine-gute-idee\/\",\"url\":\"https:\/\/blog.zeit.de\/dev\/eine-beta-ist-immer-eine-gute-idee\/\",\"name\":\"Eine Beta ist immer eine gute Idee - Dev-Blog\",\"isPartOf\":{\"@id\":\"https:\/\/blog.zeit.de\/dev\/#website\"},\"datePublished\":\"2015-09-17T08:21:43+00:00\",\"dateModified\":\"2015-09-19T07:36:24+00:00\",\"author\":{\"@id\":\"https:\/\/blog.zeit.de\/dev\/#\/schema\/person\/1d7c39d7c39f9c59e173e89f223167a3\"},\"breadcrumb\":{\"@id\":\"https:\/\/blog.zeit.de\/dev\/eine-beta-ist-immer-eine-gute-idee\/#breadcrumb\"},\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/blog.zeit.de\/dev\/eine-beta-ist-immer-eine-gute-idee\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/blog.zeit.de\/dev\/eine-beta-ist-immer-eine-gute-idee\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Startseite\",\"item\":\"https:\/\/blog.zeit.de\/dev\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Eine Beta ist immer eine gute Idee\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/blog.zeit.de\/dev\/#website\",\"url\":\"https:\/\/blog.zeit.de\/dev\/\",\"name\":\"Dev-Blog\",\"description\":\"Entwicklungsblog von ZEIT ONLINE\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/blog.zeit.de\/dev\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"de\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/blog.zeit.de\/dev\/#\/schema\/person\/1d7c39d7c39f9c59e173e89f223167a3\",\"name\":\"Michael Schultheiss\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\/\/blog.zeit.de\/dev\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/afac37d6e6ecdffcd62bfa51d4bc5b4b7776e55b643c07ec38489ee11d8afc96?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/afac37d6e6ecdffcd62bfa51d4bc5b4b7776e55b643c07ec38489ee11d8afc96?s=96&d=mm&r=g\",\"caption\":\"Michael Schultheiss\"},\"description\":\"war bis 2017 Leiter der Entwicklungsredaktion von ZEIT ONLINE.\",\"url\":\"https:\/\/blog.zeit.de\/dev\/author\/mschultheiss\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Eine Beta ist immer eine gute Idee - Dev-Blog","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/blog.zeit.de\/dev\/eine-beta-ist-immer-eine-gute-idee\/","og_locale":"de_DE","og_type":"article","og_title":"Eine Beta ist immer eine gute Idee - Dev-Blog","og_description":"Wie \u00fcberarbeitet man eine Website, die neun Millionen Besucher im Monat hat? Eine Seite, die \u00fcber zwei Millionen Seiten im Google-Index hat und deren Datenbasis acht Millionen Objekte sind? Eine Seite, die \u2013 neben der eigentlichen Website \u2013 als Quelle f\u00fcr drei mobile Apps dient, deren CMS rund um die Uhr im Einsatz ist? Eine […]","og_url":"https:\/\/blog.zeit.de\/dev\/eine-beta-ist-immer-eine-gute-idee\/","og_site_name":"Dev-Blog","article_published_time":"2015-09-17T08:21:43+00:00","article_modified_time":"2015-09-19T07:36:24+00:00","og_image":[{"width":1321,"height":743,"url":"https:\/\/blog.zeit.de\/dev\/files\/2015\/09\/20150912-MD3_2938.jpg","type":"image\/jpeg"}],"author":"Michael Schultheiss","twitter_card":"summary_large_image","twitter_misc":{"Geschrieben von":"Michael Schultheiss","Gesch\u00e4tzte Lesezeit":"5\u00a0Minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/blog.zeit.de\/dev\/eine-beta-ist-immer-eine-gute-idee\/","url":"https:\/\/blog.zeit.de\/dev\/eine-beta-ist-immer-eine-gute-idee\/","name":"Eine Beta ist immer eine gute Idee - Dev-Blog","isPartOf":{"@id":"https:\/\/blog.zeit.de\/dev\/#website"},"datePublished":"2015-09-17T08:21:43+00:00","dateModified":"2015-09-19T07:36:24+00:00","author":{"@id":"https:\/\/blog.zeit.de\/dev\/#\/schema\/person\/1d7c39d7c39f9c59e173e89f223167a3"},"breadcrumb":{"@id":"https:\/\/blog.zeit.de\/dev\/eine-beta-ist-immer-eine-gute-idee\/#breadcrumb"},"inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/blog.zeit.de\/dev\/eine-beta-ist-immer-eine-gute-idee\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/blog.zeit.de\/dev\/eine-beta-ist-immer-eine-gute-idee\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Startseite","item":"https:\/\/blog.zeit.de\/dev\/"},{"@type":"ListItem","position":2,"name":"Eine Beta ist immer eine gute Idee"}]},{"@type":"WebSite","@id":"https:\/\/blog.zeit.de\/dev\/#website","url":"https:\/\/blog.zeit.de\/dev\/","name":"Dev-Blog","description":"Entwicklungsblog von ZEIT ONLINE","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/blog.zeit.de\/dev\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"de"},{"@type":"Person","@id":"https:\/\/blog.zeit.de\/dev\/#\/schema\/person\/1d7c39d7c39f9c59e173e89f223167a3","name":"Michael Schultheiss","image":{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/blog.zeit.de\/dev\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/afac37d6e6ecdffcd62bfa51d4bc5b4b7776e55b643c07ec38489ee11d8afc96?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/afac37d6e6ecdffcd62bfa51d4bc5b4b7776e55b643c07ec38489ee11d8afc96?s=96&d=mm&r=g","caption":"Michael Schultheiss"},"description":"war bis 2017 Leiter der Entwicklungsredaktion von ZEIT ONLINE.","url":"https:\/\/blog.zeit.de\/dev\/author\/mschultheiss\/"}]}},"jetpack_featured_media_url":"https:\/\/blog.zeit.de\/dev\/files\/2015\/09\/20150912-MD3_2938.jpg","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/blog.zeit.de\/dev\/wp-json\/wp\/v2\/posts\/649","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blog.zeit.de\/dev\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.zeit.de\/dev\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.zeit.de\/dev\/wp-json\/wp\/v2\/users\/377"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.zeit.de\/dev\/wp-json\/wp\/v2\/comments?post=649"}],"version-history":[{"count":46,"href":"https:\/\/blog.zeit.de\/dev\/wp-json\/wp\/v2\/posts\/649\/revisions"}],"predecessor-version":[{"id":739,"href":"https:\/\/blog.zeit.de\/dev\/wp-json\/wp\/v2\/posts\/649\/revisions\/739"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blog.zeit.de\/dev\/wp-json\/wp\/v2\/media\/652"}],"wp:attachment":[{"href":"https:\/\/blog.zeit.de\/dev\/wp-json\/wp\/v2\/media?parent=649"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.zeit.de\/dev\/wp-json\/wp\/v2\/categories?post=649"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.zeit.de\/dev\/wp-json\/wp\/v2\/tags?post=649"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}