{"id":1811,"date":"2017-08-29T06:00:19","date_gmt":"2017-08-29T13:00:19","guid":{"rendered":"https:\/\/membermouse.com\/?p=1811"},"modified":"2026-06-16T14:05:41","modified_gmt":"2026-06-16T18:05:41","slug":"ux-best-practices-fur-den-aufbau-von-mitgliederseiten","status":"publish","type":"post","link":"https:\/\/membermouse.com\/de\/developer-tools\/ux-best-practices-for-building-membership-sites\/","title":{"rendered":"UX Best Practices f\u00fcr den Aufbau von Mitgliederseiten"},"content":{"rendered":"You have landing pages, CTAs, contact forms and all of the basic design features just like everyone else. But the difference between a membership site and a normal site is that you also have people returning on a daily or weekly basis for a very specific purpose: community.\r\n\r\nHaving a community-based site is not just about creating a static work of art. You have to create something interactive that fosters a sense of community and contribution.\r\n\r\nDesigning for a highly interactive site comes with certain challenges and requires certain solutions, especially if you\u2019re going to make the user experience rich and fulfilling for everyone involved.\r\n\r\nHere are a few of the best practices to keep in mind while diving into the design of a community-based membership site\u2026\r\n\r\n\n

Ber\u00fccksichtigen Sie Ihre Ziele<\/strong><\/h2>\r\nIn the words of Jeff Horvath, \u201cA good user experience, like a measurable ROI, doesn\u2019t typically happen by accident. It is the result of careful planning, analysis, investment and continuous improvement.\u201d\r\n\r\nPlanning for the unique needs of a community is different than planning for visitors to a blog, or shoppers to an e-commerce site. Online communities are more organic, and the value comes from natural interactions rather than content or product promotion.\r\n\r\nA community-based site will essentially have two goals in mind: to promote the community and to make it easy to contribute. Every part of your UX needs to revolve around these two things.\r\n\r\nSo what does that entail, exactly?\r\n

Benutzerverhalten ber\u00fccksichtigen<\/strong><\/h2>\r\nMenschen sind bekannterma\u00dfen unberechenbar, und es kann schwierig sein, das Verhalten der Mitglieder zu steuern. Aber zum Gl\u00fcck gibt es ein paar Dinge, die die Mitglieder ziemlich konstant tun: st\u00f6bern, suchen und beitragen.\r\n

Durchsuchen von<\/h3>\r\nKeeping members happy is about giving them a certain level of value for their membership. Your users are constantly asking, \u201cShould I stay?\u201d and \u201cHow long do I need to be here?\u201d\r\n\r\nIf you\u2019re looking to provide value for members while giving them a chance to consistently return to your site, browsing is the perfect way to do that. Your design should immediately tell members where to go and what to look at.\r\n\r\nConsider including elements such as:\r\n
    \r\n \t
  • Inhaltsvorschau mit fetten \u00dcberschriften<\/li>\r\n \t
  • Vorschaubilder<\/li>\r\n \t
  • Handlungsaufforderungen zur Unterst\u00fctzung der Nutzer beim Browsen<\/li>\r\n \t
  • \u00dcbersichtlicher Zugang zu zus\u00e4tzlichen Inhalten (Kategorien, Verzeichnisse, Archive)<\/li>\r\n \t
  • Inhalte in verschiedenen Formen (Forenbeitr\u00e4ge, Posts, Artikel, Uploads, Bilder usw.)<\/li>\r\n<\/ul>\r\n\"Mitgliedschaft\"\r\n

    Suche auf<\/h3>\r\nIf your members aren\u2019t browsing for general content, they\u2019ll be searching for specific information. At some point they will expect a functioning, helpful, and relevant search tool that doesn\u2019t put the burden on them to wade through unnecessary or irrelevant content.\r\n\r\nSearch filters should focus on content types, members, topics, content dates and user ratings to give a variety of search options for optimal user experience.\r\n

    Beitragender<\/h3>\r\nOne of the biggest advantages of a membership site is contribution. Unlike blogs where the most interaction you\u2019ll receive is a like, share or comment, community-based sites tend to provide more interactive value.\r\n\r\nGood UX options for member contribution include:\r\n
      \r\n \t
    • Gemeinschaftsforen<\/li>\r\n \t
    • Inhalte und Formulare, die das Markieren anderer Mitglieder erm\u00f6glichen<\/li>\r\n \t
    • Freigabeoptionen f\u00fcr Mitgliederfotos und -videos<\/li>\r\n \t
    • Hochladen von Inhalten, die von Mitgliedern erstellt wurden<\/li>\r\n<\/ul>\r\n\"v4-op-sc-forum\"\r\n\r\nDer Schl\u00fcssel zum Erfolg f\u00fcr jede dieser Methoden ist, dass die Mitglieder m\u00fchelos eingebunden werden k\u00f6nnen. UX-Designer sollten starke CTAs, auff\u00e4llige Schaltfl\u00e4chen und einfache Formulare einbauen, damit die Nutzer schnell und einfach Beitr\u00e4ge eingeben, \u00fcberpr\u00fcfen und ver\u00f6ffentlichen k\u00f6nnen.\r\n

      Anmelde-UX ber\u00fccksichtigen<\/strong><\/h2>\r\nAnother major difference between the UX for a regular site and a membership site is login.\r\n\r\nYour membership site will essentially have two fronts: your homepage before sign-in and your homepage after sign-in.\r\n\r\nYour after sign-in page contains different content and features \u2013 usually access to a member dashboard or other interactive options not available to visitors \u2013 but the branding and general feel of the post sign-in page should be the same.\r\n\r\nFor example, Kathryn Hocking\u2019s E-Course Launch Formula program does a great job of sticking to branding, style guides, and theme throughout her whole site, including her pre-sign-in content, her sales page, emails and even into her members area (post-sign-in pages).\r\n\r\n\"E-Kurs-Start-Formel1\"\r\n\r\nHier sind einige Dinge, die Sie in Ihre Vorab-Anmeldeseiten aufnehmen sollten:\r\n
        \r\n \t
      • Starke CTAs, die Nutzer zur Teilnahme einladen<\/li>\r\n \t
      • Wertangebote f\u00fcr Nicht-Mitglieder<\/li>\r\n \t
      • CTAs und visuelle Hinweise, die den Mitgliedern zeigen, wo sie sich anmelden k\u00f6nnen<\/li>\r\n<\/ul>\r\nEinige Dinge, die Sie in Ihre Post-Sign-in-Seiten aufnehmen sollten, k\u00f6nnten sein:\r\n
          \r\n \t
        • Eine Community-Aktivit\u00e4ten-Feed<\/li>\r\n \t
        • Personalisierte Links<\/li>\r\n \t
        • Neuester Inhalt<\/li>\r\n \t
        • CTAs zur Anmeldung f\u00fcr Veranstaltungen, zum Herunterladen von Inhalten usw.<\/li>\r\n \t
        • Benachrichtigungen \u00fcber Veranstaltungen oder Neuigkeiten der Gemeinschaft<\/li>\r\n<\/ul>\r\n\"erfolgreiches-mitgliedschaft-seiten-verzeichnisse\"\r\n\r\nObwohl jede Seite unterschiedliche Elemente enth\u00e4lt und einen anderen Zweck verfolgt, ist es am besten, f\u00fcr beide Seiten dasselbe Branding und denselben Style Guide zu verwenden, um bei den Nutzern ein Gef\u00fchl der Einheitlichkeit zu schaffen.\r\n

          Mitgliedsprofile ber\u00fccksichtigen<\/strong><\/h2>\r\nAnother more complicated aspect of member sites is the member profiles themselves. UX designers should think of these profiles like a member\u2019s online identity \u2013 they are snapshots that give each member a sense of belonging, so what you allow them to include (or not include) in their profile matters.\r\n\r\nA good profile page should include elements of an online persona \u2013 an \u201cabout me\u201d section, link to a personal website, contact information, photos, etc. \u2013 as well as featuring examples of how they\u2019ve contributed to the community.\r\n\r\n\"portal-default\"\r\n\r\nBei der Gestaltung des Profils ist Folgendes zu beachten:\r\n
            \r\n \t
          • Pers\u00f6nliche und berufliche Zugeh\u00f6rigkeit<\/li>\r\n \t
          • Bedenken hinsichtlich des Datenschutzes<\/li>\r\n \t
          • Fotos und Avatare<\/li>\r\n \t
          • Abzeichen und Auszeichnungen f\u00fcr gesellschaftliches Engagement<\/li>\r\n \t
          • Auflistung der Mitgliedschaftsstufe (falls zutreffend)<\/li>\r\n \t
          • Bearbeitungsschaltfl\u00e4chen f\u00fcr die Aktualisierung des eigenen Profils<\/li>\r\n \t
          • Nur-Ansicht-Status f\u00fcr die Anzeige des Profils eines anderen Mitglieds<\/li>\r\n \t
          • \"CTAs \"Mitgliedschaft erneuern<\/li>\r\n \t
          • Links zu Newslettern oder vorgestellten Inhalten<\/li>\r\n \t
          • Forumsthemen oder Kategorien<\/li>\r\n \t
          • Benachrichtigungen \u00fcber Ereignisse und Nachrichten<\/li>\r\n<\/ul>\r\nDas Hauptziel eines guten Mitgliederprofils ist es, seine oder ihre Pers\u00f6nlichkeit f\u00fcr andere Mitglieder zu pr\u00e4sentieren, das allgemeine Engagement zu verbessern und auch f\u00fcr das Mitglied selbst Aktualisierungen und wichtige Informationen bereitzustellen.\r\n

            Abschlie\u00dfende \u00dcberlegungen<\/strong><\/h2>\r\nDesigning for a community site is ultimately more about UX than it is about making things pretty, but both things go hand-in-hand.\r\n\r\nIt\u2019s important to have a strong design but to focus on elements that are unique to communities like having browser-friendly content, powerful search engines and areas for members to contribute.\r\n\r\nIt\u2019s also best practice to focus on creating a good UX for non-members before they sign in, as well as for members after sign-in, with a highly functional member dashboard and profile that showcases personas and allows for further engagement.\r\n\r\nIf the UX is done right, the community will grow and be of increasing value to members and non-members alike.","protected":false},"excerpt":{"rendered":"

            Mitgliedschaftsseiten sind etwas Besonderes. Hier ist, was Sie \u00fcber die Gestaltung einer gro\u00dfartigen UX f\u00fcr sie wissen m\u00fcssen...<\/p>","protected":false},"author":10821,"featured_media":3170,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"om_disable_all_campaigns":false,"_strive_editorial_status":"not-started","_strive_copy_of":0,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"_strive_checklists":"\"\"","_strive_active_checklist":"","_strive_post_notes":"","footnotes":""},"categories":[67],"tags":[65,53,91,90],"class_list":["post-1811","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-developer-tools","tag-membership","tag-membership-business","tag-user-experience","tag-ux"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/membermouse.com\/de\/wp-json\/wp\/v2\/posts\/1811","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/membermouse.com\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/membermouse.com\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/membermouse.com\/de\/wp-json\/wp\/v2\/users\/10821"}],"replies":[{"embeddable":true,"href":"https:\/\/membermouse.com\/de\/wp-json\/wp\/v2\/comments?post=1811"}],"version-history":[{"count":1,"href":"https:\/\/membermouse.com\/de\/wp-json\/wp\/v2\/posts\/1811\/revisions"}],"predecessor-version":[{"id":22150,"href":"https:\/\/membermouse.com\/de\/wp-json\/wp\/v2\/posts\/1811\/revisions\/22150"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/membermouse.com\/de\/wp-json\/wp\/v2\/media\/3170"}],"wp:attachment":[{"href":"https:\/\/membermouse.com\/de\/wp-json\/wp\/v2\/media?parent=1811"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/membermouse.com\/de\/wp-json\/wp\/v2\/categories?post=1811"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/membermouse.com\/de\/wp-json\/wp\/v2\/tags?post=1811"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}