Best Practices f\u00fcr das Website-Design sind die Leitprinzipien, die Sie verwenden k\u00f6nnen, um die Interaktionen der Besucher mit Ihrer Website zu gestalten. <\/p>\n\n\n\n
Ihre Website ist eines der wirkungsvollsten Instrumente, \u00fcber die Ihre gemeinn\u00fctzige Organisation verf\u00fcgt. Nutzen Sie sie nicht nur, um zu informieren, sondern auch, um zum Handeln anzuregen. Egal, ob Sie zu Spenden auffordern, Unterst\u00fctzung in der Gemeinde aufbauen oder Dienstleistungen anbieten, Ihre Website muss sich f\u00fcr Ihre Mission einsetzen.<\/p>\n\n\n\n
Aber es reicht nicht aus, einfach nur eine Website zu haben, sie muss auch gut gestaltet sein. Das bedeutet, dass bew\u00e4hrte Webdesign-Verfahren angewandt werden m\u00fcssen, um eine \u00fcbersichtliche, leicht zug\u00e4ngliche und auf Konversion ausgerichtete Website zu erstellen. Eine gro\u00dfartige gemeinn\u00fctzige Website sollte einfach zu navigieren sein, Emotionen wecken und sich an den tats\u00e4chlichen Bed\u00fcrfnissen der Nutzer orientieren.<\/p>\n\n\n\n
In diesem Leitfaden erl\u00e4utern wir die wichtigsten Webdesign-Prinzipien, die auf Wohlt\u00e4tigkeitsorganisationen und gemeinn\u00fctzige Einrichtungen zugeschnitten sind - vom Verst\u00e4ndnis Ihrer Zielgruppe und der Festlegung klarer Ziele bis hin zur Verbesserung der Zug\u00e4nglichkeit und der Leistungs\u00fcberwachung. Ganz gleich, ob Sie eine neue Website erstellen oder eine bestehende Website verbessern, diese Best Practices werden Ihnen helfen, Besucher in Unterst\u00fctzer zu verwandeln und die Wirkung Ihrer Organisation zu maximieren.
<\/p>\n\n\n\n
Jede effektive Website beginnt mit einem klaren Verst\u00e4ndnis der Zielgruppe. Wenn Sie nicht wissen, f\u00fcr wen Sie eine Website gestalten, ist es leicht, eine Website zu erstellen, die niemanden anspricht.<\/p>\n\n\n\n
Zu den Zielgruppen gemeinn\u00fctziger Organisationen k\u00f6nnen Spender, Freiwillige, Beg\u00fcnstigte oder Partner geh\u00f6ren - oft alle auf einmal. Nehmen Sie sich Zeit, um herauszufinden, wer Ihre Website besucht, warum sie kommen, was sie brauchen und welche Seiten die verschiedenen Gruppen ansteuern. Tools wie Personas, Nutzerinterviews oder Website-Analysen k\u00f6nnen Klarheit schaffen.<\/p>\n\n\n\n
Indem Sie Ihre Inhalte, Ihr Design und Ihre Navigation auf jede Gruppe zuschneiden, stellen Sie sicher, dass die Menschen sich in Ihrer Botschaft wiedererkennen - und eher bereit sind, sinnvolle Ma\u00dfnahmen zu ergreifen.<\/p>\n\n\n\n
Tipp: Priorisieren Sie die wichtigsten Inhalte f\u00fcr jede Zielgruppe.<\/em><\/p>\n\n\n\n Sobald Sie wissen, wer Ihre Zielgruppe ist, sollten Sie das Design Ihrer Website auf Ihre Kernziele abstimmen. F\u00fcr die meisten gemeinn\u00fctzigen Organisationen geh\u00f6ren dazu Ma\u00dfnahmen wie:<\/p>\n\n\n\n Mit klaren Zielen kann jede Entscheidung \u00fcber Design und Inhalt auf ein bestimmtes Ergebnis ausgerichtet werden. Wenn Sie Ihre Ziele kennen, k\u00f6nnen Sie den Erfolg anhand von messbaren KPIs (z. B. Formularanmeldungen, Schaltfl\u00e4chenklicks oder Absprungraten) besser verfolgen.<\/p>\n\n\n\n Tipp: Definieren Sie 2-3 wichtige Konversionsziele und gestalten Sie Seiten, die diese unterst\u00fctzen.<\/em><\/p>\n\n\n\n Ihre Website ist oft der erste Eindruck, den Menschen von Ihrer Organisation haben - und Sie haben nur wenige Sekunden Zeit, um ihn zu pr\u00e4gen. Untersuchungen haben ergeben, dass Nutzer in nur 50 Millisekunden ein Urteil \u00fcber Websites f\u00e4llen.<\/a> Aus diesem Grund ist die Heldenrubrik Ihrer Website wirklich der \"Held\" und kann Sie vor verpassten Gelegenheiten bewahren, einen neuen Unterst\u00fctzer zu gewinnen.<\/p>\n\n\n\n Der Hero-Bereich einer Website sollte der auff\u00e4lligste und aufmerksamkeitsst\u00e4rkste Bereich auf einer Seite sein. Er muss die Aufmerksamkeit des Besuchers auf sich ziehen, die Kernbotschaft der Website vermitteln und ihn zu einer gew\u00fcnschten Aktion f\u00fchren.<\/p>\n\n\n\n Halten Sie die Besucher bei der Stange: <\/p>\n\n\n\n Tipp: Vermeiden Sie Fachjargon und sprechen Sie in der Sprache, die Ihr Publikum verwendet.<\/em><\/p>\n\n\n\n Das Nutzererlebnis auf Ihrer Website wirkt sich direkt auf die Konversionen aus, die auf der Website stattfinden. Nutzer entscheiden auf der Grundlage ihres \"Bauchgef\u00fchls\", das von ihrem Eindruck von Inhalt und Design einer Website bestimmt wird, ob sie bleiben oder gehen. Dies wird weitgehend von den Erwartungen bestimmt, die sie aufgrund fr\u00fcherer Erfahrungen mit \u00e4hnlichen Websites aufgebaut haben.<\/p>\n\n\n\n Sorgen Sie f\u00fcr eine angenehme Nutzung mit einem einfachen und einheitlichen Design, das vom ersten Klick an intuitiv zu bedienen ist. F\u00fchren Sie die Besucher mit klaren CTAs durch Ihre Website, die ins Auge fallen und den Besuchern zeigen, wohin sie als n\u00e4chstes gehen sollen. <\/p>\n\n\n\n Tipp: Richten Sie benutzerdefinierte Ziele ein (z. B. Formular\u00fcbertragungen oder Spendenklicks), um den Erfolg zu messen.<\/em><\/p>\n\n\n\n Bew\u00e4hrte Praktiken f\u00fcr Barrierefreiheit sind einfach gute Praktiken f\u00fcr das Webdesign. Indem Sie Ihre Website barrierefrei gestalten, machen Sie sie auch f\u00fcr alle nutzbar. <\/p>\n\n\n\n Der Bordsteinkanteneffekt zeigt, wie Designentscheidungen, die f\u00fcr Menschen mit Behinderungen getroffen werden, oft die Situation f\u00fcr alle Nutzer verbessern. In diesem ber\u00fchmten Beispiel wird beschrieben, wie die Bordsteinkanten auf Gehwegen so abgesenkt wurden, dass sie mit der Stra\u00dfe verschmelzen, damit Rollstuhlfahrer problemlos vom Gehweg auf die Stra\u00dfe wechseln k\u00f6nnen. Aber auch f\u00fcr Menschen au\u00dferhalb dieser Gruppe, wie z. B. Menschen mit Kinderwagen, \u00e4ltere Menschen, Radfahrer oder Menschen, die einen Koffer schleppen, hat diese Designentscheidung die Erfahrung verbessert.\u00a0<\/p>\n\n\n\n Einfache M\u00f6glichkeiten zur Verbesserung der Zug\u00e4nglichkeit:<\/p>\n\n\n\n Tipp: Befolgen Sie die WCAG 2.1 AA-Standards<\/em><\/p>\n\n\n\n Die Gestaltung einer gro\u00dfartigen Website ist nie eine einmalige Angelegenheit. Die besten gemeinn\u00fctzigen Websites entwickeln sich auf der Grundlage von Erkenntnissen, Nutzerverhalten und strategischen Zielen weiter.<\/p>\n\n\n\n2. Klare Ziele setzen<\/strong><\/h2>\n\n\n\n
\n
<\/li>\n\n\n\n
<\/li>\n\n\n\n
<\/li>\n\n\n\n3. Vermitteln Sie Ihre Botschaft<\/strong><\/h2>\n\n\n\n
\n
4. Optimieren Sie f\u00fcr wichtige Konversionen<\/strong><\/h2>\n\n\n\n
\n
<\/li>\n\n\n\n
<\/li>\n\n\n\n
<\/li>\n\n\n\n5. F\u00fcr alle zug\u00e4nglich machen<\/strong><\/h2>\n\n\n\n
\n
<\/li>\n\n\n\n
<\/li>\n\n\n\n6. Verfolgen, Lernen und Verbessern<\/strong><\/h2>\n\n\n\n