{"id":5138,"date":"2024-10-08T09:26:40","date_gmt":"2024-10-08T09:26:40","guid":{"rendered":"https:\/\/blog.tchop.io\/?p=5138"},"modified":"2024-10-08T09:26:41","modified_gmt":"2024-10-08T09:26:41","slug":"worauf-es-bei-der-planung-und-strukturierung-der-eigenen-app-ankommt","status":"publish","type":"post","link":"https:\/\/blog.tchop.io\/de\/worauf-es-bei-der-planung-und-strukturierung-der-eigenen-app-ankommt\/","title":{"rendered":"Worauf es bei der Planung und Strukturierung der eigenen App ankommt"},"content":{"rendered":"\n<p>Zur Planung der eigenen App geh\u00f6ren neben redaktionellen und organisatorischen Fragen vor allem auch Aspekte der Navigation, Strukturierung und der sog. User Experience. Wie werden Inhalte konkret in der App angeboten, wie k\u00f6nnen Nutzende sich diese erschliessen bzw. konsumieren? <\/p>\n\n\n\n<p>Im folgenden wollen wir einen genaueren Blick auf diese Fragestellung werfen und auch ein paar Antworten liefern. <\/p>\n\n\n\n<p>Inhalte und <a href=\"https:\/\/blog.tchop.io\/de\/10-entwicklungen-nachrichtenjournalismus-2026\/\">News<\/a> in mobilen Apps funktionieren prinzipiell anders als klassische Websites. Oder sagen wir wie man fr\u00fcher klassische Websites entwickelt und &#8222;gedacht&#8220; hat. Tats\u00e4chlich hat die Art und Weise wie wir mobil Inhalte konsumieren n\u00e4mlich auch die User Experience im Web, speziell nat\u00fcrlich auch im mobilen Web ver\u00e4ndert. Fr\u00fcher hat man sich viel \u00fcber die Navigation, die Struktur und den Aufbau einer Website Gedanken gemacht. Nat\u00fcrlich ist dies heute immer noch wichtig. Aber tats\u00e4chlich ist heute &#8211; wie in der mobilen Welt &#8211; nur eines wichtig: was auf der Homepage, was im News Feed prominent dargestellt ist. <\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Die Welt als Feed<\/h2>\n\n\n\n<p>In jeder mobilen App, die heute aktuelle Inhalte und News schnell und effizient vermitteln will, z\u00e4hlt vor allem eines: der News Feed! Facebook hat im September 2006 den historischen Durchbruch in Sachen Beliebtheit und auch konkret in Sachen Nutzung geschafft, mit? Genau, der Einf\u00fchrung des News Feeds (mehr dazu mit samt einiger anderer spannender Fakten dazu <a href=\"https:\/\/blog.hubspot.de\/marketing\/facebook-news-feed-features\" target=\"_blank\" rel=\"noopener\">hier<\/a>). Dies war etwa eineinhalb Jahre, nachdem die Plattform erstmals online ging. Bevor der News-Feed eingef\u00fchrt wurde, war Facebook quasi eine simplere Version von MySpace f\u00fcr Sch\u00fcler und Studenten. Nach etwas holprigem Start der Einf\u00fchrung, ist der News Feed zu der heute dominierenden Form der Informationsvermittlung im Internet geworden.<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p>&#8222;<strong>Immer mehr Leute nutzen den News-Feed als Nachrichtenportal.<\/strong>&#8222;<\/p>\n<cite><a href=\"http:\/\/www.journalism.org\/files\/2015\/07\/Twitter-and-News-Survey-Report-FINAL2.pdf\" target=\"_blank\" rel=\"noreferrer noopener\">Pew Research Center<\/a>, 2016<\/cite><\/blockquote>\n\n\n\n<p>Ganz gleich, ob wir Videos bei TikTok, Bilder bei Instagram oder Nachrichten aus der Welt auf einem News Portal verfolgen, ein mobiloptimierter News Feed ist immer das Grundprinzip. Wir scrollen oder swipen uns durch das Geschehen und tun dies auf eine Art und Weise, die gepr\u00e4gt ist von kurzen Aufmerksamkeitsspannen, springend von App zu App. Aber das erste was wir eigentlich immer sehen ist? Genau, der News Feed!<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Prio 1: der News Feed<\/h2>\n\n\n\n<p>In Sachen Konzeption, Planung und Content <a href=\"https:\/\/blog.tchop.io\/de\/wie-baut-man-eine-loyale-digitale-community-auf\/\">Strategie<\/a> sollte der News Feed daher auch  die meiste <a href=\"https:\/\/blog.tchop.io\/de\/was-menschen-zurueckkehren-laesst-wenn-niemand-sie-dazu-auffordert\/\">Aufmerksamkeit<\/a> erhalten. Er ist das erste was Nutzende sehen, wenn sie oder er die App starten. All Ihre Nutzenden haben gelernt zu scrollen, um weiter in die Vergangenheit zu gelangen. Wohlwissend, dass man irgendwann auf bereits bekanntes st\u00f6sst. Es ist eine effiziente Form schnell, viele Inhalte zu &#8222;scannen&#8220; und es macht Sinn dies zu ber\u00fccksichtigen und diese Form gezielt aufzugreifen bzw. zu optimieren. <\/p>\n\n\n\n<p>Entscheidend sind drei Faktoren:<\/p>\n\n\n\n<p><strong>Inhaltiche Relevanz<\/strong>: Ein News-Feed sollte relevante Inhalte anbieten, die auf den Interessen und dem Verhalten der Zielgruppe basieren. Die Frage der Relevanz f\u00fchrt dann oft dazu, dass es nicht EINEN Feed f\u00fcr alle gibt, sondern, dass man hier \u00fcber eine Segmentierung nachdenken muss. Um so &#8222;spitzer&#8220; Inhalte sich an eine Zielgruppe richten k\u00f6nnen, desto einfacher ist es in der Regel Relevanz zu erzielen. <\/p>\n\n\n\n<p><strong>Schnelle und regelm\u00e4\u00dfige Aktualisierung<\/strong>: Ein erfolgreicher News-Feed muss aktuelle Nachrichten schnell und effizient bereitstellen. Dies schafft Vertrauen und sorgt daf\u00fcr, dass Nutzer regelm\u00e4\u00dfig zur\u00fcckkehren, um auf dem Laufenden zu bleiben. Sieht ein Nutzender oben im Feed mehrfach die gleichen Inhalten, wird er wahrscheinlich nicht mehr so oft wiederkommen. Aber auch, wenn er das Gef\u00fchl hat, dass es &#8222;zu viele&#8220; Inhalte gibt, kann dies abschrecken, weil Nutzende den \u00dcberblick verlieren und nicht das Gef\u00fchl haben, das Geschehen sinnvoll verfolgen zu k\u00f6nnen (abh\u00e4ngig nat\u00fcrlich vom Angebot an sich). Den richtigen Mittelweg zu finden ist eine Kunst. Dabei kann man es nie allen recht machen. Um so wichtiger ist es hier zu experimentieren und zu optimieren. <\/p>\n\n\n\n<p><strong>\u00dcbersichtliche und ansprechende Darstellung<\/strong>: Die Benutzeroberfl\u00e4che muss klar strukturiert und leicht zug\u00e4nglich sein. Visuelle Elemente wie Bilder, Videos und klare Schlagzeilen unterst\u00fctzen eine schnelle Erfassung der Informationen und erh\u00f6hen die Attraktivit\u00e4t des Feeds. Dabei ist es auch wichtig, dass dem Nutzenden visuelle, aber auch inhaltliche Abwechslung geboten wird. Nicht alle Teaser im Feed sollten gleich aussehen, es sollte auch besser eine Mischung sein an Content-Typen. Und nicht hinter jedem Inhalt, muss ein langer Artikel stehen. Eine Mischung aus klassischen Formaten, aber auch modernem &#8222;Micro-Content&#8220; f\u00fchrt oft zu einer spannenden Gesamterlebnis. Wer immer das gleiche sieht, scrollt eher ungern weiter. Menschen lassen sich lieber \u00fcberraschen und inspirieren.<\/p>\n\n\n\n<p>Nat\u00fcrlich h\u00e4ngt die Details sehr von Ihren Anforderungen, Inhalten Zielen und der konkreten Zielgruppe ab. Aber die allgemeinen Erwartungen und Erfolgsfaktoren bleiben in der Regel gleich. Wenn Ihr News Feed nicht funktioniert, funktioniert die ganze App nicht. Deswegen sollten Sie sich bei der Planung Ihrer App, vor allem um diesen Gedanken machen.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Prio 2: Struktur, Themen und \u00dcbersichtlichkeit<\/h2>\n\n\n\n<p>Mit der Planung des News Feeds stellen sich auch Fragen hinsichtlich Struktur und Navigation. Denn der News Feed kann und sollte aus unterschiedlichen Rubriken &#8222;gespeist&#8220; werden. Dies erlaubt Nutzenden den einfachen Abspruch in Rubriken und sorgt auch in der Wahrnehmung f\u00fcr Vielfalt. <\/p>\n\n\n\n<p>In tchop k\u00f6nnen Sie mit &#8222;Mixes&#8220; eine flexible Rubrikenstruktur in Ihre App bringen und diese auch flexibel visualisieren. Der beste, immer gut funktionierende Weg ist die sogenannte &#8222;Tab Bar&#8220;.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"957\" height=\"219\" src=\"https:\/\/blog.tchop.io\/wp-content\/uploads\/2024\/10\/image.png\" loading=\"lazy\" alt=\"\" class=\"wp-image-5139\" srcset=\"https:\/\/blog.tchop.io\/wp-content\/uploads\/2024\/10\/image.png 957w, https:\/\/blog.tchop.io\/wp-content\/uploads\/2024\/10\/image-300x69.png 300w, https:\/\/blog.tchop.io\/wp-content\/uploads\/2024\/10\/image-768x176.png 768w\" sizes=\"auto, (max-width: 957px) 100vw, 957px\" \/><\/figure>\n\n\n\n<p>Die Tab Bar in mobilen Apps ist heute das zentrale Navigationselement, das aus zwei Gr\u00fcnden wichtig ist:<\/p>\n\n\n\n<p><strong>Einfache Navigation und Zug\u00e4nglichkeit<\/strong>: Die Tab Bar befindet sich unten am Bildschirm und ist daher leicht mit dem Daumen erreichbar. Sie erm\u00f6glicht Nutzenden schnellen Zugriff auf die wichtigsten Bereiche der App, ohne komplizierte Men\u00fcs durchsuchen zu m\u00fcssen.<\/p>\n\n\n\n<p><strong>Konstante Orientierung<\/strong>: Die Tab Bar bleibt meist \u00fcber verschiedene Ansichten hinweg sichtbar und bietet so eine konstante Navigation. Das gibt der Zielgruppe Sicherheit, dass sie jederzeit leicht zu den Hauptfunktionen der App zur\u00fcckkehren k\u00f6nnen.<\/p>\n\n\n\n<p>Neben dem News Feed bietet sich daher meist eine oder auch zwei Themen- bzw- Rubrikenlisten an. Diese unterst\u00fctzen die Orientierung und erl\u00e4utern dem Nutzenden das inhaltliche Angebot der App. Diese Rubriken k\u00f6nnen, aber m\u00fcssen nicht im News Feed einlaufen. In jedem Fall sollte man verstehen: hier k\u00f6nnen Nutzende schnell mit 2 Tabs bzw. Clicks hin navigieren. Niemand will das bei jeder App Session tun, aber es ist gut, dass man wichtiges hier schnell finden kann. <\/p>\n\n\n\n<p>Ein Tab geht schnell, ein zweiter auch noch. Einen Dritten will niemand mehr regelm\u00e4\u00dfig. Einfachheit und Effizienz sind extrem wichtig.  <\/p>\n\n\n\n<p>So oder so bedienen die Angebote in der Tab Bar einen anderen &#8222;Use Case&#8220;. Im News Feed werde ich schnell informiert, abgeholt und auch inspiriert. Hier finde ich schnell Dinge, die man meist gelegentlich wissen will oder braucht.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Prio 3: der Chat<\/h2>\n\n\n\n<p>Apropos Use Cases: ein ganz anderer, von den Inhalten abgegrenzter, aber trotzdem spannender Use Case ist der Chat. Diese kann, muss man nicht nutzen. In jedem Fall bietet er eine spannende Erg\u00e4nzung, zumal er unten rechts in der Tab Bar gut aufgehoben und schnell mit einem Click erreichbar ist.<\/p>\n\n\n\n<p>Offene Chat Gruppen k\u00f6nnen oben im News Feed beworben werden (eine <a href=\"https:\/\/blog.tchop.io\/de\/die-neue-chat-promo-option-die-wichtigsten-diskussionen-immer-im-blick\/\">dynamische Funktion<\/a>, die man ein- und ausschalten kann) und durch einen sogenannten Badge sieht der Nutzende sofort, ob neue Nachrichten f\u00fcr Ihn da sind. Das ist gelernt und einfach. Und es ist eine perfekte Erg\u00e4nzung zu dem News Feed. <\/p>\n\n\n\n<p>Aber: auch f\u00fcr den Chat braucht es &#8211; genau wie f\u00fcr den News Feed &#8211; ein inhaltliches Konzept. Welche Chat Gruppen sollen angeboten werden? Zu welchen Themen? Wer k\u00fcmmert sich darum und wie kann dies aktuell eingesetzt werden?<\/p>\n\n\n\n<p>Wer den Chat nicht einsetzt, hat in der Tab Bar einen Platz gewonnen, den man f\u00fcr eine Themenliste oder einen weiteren Feed nutzen kann (siehe oben).<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Prio 4: das eigene Profil<\/h2>\n\n\n\n<p>Ganz rechts befindet das Profil des Nutzenden. Warum? Dies ist ganz einfach f\u00fcr die Mehrheit der Menschen, die Rechtsh\u00e4nder sind, der Platz in der Tab Bar, den man am schlechtesten erreicht. <\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"alignleft size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"719\" src=\"https:\/\/blog.tchop.io\/wp-content\/uploads\/2024\/10\/image-1-1024x719.png\" loading=\"lazy\" alt=\"\" class=\"wp-image-5154\" srcset=\"https:\/\/blog.tchop.io\/wp-content\/uploads\/2024\/10\/image-1-1024x719.png 1024w, https:\/\/blog.tchop.io\/wp-content\/uploads\/2024\/10\/image-1-300x211.png 300w, https:\/\/blog.tchop.io\/wp-content\/uploads\/2024\/10\/image-1-768x539.png 768w, https:\/\/blog.tchop.io\/wp-content\/uploads\/2024\/10\/image-1.png 1402w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Quelle: Designing for Large Screen Smartphones, Luke Wroblowski<br><\/figcaption><\/figure>\n<\/div>\n\n\n<p>Nutzende k\u00f6nnen hier Ihr Profil bearbeiten oder Ihre bereits geposteten Inhalte einsehen und bearbeiten. Beides nicht entscheidend in der t\u00e4glichen Nutzung. <\/p>\n\n\n\n<p>Prinzipiell gibt es auch die M\u00f6glichkeit das Profil an anderen Stellen unterzubringen. Allerdings zeigt die Erfahrung, dass es Sinn macht dies hier durchaus prominent zu platzieren. So werden Nutzende motiviert Ihr Profil zu erg\u00e4nzen und bspw. ein Foto hochzuladen. <\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Zusammenfassung<\/h2>\n\n\n\n<p>Wer \u00dcberlegungen hinsichtlich der Strukturierung und Konzeption der eigenen App anstellt, sollte ber\u00fccksichtigen wie Nutzende heute News in Apps (auch in Social Media Apps) konsumieren. Nat\u00fcrlich kann man versuchen eigene, andere Ideen zu etablieren. Doch endet dies meist mit Entt\u00e4uschung. Denn die Mehrheit der Nutzenden bevorzugt immer das was sie bereits kennt und gewohnt ist. In den letzten Jahren haben sich Standards gebildet und es macht Sinn diesen zu folgen. <\/p>\n\n\n\n<p>Der News Feed ist dabei von herausragender Bedeutung. Hier liegt das Erfolgsgeheimnis erfolgreicher Apps mit hoher Akzeptanz und einem treuen Kreis Nutzender. 90% der Aufmerksamkeit und Nutzung passieren hier. Um so wichtiger ist es hier auch &#8222;Out of the Box&#8220; zu denken, denn ein spannender News Feed besteht nicht nur aus einer Liste eigener Artikel, sondern aus einer spannenden Mischung an Formaten mit hoher Relevanz f\u00fcr die Zielgruppe.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Zu verstehen wie Nutzende heute Inhalte in Apps konsumieren ist entscheidend, um erfolgreich zu sein.<\/p>\n","protected":false},"author":11,"featured_media":4869,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[66,187,65,185,186,64],"tags":[],"coauthors":[191],"class_list":["post-5138","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-beste-praktiken","category-community","category-die-plattform","category-interne-kommunikation","category-nachrichten-medien","category-tchop-apps-de"],"_links":{"self":[{"href":"https:\/\/blog.tchop.io\/de\/wp-json\/wp\/v2\/posts\/5138","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blog.tchop.io\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.tchop.io\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.tchop.io\/de\/wp-json\/wp\/v2\/users\/11"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.tchop.io\/de\/wp-json\/wp\/v2\/comments?post=5138"}],"version-history":[{"count":3,"href":"https:\/\/blog.tchop.io\/de\/wp-json\/wp\/v2\/posts\/5138\/revisions"}],"predecessor-version":[{"id":5158,"href":"https:\/\/blog.tchop.io\/de\/wp-json\/wp\/v2\/posts\/5138\/revisions\/5158"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blog.tchop.io\/de\/wp-json\/wp\/v2\/media\/4869"}],"wp:attachment":[{"href":"https:\/\/blog.tchop.io\/de\/wp-json\/wp\/v2\/media?parent=5138"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.tchop.io\/de\/wp-json\/wp\/v2\/categories?post=5138"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.tchop.io\/de\/wp-json\/wp\/v2\/tags?post=5138"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/blog.tchop.io\/de\/wp-json\/wp\/v2\/coauthors?post=5138"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}