Design For Community, 13 Jahre später

Avatar of Chris Coyier
Chris Coyier am

DigitalOcean bietet Cloud-Produkte für jede Phase Ihrer Reise. Starten Sie mit 200 $ kostenlosem Guthaben!

Ich hatte von mehreren Leuten gehört, dass Design for Community von Derek Powazek ein großartiges Buch ist und weit "seiner Zeit voraus" veröffentlicht wurde. Als jemand, der an mehreren Websites arbeitet, die ich sehr als Community-Sites betrachte, habe ich es mir besorgt und gelesen. Veröffentlicht im Jahr 2001 ist das Buch jetzt etwas über 13 Jahre alt. Antike Geschichte für ein typisches Tech-Buch. Es ist ein Tech-Buch, da es von spezifischen Websites und spezifischen Technologien spricht, und diese Dinge fühlen sich tatsächlich antik an (die Screenshots sind urkomisch). Aber als Designbuch (und irgendwie als Anthropologiebuch) ist es recht anmutig gealtert.

Da ich das Buch mit einem Textmarker in der Hand gelesen habe, dachte ich, ich teile einige Zitate daraus und überlege, wie sich die Ideen aus dem Buch all die Jahre später bewahrheitet haben.


Das Wort „Community“ ist gefährlich. Es ist die Art von Wort, die in Slogans und Quartalsberichten auftaucht, um Aktionäre ein warmes und wohliges Gefühl zu geben.

Ich habe „CSS-Tricks: A Web Design Community“ in der Vergangenheit lose verwendet (z. B. auf T-Shirts) und es fühlt sich etwas leer an. Ich tue mir keinen Gefallen, wenn ich Leute daran erinnere, dass „nur ich“ hier bin und die Seite im Wesentlichen als persönlichen Blog abtue. Sie ist über die Jahre ziemlich gewachsen und ich werde versuchen, sie weiter wachsen zu lassen. Ich glaube jedoch, ich werde aufhören, sie spezifisch als Community zu bezeichnen, und sie einfach als solche wirken lassen, wenn sie wirklich eine ist.

Wenn Sie erfolgreich sind, werden Ihre Mitglieder es von sich aus als Community bezeichnen.


Das Buch beginnt mit einigen *schlechten* Gründen, Community-Funktionen zu Ihrer Website hinzuzufügen, einschließlich eines lustigen Gesprächs mit einem CEO, der einen Live-Chatraum auf seiner Website einrichten möchte.

„Nun, wenn jemand hereinkommt und anfängt, schlecht über das Unternehmen zu reden, wollen Sie ihn doch rausschmeißen, oder?“

„Richtig!“, sagte er.

„Gut“, sagte ich. „Dann ist es beschlossen. Wir werden rund um die Uhr Moderatoren dort haben. Wer möchte die Nachtschicht?“

Und damit war das erledigt.

Völlig offene/anonyme/Live-Chats sind im Web so gut wie verschwunden. Wahrscheinlich wird es auch so bleiben. Sobald Sie so etwas einrichten, ist es absolut voller schlechtem Benehmen. Selbst hier auf CSS-Tricks war eine Live-Chat-Demo, die ich einmal gemacht habe, innerhalb von Stunden voller schrecklicher Dinge. Stellen Sie sich vor, AT&T würde einen Live-Chatraum auf seiner Homepage einrichten.

Chat gibt es immer noch, in Form von privatem, nur auf Einladung zugänglichem Chat. Zum Beispiel Echtzeit-Kundensupport wie Media Temple ihn anbietet oder Team-/Gruppen-Chats wie Google Hangouts oder Slack. Im Fall von IRC haben einige Kanäle Moderatoren. Im Fall von Chat-Apps wie Tlk.io gibt es keine großen öffentlichen Räume (es gibt kein Verzeichnis, um sie zu finden), sodass Räume eher geteilt und selbstselektierend sind.

Wenn Benutzer auf Ihrer Website posten, ist das kein Geschenk von ihnen an Sie; es ist der Beginn einer sehr realen Beziehung zwischen Ihnen und dem Benutzer.


Aber sie wurden Opfer ihres eigenen Erfolgs. Benutzer begannen so häufig Kommentare und Fragen zu posten, dass die Kommentare nur kurze Zeit auf der Homepage des Community-Bereichs verblieben. Je beliebter sie wurden, desto schneller scrollten die Beiträge weg, bevor sie Antworten erhielten.

Ein fortlaufendes Problem heute. So sehr, dass Facebook ständig experimentiert, was Leuten angezeigt werden soll, wenn sie die Seite besuchen. Es ist nicht so einfach wie das Neueste, es ist ein (vermutlich) komplexer Algorithmus. Einige Foren bieten Funktionen wie „heiße Threads“ oder senden E-Mail- Digests über geschäftige Aktivitäten. Aber die meisten von ihnen, sogar die Foren hier, listen Threads nur nach Datum auf. Definitiv kein „gelöstes“ Problem.

Ich bin immer ein Fan von manueller Kuratierung. Wenn Sie die Ressourcen haben, wählen *Sie* die besten Inhalte aus, um sie hervorzuheben.


In einer Geschichte über eine digitale Fotografie-Website, die erfolgreich Community-Foren hinzufügt

Ich bin sicher, hätte Askey von Anfang an nicht mit qualitativ hochwertigen Inhalten den Grundstein gelegt, wäre die Qualität (und auch die Quantität) der Foren nicht annähernd so hoch gewesen.

Sicherlich der Fall hier bei CSS-Tricks. Sie können nicht einfach eine brandneue Website erstellen, sie „Wood Carving Forums“ nennen und erwarten, dass Holzbildhauer in Scharen kommen. Selbst wenn Sie den Grundstein legen, ist das keine Garantie. Die einzige Garantie ist, dass die Dinge langsam beginnen werden.

Ich hatte oft (vergebliche) Träume davon, Videospiele zu recherchieren, die erst Jahre später herauskommen würden, und schöne Foren für die Website einzurichten, damit sie beim Start hochfahren und vielleicht der aktive/standardmäßige Ort zum Reden über dieses Spiel werden. Aber meine Leidenschaftslosigkeit für das genannte Spiel wäre sicher durchgeschienen. Und ohne andere Inhalte, die die Foren unterstützen, war es fast sicher ein Fehlschlag.


Asynchrone Kommunikation gibt den Teilnehmern mehr Zeit, elegante Antworten zu formulieren. … Möglicherweise möchten Sie eine Vielzahl von synchronen und asynchronen Kommunikationsmethoden für verschiedene Aufgaben einsetzen.

Im Wesentlichen

Posten = Asynchron = Langsamer = Nachdenklicher
Chat = Synchron = Schneller = Spontaner

Beide haben ihre Stärken und müssen nicht gegenseitig ausschließen. Zum Beispiel unterstützt CodePen Kommentar-Threads zu allen Pens und Posts. Das ist asynchron und man sieht dort manchmal im Grunde Mini-Posts mit Codebeispielen und langen Erklärungen (obwohl ich zugeben muss, dass sie aus irgendeinem Grund zu sehr kurzen Kommentaren neigen.) Aber im Professor-Modus und im Kollaborationsmodus bieten wir den Teilnehmern diesen Live-Chat an. Nachrichten kommen in Echtzeit ohne Seitenaktualisierung an und werden visuell hervorgehoben.

Facebook sieht offensichtlich den Wert in beidem und bietet sowohl Posts/Fotos an, die langsamer und überlegter sind, als auch Messenger, was ein Live-Chat ist.

Manchmal verschwimmt die Grenze, wie bei GitHub-Issues, wo Issues im Grunde Kommentar-Threads sind, aber neue in Echtzeit eingehen.


… der Ton des Inhalts, den Sie Ihren Benutzern geben, wird tausendfach in den Antworten, die er generiert, wiedergegeben und verstärkt.

Keine Frage. Veröffentlichen Sie einen enthusiastischen Beitrag, erhalten Sie enthusiastische Antworten. Aber mehr als der Ton eines einzelnen Beitrags kommt der Ton von den Texten überall auf der Website. Von Mikrotexten bis zu Dokumentationen. Von Überschriften bis zu E-Mails.

Mailchimp weiß das gut.

Persönlich sehe ich es auf der molekularsten Ebene geschehen. Wenn ich etwas mit einem mürrischen Ton in einem Kommentar-Thread poste, bekomme ich mürrische Antworten. Immer mehr sehe ich, dass sich Positivität ein wenig ausbreitet, Negativität/Wut sich stark ausbreitet und Positivität oft eine negative Dominowirkung stoppen kann.


Wenn die Community ständig daran erinnert wird, dass die Leiter alle echte Menschen sind, wird jeder viel freundlicher bleiben.

Ich glaube fest daran. Ich schreibe gerne, als ob ich nur ein Typ wäre, der mit Ihnen spricht. So denke ich; so fühle ich. Das erzeugt Ton. Dieser Ton ist ungezwungen. Das wird in den Communities verstärkt.


Es ist unerlässlich, dass Sie sich daran erinnern, dass alles, was Sie tippen, als Beispiel dafür dient, was im Forum zulässig ist.

Niemand steht über dem Gesetz! Besonders der König!

Und alles, was ein Benutzer postet, dient ebenfalls als Beispiel. Mindestens müssen Sie Threads moderieren und idealerweise auch Benutzern Moderationstools zur Verfügung stellen. Kommentar-Threads können unglaublich schlimm werden, so schlimm, wie es nur geht schlimm sein kann. Ich denke auch an die verrückten Threads, die wir heutzutage auf Reddit / Hacker News / YouTube sehen. Voller persönlicher Angriffe, Rassismus usw. Je länger es so ist, desto mehr scheint es anderen „OK“ zu sein.


Finden Sie die proaktiven, positiven Mitglieder und binden Sie sie in die Produktion Ihrer Inhalte ein.

Ich versuche ständig, das zu tun und wünschte, ich wäre besser darin. Könnte leicht ein Vollzeitjob sein.


Apropos Vollzeitjob, aus einem Interview im Buch mit Matt Haughey

Unterschätzen Sie nicht den erforderlichen Einsatz. Richtig gemacht, wird eine Community-Website viel von Ihrer Zeit in Anspruch nehmen, und die Belohnungen, in welcher Form auch immer Sie sie als Ziele festlegen, kommen vielleicht erst nach sehr langer Zeit.

Jahre, mindestens, nach meiner Erfahrung.

… wählen Sie etwas, das Sie begeistert, widmen Sie die nötige Zeit dem Aufbau einer Website darum, und bleiben Sie dabei, solange es dauert.


… Songwriting und Webdesign sind im Grunde dasselbe. Jedes von ihnen beinhaltet das Setzen eines Taktes und dann das Improvisieren darum.

Nette Geste. Ich mag zugegebenermaßen Musikanalogien. Ich mag die Idee, dass egal wie viel Plan Sie haben, das eigentliche Design beginnt, nachdem Sie mit dem Bau begonnen haben und sogar nachdem Sie gestartet sind.


… binden Sie Ihre Community-Funktionen so weit wie möglich an Ihre Inhalte, visuell und architektonisch.

Kommentar-Threads speziell für Inhaltsteile zu haben, die sich an einer ganz anderen Stelle auf der Website befinden, ist einfach seltsam und nichts, was wir heutzutage gewohnt sind zu sehen. Vielleicht sind diese Zeiten zu Recht vorbei.

Wenn ich eine Website lese, die ein schönes Design hat, und dann zu einem billigen Bereich für die Diskussionswerkzeuge verlinke, fühlt es sich an, als wäre ich zum Kindertisch geschickt worden.

Ich weiß, dass ich Diskussionen über Inhalte so nah wie möglich am Inhalt mag. Selbst Dinge wie Disqus (obwohl ich Disqus im Allgemeinen mag) fühlen sich manchmal etwas mehr von den Inhalten getrennt an, als ich es mir wünschen würde (mit dem oft anderen Look & Feel als der obige Inhalt). Ich frage mich, ob die Medium-Technik, einen bestimmten Absatz zu kommentieren, Anklang finden wird. Bin mir noch nicht sicher, wie ich dazu stehe. Clever, aber ablenkend? Zu nah?


… das erste, womit der Benutzer begrüßt wird, sind die Antworten anderer Leute auf die Frage.

Das ist größtenteils zum Standard geworden. Post > Kommentare > Kommentarformular. Sie müssen zumindest an einigen Kommentaren vorbeiscrollen (die hoffentlich den richtigen Ton angeben), bevor Sie selbst die Möglichkeit haben, zu kommentieren. Vielleicht ist das das Seltsame an Disqus. Obwohl sie das Kommentarformular wirklich minimieren, bis Sie hineinklicken, was gut ist.

Später spricht Derek vom „Verstecken des Post-Buttons“, was er als kontraintuitiv zugibt, aber zu höherwertigen Inhalten führt. Ich habe immer noch Angst, das zu tun. Ich habe das Gefühl, ich würde ständig wegen schlechter UX kritisiert werden.


… ärgern Sie sich nicht, wenn Ihre Benutzer etwas völlig Unvorhersehbares tun. Sie tun Ihnen einen Gefallen – sie lehren Sie etwas über Ihre Website.

So wertvoll. Solange es positiv ist, passen Sie sich an, zwingen Sie es nicht in eine andere Richtung. Dieses Erzwingen wird nicht gut ausgehen.

… wenn Ihre Benutzer das Gefühl haben, manipuliert zu werden, werden sie Sie dafür verachten.

Kein Witz.


Regeln sind alle gut und schön, aber wenn sie dem Benutzer nicht klar kommuniziert werden, könnten sie genauso gut nicht existieren.

Nicht einmal, dass die Regeln überhaupt existieren und irgendwo gepostet werden, sondern dass sie den Benutzern direkt vor Augen sind, wenn sie wichtig sind. Dereks Nachricht auf seiner Website ist ein Klassiker, den ich im Laufe der Jahre auf verschiedene Weise variiert habe und den ich immer noch von anderen variiert sehe

Dies ist meine persönliche Website. Es ist wie mein Wohnzimmer. Ich hoffe, Sie kommen herein, nehmen Sie Platz und sind cool. Wenn Sie das nicht sind und etwas Off-Topic, Gemeines oder einfach nur Dummes posten, werde ich es löschen und Sie rausschmeißen. **Ich behalte mir das Recht vor, jeden Beitrag aus beliebigem Grund zu löschen.** Ich behalte mir auch das Recht vor, zu glauben, dass Menschen im Grunde gut sind, trotz überwältigender Beweise für das Gegenteil.

Es ist wie ein Kompliment-Sandwich in Absatzform: positiv beginnen, das Negative klar erwähnen, positiv enden.

Er weist auch auf einige lustige Mikrotexte von einer anderen Website hin

Wenn Sie sich wie ein Idiot benehmen, haben wir das Recht, Ihr Konto zu deaktivieren und Kaugummi in Ihre Haare zu stecken.

Wir versuchen auf CodePen, die direkte Sprache inmitten von juristischem Kauderwelsch zu sprechen. Und es war nicht unsere Idee. Es ist ein Trend, den ich gerne öfter sehen würde.


Leider sind meiner Erfahrung nach die Leute, die sehr gut darin sind, Websites zu gestalten, normalerweise nicht dieselben Leute, die gut darin sind, sie zu hosten und zu moderieren.

Ich hoffe, das trifft im sehr persönlichen Fall von mir nicht zu, aber ich verstehe den Punkt. Ich sehe oft, wie kleine Unternehmen Community-Leute unter ihren ersten Mitarbeitern einstellen und große Unternehmen ganze dedizierte Teams haben. „Social Media Person“ war sicherlich noch kein Beruf, als Derek dieses Buch schrieb.


… wann immer ich etwas Offizielles postete, wurde es mit „MODERATOR“ eingeleitet und die Farbe leicht geändert, damit die Community wusste, dass es offiziell ist.

Heute wendet WordPress eine Klassenbezeichnung auf die Kommentare an, je nachdem, ob es sich um einen Website-Administrator, den Autor des Beitrags oder etwas anderes handelt, was zu diesem Zweck als Styling-Hook dient. Ich bin sicher, die meisten Kommentarsysteme haben eine Variante davon. Die Idee hat sich definitiv durchgesetzt.


Während es wichtig sein mag, den Benutzern alles zu geben, was sie wollen, wenn Sie versuchen, ihnen ein Widget zu verkaufen, sind in einem Community-Umfeld Eintrittsbarrieren ein notwendiger Bestandteil für die Schaffung eines erfolgreichen Community-Raums.

Ich denke an große Websites, die für Kommentar-Threads zu Facebook wechseln. Dort ist es schwieriger, anonym zu sein (obwohl nicht unmöglich), aber ich vermute auch, dass viele Leute einfach bei Facebook eingeloggt sind, sodass es extra ärgerlich ist, zu Ihrem „anonymen“ Konto zu wechseln. Es ist jedoch keine perfekte Lösung, da ich gehört habe, dass YouTube nach der erzwungenen Google Plus-Integration auf YouTube schlechtere Kommentare hatte, als Sie dazu gezwungen wurden, über Google Plus zu kommentieren.

Ich denke, es ist ziemlich offensichtlich, dass, je größer die Eintrittsbarriere ist, desto hochwertiger sind die Inhalte, die Sie erhalten. Zum Beispiel müssen Sie bis heute zu Dribbble eingeladen werden. Sicherlich hat die Tatsache, dass es keine offene Anmeldung gab, über die Jahre zu höherwertiger Arbeit dort geführt. Aber auch weniger davon.

Stellen Sie sich eine Website vor, bei der Sie sich bewerben und genehmigt werden müssen, bevor Sie dort kommentieren können. Diese Website würde Glück haben, ein paar gute Bewerber zu bekommen, wette ich (im Allgemeinen). Die Idee, was Benutzer posten können, einzuschränken, ist meiner Meinung nach für Unternehmen beängstigend. Weniger Aktivität ist beängstigend (niemand interessiert sich für uns! Es sieht hier tot aus!), obwohl mehr Aktivität wahrscheinlich das ist, wovor Sie Angst haben sollten (Moderation und Community-Aufbau sind harte Arbeit).


Wenn Sie versuchen, langfristige Gespräche über die Zeit zu fördern, ist die Anforderung von Konten der richtige Weg.

Wenn Sie andererseits in erster Linie eine einmalige Verbindung fördern möchten, dann ist die Anforderung von Konten eine unnötige Belastung für den Benutzer, und Sie werden letztendlich zu viele Leute abschrecken, um es zu rechtfertigen.

Allein auf dieser Website gibt es mindestens vier Arten von Eintrittsbarrieren

  1. Inhalt – Leute werden niemals hierher kommen, wenn diese Art von Inhalt nicht von Interesse ist und sie ihn nicht suchen. (gut, das ist eine Website von Web-Nerds für Web-Nerds)
  2. Blog-Kommentare – Registrierung ist nicht erforderlich, aber das Hinterlassen eines Namens und einer E-Mail-Adresse ist. (schnell, jeder kann es tun)
  3. Foren – Registrierung ist erforderlich. (erleichtert das Zurückkommen und Teil von fortlaufenden Diskussionen sein)
  4. The Lodge – Kommentar-Threads zu diesen Videos erfordern ein **kostenpflichtiges** Konto. (weniger Konversation, leichter zu verwalten, gut für das Geschäft)

Die Eintrittsbarrieren können pro Aktivität festgelegt werden. Schreiben *oder* Lesen.


E-Mail verbindet Menschen auf eine unmittelbare, persönliche Weise. Es ist also nicht überraschend, dass einige der wirkungsvollsten Community-Erlebnisse in Ihrem Posteingang zu finden sind.

In diesem Kapitel sprach Derek viel über E-Mail-gestützte Communities. Mailinglisten / Newsgroups-ähnliche Dinge. Nichts Öffentliches im Web, was dieser Art der Kommunikation eine „Vergänglichkeit“ verleiht. Das sehe ich nicht mehr viel. Vielleicht eine leichte Wiederbelebung von E-Mail-Newslettern, aber das ist eher einseitig.

Ich denke auch an Dinge wie die W3C-Mailinglisten, die per E-Mail stattfinden, aber im Web archiviert werden. Für mich fühlt es sich archaisch und ausschließend an (machen das Leute immer noch?!).

E-Mail lebt und ist gut, und wahrscheinlich ungefähr gleich wie vor 13 Jahren, wenn nicht sogar noch stärker darauf angewiesen. Ihre Verbindung zu Communities ist eher auf Benachrichtigungen beschränkt. Ich gehe zum Beispiel nicht jeden Tag auf Vimeo, aber dank E-Mail-Benachrichtigungen über neue Kommentare kann ich mich dort immer noch verbunden fühlen.


Alle diese Zitate stammen aus den ersten 2/3 des Buches.

Ich lese es immer noch. Ich genieße es wirklich. Das letzte Kapitel heißt „Killing Your Community“ und Sie wissen einfach, dass das saftige Relevanz für die heutige Welt hat.

Dereks aktuelles Projekt ist Exposure, das ich genutzt habe und sehr mag. Es ist community-ähnlich, da man um die Foto-Geschichten anderer nicht-anonymer Personen stöbern kann, aber die Interaktion mit ihnen ist sehr begrenzt. Ich frage mich, was sie für die Community auf der Website geplant haben oder ob weniger mehr ist. Welche Lehren aus der Vergangenheit treiben hier die Entscheidungen? Interessant zu bedenken.


Ethan Marcotte hat gerade über einen alten Artikel mit ähnlichem Wert geschrieben. Gibt es „alte“ Tech-Bücher oder Artikel, die Sie immer noch schätzen?