78
DONATION USABILITY 58 Design Guidelines for Improving the Donation Process and the Usability of Essential Information on Charity and Non-Profit Websites

DONATION USABILITY 58 Design Guidelines for Improving the Donation Process and the Usability of Essential Information on Charity and Non- Profit Websites

Embed Size (px)

Citation preview

Page 1: DONATION USABILITY 58 Design Guidelines for Improving the Donation Process and the Usability of Essential Information on Charity and Non- Profit Websites

DONATION USABILITY58 Design Guidelines for Improving the Donation Process and the Usability of Essential Information on Charity and Non-Profit Websites

Page 2: DONATION USABILITY 58 Design Guidelines for Improving the Donation Process and the Usability of Essential Information on Charity and Non- Profit Websites

TESTAUFBAU

© 2009 //SEIBERT/MEDIA GMBH

Es wurden 23 non-profit Websites hinsichtlich des Nutzerverhaltens getestet. Diese 23 Websites decken ein breites Spektrum von Spendenkategorien ab: › Tierschutz und Gemeinwohl › Krankheiten › Umweltschutz › Lebensmittel-Spenden › Menschenrechte › Internationale Entwicklung › Museen › Religion › Wildtierschutz › Jugendentwicklung › Weiterbildungsprogramme für Jugendliche

Die meisten der Websites waren die von großen, nationalen non-profit Organisationen. Dennoch wurden auch Websites kleinerer, lokaler Organisationen betrachtet.

Page 3: DONATION USABILITY 58 Design Guidelines for Improving the Donation Process and the Usability of Essential Information on Charity and Non- Profit Websites

AUFGABENSTELLUNG

› Eine Organisation wählen: Den Teilnehmer wurden innerhalb einer vorgegebenen Kategorie zwei Organisationen - beide mit ählichen Spendenzwecken - vorgegeben, unter denen sie entscheiden mussten, welche der Organisation eine Spende verdient hätte

› Eine Spende abgeben: Die Teilnehmer mussten bei der gewählten Organisation eine Spende mit ihrer eigenen Kreditkarte abgeben (die Aufwände wurden nach dem Test zurückgezahlt).

› Jeder Teilnehmer erledigte die beiden Aufgaben zwei Mal mit je einem unterschiedlichen Set von Websites.

© 2009 //SEIBERT/MEDIA GMBH

Page 4: DONATION USABILITY 58 Design Guidelines for Improving the Donation Process and the Usability of Essential Information on Charity and Non- Profit Websites

TEILNEHMER

› An dem Nutzertest beteiligten sich 12 Personen.› Bei den Teilnehmern handelte es sich hinsichtlich Alter,

Geschlecht, Interneterfahrung und Beruf um ein breites Feld.› Es wurden Teilnehmer im Alter von 20-60 Jahren gewählt› An dem Test nahmen 7 Männern und 5 Frauen teil. › Es gab Teilnehmer mit wenig Internet-Erfahrung (1-2 Jahre) und

Teilnehmer mit hoher Internet-Erfarhrung (3+ Jahre). › Bei den Berufen ging die Spanne von Juristen, Bankangestellten

über Führungsangestellten zu Mikrobiologen, Kellnern und Polizisten, Selbstständige und Lehrer.

› Es wurden Teilnehmer ausgewählt, die mindestens eine Spende bei einer non-profit Organisation während des laufenden Jahres abgegeben haben.

© 2009 //SEIBERT/MEDIA GMBH

Page 5: DONATION USABILITY 58 Design Guidelines for Improving the Donation Process and the Usability of Essential Information on Charity and Non- Profit Websites

© 2009 //SEIBERT/MEDIA GMBH

ZAHLEN UND FAKTEN

› 2008 warben die Non-Profit-Organisations etwa 10% ihrer Spenden online ein› Von 2004 – 2008 lag die durchschnittliche Wachstumsrate von Online-Spenden bei 33% pro Jahr.› Die Anzahl der offline spenden sanken jährlich um 1%.› Der durchschnittliche Wert einer Online Spende lag bei 237 $, der einer Offline-Spende bei 86$.› Die Zahl der wiederkehrenden Spenden sind online geringer als offline.

Page 6: DONATION USABILITY 58 Design Guidelines for Improving the Donation Process and the Usability of Essential Information on Charity and Non- Profit Websites

WAS WILL DER NUTZER WISSEN?

© 2009 //SEIBERT/MEDIA GMBH

Art der Information Anteil der Nutzer, die diese Information möchte in %

Mission, Ziele und Tätigkeiten

83%

Verwendung der Spenden

67%

Zuverlässigkeit und Reputation

42%

Präsenz vor Ort 33%

Was wollten die Test-Teilnehmer wissen, bevor sie sich sicher waren,eine Spende abzugeben.

Page 7: DONATION USABILITY 58 Design Guidelines for Improving the Donation Process and the Usability of Essential Information on Charity and Non- Profit Websites

DIE ÜBERZEUGENDSTEN INFORMATIONEN

© 2009 //SEIBERT/MEDIA GMBH

Art der Information Anteil an Kommentaren, die sich auf diese Information bezog.

Mission, Ziele und Tätigkeit

54%

Präsenz vor Ort 15%

Partner, Sponsoren und Befürworter

15%

Nutzung der Spenden 8%

Fallstudien & Rezensionen

8%

Welche Information überzeugte die Test-Teilnehmer, eine Organisation einer anderen vorzuziehen?

Page 8: DONATION USABILITY 58 Design Guidelines for Improving the Donation Process and the Usability of Essential Information on Charity and Non- Profit Websites

DIE SCHWERWIEGENDSTEN PROBLEME

© 2009 //SEIBERT/MEDIA GMBH

Problem Anzahl der Kommentare, die sich auf Probleme bezogen in %

Fehlende oder unklare Information zu Mission, Ziele und Tätigkeit

17%

Fehlende Möglichkeit, schnell in den Spendenprozess einzusteigen

17%

Fehlende oder unklare Informationen zur Verwendung der Spenden

13%

Überladene oder unstrukturierte Startseite oder Website

13%

Abrechnung über Dritte 10%

Schwer lesbarer Text 10%

Verwirrende Sätze 7%

Keinen Bezug bei Nachrichten oder Events

7%

Unbekanntes oder unerwartetes Verhalten der Site

7%

Page 9: DONATION USABILITY 58 Design Guidelines for Improving the Donation Process and the Usability of Essential Information on Charity and Non- Profit Websites

© 2009 //SEIBERT/MEDIA GMBH

STARTSEITE

› Die Startseite sollte dazu genutzt werden, um die beiden potenziellen Hauptfragen zu beantworten: Was tut die Organisation und wie werden die Spenden genutzt.

› Auf der Startseite erklären, warum jemand Interesse haben sollte zu spenden und hierfür einen Link anbieten.

› Wichtige Neuigkeiten und Events zur Organisation sollten auf der Startseite hervorgehoben werden.

› Auszeichnungen und Bewertungen von Zertifizierungsorganisationen sollten auf der Startseite erwähnt werden.

› Möglichkeiten anbieten, um die Websites lokaler Ortsverbände von der Startseite aus zu erreichen (Suchfunktion, Links, etc.).

Page 10: DONATION USABILITY 58 Design Guidelines for Improving the Donation Process and the Usability of Essential Information on Charity and Non- Profit Websites

Die Startseite sollte dazu genutzt werden, um die beiden potenziellen Hauptfragen zu beantworten: Was tut die Organisation und wie werden die Spenden genutzt.

› Gerade einmal 10 der 23 getesteten Sites boten die Information, was die Organisation tut.

› Nur 1 Site bot die Information, was mit den Spenden passiert.› Bietet man diese Information nicht auf der Startseite, muss der

Nutzer lange danach suchen.› Viele Nutzer sind zu ungeduldig um nach diesen Informationen zu

suchen oder werden verärgert, wenn Sie lange suchen müssen.

© 2009 //SEIBERT/MEDIA GMBH

Page 11: DONATION USABILITY 58 Design Guidelines for Improving the Donation Process and the Usability of Essential Information on Charity and Non- Profit Websites

Die Startseite sollte dazu genutzt werden, um die beiden potenziellen Hauptfragen zu beantworten: Was tut die Organisation und wie werden die Spenden genutzt.

© 2009 //SEIBERT/MEDIA GMBH

„I´d like to know a little bit about this site. Who´s behind it? Where does the money go? I can´t really tell from the homepage.“

Page 12: DONATION USABILITY 58 Design Guidelines for Improving the Donation Process and the Usability of Essential Information on Charity and Non- Profit Websites

Die Startseite sollte dazu genutzt werden, um die beiden potenziellen Hauptfragen zu beantworten: Was tut die Organisation und wie werden die Spenden genutzt.

© 2009 //SEIBERT/MEDIA GMBH

„It just has some current events on it [the homepage] that don´t seem related to figuring out what these guys do...I´m having a hard time firguring out what it is they are trying to do.“

Page 13: DONATION USABILITY 58 Design Guidelines for Improving the Donation Process and the Usability of Essential Information on Charity and Non- Profit Websites

Die Startseite sollte dazu genutzt werden, um die beiden potenziellen Hauptfragen zu beantworten: Was tut die Organisation und wie werden die Spenden genutzt.

© 2009 //SEIBERT/MEDIA GMBH

It´s not an overwhelming first page. No bright, flashy colors. But there it is, right at the top – Our Mission. The length or history is right on the homepage – 30 years. And you can see who they are affiliated

with on the bottom

Page 14: DONATION USABILITY 58 Design Guidelines for Improving the Donation Process and the Usability of Essential Information on Charity and Non- Profit Websites

Die Startseite sollte dazu genutzt werden, um die beiden potenziellen Hauptfragen zu beantworten: Was tut die Organisation und wie werden die Spenden genutzt.

© 2009 //SEIBERT/MEDIA GMBH

Page 15: DONATION USABILITY 58 Design Guidelines for Improving the Donation Process and the Usability of Essential Information on Charity and Non- Profit Websites

© 2009 //SEIBERT/MEDIA GMBH

Die Startseite sollte dazu genutzt werden, um die beiden potenziellen Hauptfragen zu beantworten: Was tut die Organisation und wie werden die Spenden genutzt.

„They give 89 cents of every dollar to the program. I like when they are right up front about it.“

Page 16: DONATION USABILITY 58 Design Guidelines for Improving the Donation Process and the Usability of Essential Information on Charity and Non- Profit Websites

Auf der Startseite erklären, warum jemand Interesse haben sollte zu spenden und hierfür einen Link anbieten.

› Wenn ein Nutzer der Organisation etwas spenden möchte, sollte ihm direkt von der Startseite aus die Gelegenheit geboten werden

› Gerade einmal 14 der 23 getesteten Sites boten einen Link an, um direkt von der Startseite aus in den Spendenprozess zu gelangen.

› Keine dieser Sites erklärte dem User, warum er spenden sollte – obwohl dies eine allgemeine Frage ist.

© 2009 //SEIBERT/MEDIA GMBH

Page 17: DONATION USABILITY 58 Design Guidelines for Improving the Donation Process and the Usability of Essential Information on Charity and Non- Profit Websites

› Link wird gut sichtbar angeboten

› Keine Information dazu, warum man spenden sollte oder wie die Spenden genutzt werden

© 2009 //SEIBERT/MEDIA GMBH

Auf der Startseite erklären, warum jemand Interesse haben sollte zu spenden und hierfür einen Link anbieten.

Page 18: DONATION USABILITY 58 Design Guidelines for Improving the Donation Process and the Usability of Essential Information on Charity and Non- Profit Websites

› Deutlich sichtbarer Spenden-Button

› Keine Informationen, warum man spenden sollte.

› Verwendung der Spendengelder wird erst auf der nächsten Seite angezeigt.

© 2009 //SEIBERT/MEDIA GMBH

Auf der Startseite erklären, warum jemand Interesse haben sollte zu spenden und hierfür einen Link anbieten.

Page 19: DONATION USABILITY 58 Design Guidelines for Improving the Donation Process and the Usability of Essential Information on Charity and Non- Profit Websites

› Spenden-Button auf der Startseite

› Leicht zu übersehen, weil mit einem Bild zusammengefasst.

› Keine Information darüber, warum man spenden sollte und wie die Spende genutzt wird.

© 2009 //SEIBERT/MEDIA GMBH

Auf der Startseite erklären, warum jemand Interesse haben sollte zu spenden und hierfür einen Link anbieten.

Page 20: DONATION USABILITY 58 Design Guidelines for Improving the Donation Process and the Usability of Essential Information on Charity and Non- Profit Websites

Möglichkeiten anbieten, um die Websites lokaler Ortsverbände von der Startseite aus zu erreichen (Suchfunktion, Links, etc.).

› Großes Interesse bei den Teilnehmern, wie die Organisation in ihrer nähe lokal vor Ort agiert.

› Viele Nutzer suchen über die Website der Organisation die Website der lokalen Ortsverbände.

© 2009 //SEIBERT/MEDIA GMBH

Page 21: DONATION USABILITY 58 Design Guidelines for Improving the Donation Process and the Usability of Essential Information on Charity and Non- Profit Websites

Möglichkeiten anbieten, um die Websites lokaler Ortsverbände von der Startseite aus zu erreichen (Suchfunktion, Links, etc.).

› Suchmöglichkeit, um lokale Ortsverbände zu finden.

› Die Suchfunktion ist von jeder Seite erreichbar

© 2009 //SEIBERT/MEDIA GMBH

Page 22: DONATION USABILITY 58 Design Guidelines for Improving the Donation Process and the Usability of Essential Information on Charity and Non- Profit Websites

Möglichkeiten anbieten, um die Websites lokaler Ortsverbände von der Startseite aus zu erreichen (Suchfunktion, Links, etc.).

„I like the Find a Club Near You, because if you are looking for one, it´s nice to have the option right here.“

© 2009 //SEIBERT/MEDIA GMBH

Page 23: DONATION USABILITY 58 Design Guidelines for Improving the Donation Process and the Usability of Essential Information on Charity and Non- Profit Websites

© 2009 //SEIBERT/MEDIA GMBH

ÜBER DIE ORGANISATION

› Verdeutlichen, was die Organisation tut und wie sie es tut.› Eine klare, einfach zu verstehende und ehrliche Aussage zur

Mission der Organisation anbieten.› Kurze, auf das Wesentliche beschränkte und informative Videos

zur Mission und Ziele in Erwägung ziehen.› Findet die wohltätige Arbeit an vielen, verschiedenen Orten

statt, muss erklärt werden, was an welchem Ort getan wird.› Bei umstrittenen Themen die eingenommene Position erklären.› Es sollten echte Beispiele von Menschen benutzt werden, denen

man geholfen hat oder Probleme, die man gelöst hat.› Es sollten keine schwer zu verstehende Begriffe genutzt werden,

um die Programme oder Ziele zu erklären.› Wurde die Organisation nach jemandem oder etwas benannt,

sollen die Informationen zu diesem Individuum leicht erreichbar sein.

› Einen jährlichen Bericht anbieten.

Page 24: DONATION USABILITY 58 Design Guidelines for Improving the Donation Process and the Usability of Essential Information on Charity and Non- Profit Websites

Verdeutlichen, was die Organisation tut und wie sie es tut.

› Der Nutzer möchten Details über die Organisation wissen was die Organisation tut, welche Programme und Initiativen sie betreibt - bevor er bereit ist,etwas zu spenden.

› Diese Information war in dem User-Test die wichtigste Information, die die Teilnehmer haben wollten.

› Auf vielen Seiten war es schwierig, diese Information zu finden.› Manche Organisationen erwähnten diese Detailauf ihren Sites nur

sehr undeutlich, was zu Frustration bei den Teilnehmern führte.

© 2009 //SEIBERT/MEDIA GMBH

Page 25: DONATION USABILITY 58 Design Guidelines for Improving the Donation Process and the Usability of Essential Information on Charity and Non- Profit Websites

Verdeutlichen, was die Organisation tut und wie sie es tut.

› Für die Nutzer schwer verständlich, was die Organisation tut.

› Jeder Teilnehmer verbrachte 10 min auf der Site, weil die Site keine exakte Aussage zu Mission, Ziel und Programme gab.

› Auf der About Us werden nur allgemeine Links angeboten.

© 2009 //SEIBERT/MEDIA GMBH

Environmental Defense Fund

Page 26: DONATION USABILITY 58 Design Guidelines for Improving the Donation Process and the Usability of Essential Information on Charity and Non- Profit Websites

Verdeutlichen, was die Organisation tut und wie sie es tut.

„There´s a lot of food here, but I´m not sure where it goes.“

© 2009 //SEIBERT/MEDIA GMBH

New Hampshire Food Bank

Page 27: DONATION USABILITY 58 Design Guidelines for Improving the Donation Process and the Usability of Essential Information on Charity and Non- Profit Websites

Eine klare, einfach zu verstehende und ehrliche Aussage zur Mission der Organisation anbieten.

› Die Teilnehmer des Test wollten eine klare und deutliche Aussage zur Mission der Organisation

› Die Teilnehmer wollten keine langen Absätze und Informationsseiten lesen.

© 2009 //SEIBERT/MEDIA GMBH

Page 28: DONATION USABILITY 58 Design Guidelines for Improving the Donation Process and the Usability of Essential Information on Charity and Non- Profit Websites

Eine klare, einfach zu verstehende und ehrliche Aussage zur Mission der Organisation anbieten.

„The statement [...] is short and to the point, so I don´t have to read pages of something to get the idea of what they are really about...It puts it in a nutshell what they´re about.“

© 2009 //SEIBERT/MEDIA GMBH

„The whole Church taking the whole Gospel to the whole Nation – and to the World.“

Mission America Coalition

Page 29: DONATION USABILITY 58 Design Guidelines for Improving the Donation Process and the Usability of Essential Information on Charity and Non- Profit Websites

Eine klare, einfach zu verstehende und ehrliche Aussage zur Mission der Organisation anbieten.

› Leicht zu scannen› Bietet klare

Informationen dazu, was gemacht wird und wie.

© 2009 //SEIBERT/MEDIA GMBH

Accelerated Cure Project for Multiple Sclerosis

Page 30: DONATION USABILITY 58 Design Guidelines for Improving the Donation Process and the Usability of Essential Information on Charity and Non- Profit Websites

› Die Teilnehmer des Tests wurden von Geschichten realer Personen angezogen

› Gibt es Fallstudien oder Referenzen, sollten diese genutzt werden um Ziele und Projekte zu kommunizieren

› Wenn Referenzen genutzt werden, sollten diese Details enthalten, wie die Organisation geholfen hat bzw. helfen möchte.

© 2009 //SEIBERT/MEDIA GMBH

Es sollten echte Beispiele von Menschen benutzt werden, denen man geholfen hat oder Probleme, die man gelöst hat.

Page 31: DONATION USABILITY 58 Design Guidelines for Improving the Donation Process and the Usability of Essential Information on Charity and Non- Profit Websites

Es sollten echte Beispiele von Menschen benutzt werden, denen man geholfen hat oder Probleme, die man gelöst hat.

„This gives a personal touch, because you see the faces of people who need these animals: one is hard of hearing, one was in a car accident, one has MS...So this is a very personal page. I like that...I can see what I´ll be donating towards.“

© 2009 //SEIBERT/MEDIA GMBHNational Education for Assistive Dog Services

Page 32: DONATION USABILITY 58 Design Guidelines for Improving the Donation Process and the Usability of Essential Information on Charity and Non- Profit Websites

© 2009 //SEIBERT/MEDIA GMBH

Es sollten echte Beispiele von Menschen benutzt werden, denen man geholfen hat oder Probleme, die man gelöst hat.

„I´d probably choose to donate to this, because it´s so unique...so personable.“

Heifer International.

Page 33: DONATION USABILITY 58 Design Guidelines for Improving the Donation Process and the Usability of Essential Information on Charity and Non- Profit Websites

© 2009 //SEIBERT/MEDIA GMBH

Es sollten echte Beispiele von Menschen benutzt werden, denen man geholfen hat oder Probleme, die man gelöst hat.

“I need to know how these people made a difference and what they did. They didn’t provide me with any detail. They talk about the success in mentoring, but don’t seem to tell me what exactly the person did to help.”

Big Brothers Big Sisters

Page 34: DONATION USABILITY 58 Design Guidelines for Improving the Donation Process and the Usability of Essential Information on Charity and Non- Profit Websites

© 2009 //SEIBERT/MEDIA GMBH

UM SPENDEN BITTEN

› Dem Spender muss genau erläutert werden, wofür die Spende genutzt wird.› Dem Spender muss es auf jeder Seite leicht gemacht werden zu spenden.› Nicht aufdringlich um Spenden bitten bzw. betteln› Der Link oder Button zum Spendenprozess sollte mit „Spenden“ oder „Jetzt

Spenden“ benannt sein

Page 35: DONATION USABILITY 58 Design Guidelines for Improving the Donation Process and the Usability of Essential Information on Charity and Non- Profit Websites

Dem Spender muss genau erläutert werden, wofür die Spende genutzt wird.

› Fast jeder Teilnehmer erwähnte, dass er wissen möchte, wohin sein Geld geht und wie es genutzt wird.

› Auf den wenigsten getesteten Sites wurde dies klar kommuniziert

© 2009 //SEIBERT/MEDIA GMBH

Page 36: DONATION USABILITY 58 Design Guidelines for Improving the Donation Process and the Usability of Essential Information on Charity and Non- Profit Websites

› “It’s always good to know how much of your money is going to the cause as opposed to the administration.”

› “My issue with fundraising is the cut that telemarketers get.”

› “If you are going to give your money to someone, it’s nice to know that it’s going to be used efficiently and effectively.”

© 2009 //SEIBERT/MEDIA GMBH

Dem Spender muss genau erläutert werden, wofür die Spende genutzt wird.

Page 37: DONATION USABILITY 58 Design Guidelines for Improving the Donation Process and the Usability of Essential Information on Charity and Non- Profit Websites

› Klare Aussage darüber, wie die Spendengelder verwendet werden.

› Leider findet sich diese Aussage erst, nachdem man in den Spendenprozess eingestiegen ist.

© 2009 //SEIBERT/MEDIA GMBH

Dem Spender muss genau erläutert werden, wofür die Spende genutzt wird.

National Education for Assistive Dog Services

Page 38: DONATION USABILITY 58 Design Guidelines for Improving the Donation Process and the Usability of Essential Information on Charity and Non- Profit Websites

© 2009 //SEIBERT/MEDIA GMBH

Dem Spender muss genau erläutert werden, wofür die Spende genutzt wird.

Habitat for Humanity

“It tells you what your donation will buy. That’s interesting. I like the fact that you are actually seeing where your money is going. For $10, I’m buying a box of nails.”

Page 39: DONATION USABILITY 58 Design Guidelines for Improving the Donation Process and the Usability of Essential Information on Charity and Non- Profit Websites

© 2009 //SEIBERT/MEDIA GMBH

Dem Spender muss genau erläutert werden, wofür die Spende genutzt wird.

Defenders of Wildlife

“It’s good to know if you donate if it’s going to go to the cause or the administrative overhead. It says 90% goes to the organization. They even have a link to their financial report, which is nice that they are upfront about where their money goes.”

Page 40: DONATION USABILITY 58 Design Guidelines for Improving the Donation Process and the Usability of Essential Information on Charity and Non- Profit Websites

Dem Spender muss es auf jeder Seite leicht gemacht werden zu spenden.

› Hat sich der Nutzer entschlossen zu spenden, will er schnell und einfach eine Spende abgeben können

› Einige Sites boten einen Punkt in der Menüleiste an, was gut funktionierte, da dieser Punkt von jeder Seite aus erreichbar ist.

© 2009 //SEIBERT/MEDIA GMBH

Page 41: DONATION USABILITY 58 Design Guidelines for Improving the Donation Process and the Usability of Essential Information on Charity and Non- Profit Websites

© 2009 //SEIBERT/MEDIA GMBH

Dem Spender muss es auf jeder Seite leicht gemacht werden zu spenden.

“They have a link to donate online right here.”

Page 42: DONATION USABILITY 58 Design Guidelines for Improving the Donation Process and the Usability of Essential Information on Charity and Non- Profit Websites

© 2009 //SEIBERT/MEDIA GMBH

Dem Spender muss es auf jeder Seite leicht gemacht werden zu spenden.

“It doesn’t say click here, but you have to click the dog. If it said click here or something, it would have been easier.”

National Education for Assistive Dog Services

Page 43: DONATION USABILITY 58 Design Guidelines for Improving the Donation Process and the Usability of Essential Information on Charity and Non- Profit Websites

© 2009 //SEIBERT/MEDIA GMBH

Dem Spender muss es auf jeder Seite leicht gemacht werden zu spenden.

“There’s a big square at the top right that says Donate Now! so it’s pretty easy to figure out how to do that.”

Page 44: DONATION USABILITY 58 Design Guidelines for Improving the Donation Process and the Usability of Essential Information on Charity and Non- Profit Websites

Nicht aufdringlich um Spenden bitten bzw. betteln

› Der Grad zwischen „es dem Nutzer leicht machen zu spenden“ und aufdringlich um Spenden zu betteln ist sehr schmal.

© 2009 //SEIBERT/MEDIA GMBH

“I notice that they have the word donate bigger and in a different font – I don’t like it, I need to learn more before it’s in my face. I don’t want to say it’s rude, but it’s a little pushy.”

Page 45: DONATION USABILITY 58 Design Guidelines for Improving the Donation Process and the Usability of Essential Information on Charity and Non- Profit Websites

© 2009 //SEIBERT/MEDIA GMBH

LEITUNG DER ORGANISATION, SPONSOREN UND BEFÜRWORTER

› Informationen zu der/den Leiter/n der Organisation anbieten – Name, Titel, Verantwortungsbereich/e und Reputation.

› Übertriebene Werbung für die Leitung vermeiden.› Gibt es hervorzuhebende Befürworter für die Organisation oder wurde mit

ihnen zusammengearbeitet, sollten Informationen dazu angeboten werden.› In Videos und Fotos den Namen von angesehenen Befürwortern angeben.› Erklärung dazu abgeben, wie mit Kooperationspartnern zusammengearbeitet

wird.

Page 46: DONATION USABILITY 58 Design Guidelines for Improving the Donation Process and the Usability of Essential Information on Charity and Non- Profit Websites

Erklärung dazu abgeben, wie mit Kooperationspartnern zusammengearbeitet wird.

© 2009 //SEIBERT/MEDIA GMBH

“Their website is not clear. What is their tie to these companies? I give them money, but how do they help the environment by engaging corporations? It sounds like a lobbying effort to me.”

Page 47: DONATION USABILITY 58 Design Guidelines for Improving the Donation Process and the Usability of Essential Information on Charity and Non- Profit Websites

© 2009 //SEIBERT/MEDIA GMBH

NACHRICHTEN UND VERANSTALTUNGEN

› Genaue Angaben dazu machen, in welchem Zusammenhang die Nachrichten mit der Organisation stehen.

› Informationen zu Events anbieten und dem Nutzer die Möglichkeit geben, nach Events in Ihrer Nähe zu suchen.

Page 48: DONATION USABILITY 58 Design Guidelines for Improving the Donation Process and the Usability of Essential Information on Charity and Non- Profit Websites

Informationen zu Events anbieten und dem Nutzer die Möglichkeit geben, nach Events in Ihrer Nähe zu suchen.

› Während der gesamten Studie interessierten sich die Teilnehmer dafür, ob und wie eine Organisation in ihrer Umgebung tätig ist.

› Fanden die Teilnehmer bei einer Organisation Informationen über eine Veranstaltung in ihrer Nähe, äußerten sie das mit Begeisterung.

© 2009 //SEIBERT/MEDIA GMBH

“This shows me that the organization is doing a lot. And I even see places that aren’t far from where I live, and that shows that they are not just in big cities, and they do activities in a lot of different places. That would be important to me.”

Accelerated Cure for Multiple Sclerosis

Page 49: DONATION USABILITY 58 Design Guidelines for Improving the Donation Process and the Usability of Essential Information on Charity and Non- Profit Websites

© 2009 //SEIBERT/MEDIA GMBH

LOKALE ORTSVERBÄNDE

› Auf lokalen Seiten zeitnahe und wichtige Informationen anbieten.› Die lokalen Websites müssen so aussehen wie die nationale Website.› Es muss sichergestellt sein, dass die Informationen auf der nationalen und

lokalen Site konsistent sind.› Es muss eine Möglichkeit geben, einfach auf die nationale Website zurück zu

kommen.› Der Nutzer muss die Möglichkeit haben, auf der lokalen Website zu spenden.› Die Integration des Spendenprozess der nationalen Site in Erwägung ziehen.

Page 50: DONATION USABILITY 58 Design Guidelines for Improving the Donation Process and the Usability of Essential Information on Charity and Non- Profit Websites

Es muss sichergestellt sein, dass die Informationen auf der nationalen und lokalen Site konsistent sind.

© 2009 //SEIBERT/MEDIA GMBH

“Between the national site and this one [the local site], they aren’t connected. The national one doesn’t show any blood drives, but this shows that there are plenty of blood drives around.”

Page 51: DONATION USABILITY 58 Design Guidelines for Improving the Donation Process and the Usability of Essential Information on Charity and Non- Profit Websites

Soziale Netzwerke und Interaktion

› Wenn man bei Sozialen Netzwerken, Foren etc. in Erscheinung tritt, sollte dem Nutzer die Möglichkeit gegeben werden, über diese Kanäle Kontakt aufzunehmen.

© 2009 //SEIBERT/MEDIA GMBH

“You can connect with them on the most popular online websites, which is nice.”

American Red Cross

Page 52: DONATION USABILITY 58 Design Guidelines for Improving the Donation Process and the Usability of Essential Information on Charity and Non- Profit Websites

© 2009 //SEIBERT/MEDIA GMBH

DER SPENDENPROZESS

› Den Spendenprozess so gestalten, dass die Schritte verständlich sind und für den Nutzer Sinn ergeben.

› Es soll keine Registrierung erforderlich sein, um eine Spende abzugeben.› Eine Umleitung zu einem Drittanbieter sollte vermieden werden.› Die einzelnen Schritte im Spendenprozess sollen ersichtlich sein. Der

Nutzer muss die Möglichkeit haben, einen Schritt zurück gehen zu können› Unnötige Schritte vermeiden

Page 53: DONATION USABILITY 58 Design Guidelines for Improving the Donation Process and the Usability of Essential Information on Charity and Non- Profit Websites

Eine Umleitung zu einem Drittanbieter sollte vermieden werden.

© 2009 //SEIBERT/MEDIA GMBH

› Von den 23 getesteten Sites wurde man bei 5 Sites zu einem Drittanbieter geleitet, wenn man spenden wollte.

› Die Test-Teilnehmer ärgerten sich darüber und waren überrascht, als das passierte.

› Die Teilnehmer der Studie hatten entweder keinen Login zu z.B. PayPal oder Google Checkout oder konnten sich nicht an die Login-Daten erinnern.

› Man hat keine Kontrolle über die Usability der Site des Drittanbieters und verliert so möglicherweise Spendeneinnahmen.

Page 54: DONATION USABILITY 58 Design Guidelines for Improving the Donation Process and the Usability of Essential Information on Charity and Non- Profit Websites

Eine Umleitung zu einem Drittanbieter sollte vermieden werden.

© 2009 //SEIBERT/MEDIA GMBH

› “I can’t remember my PayPal login, so I’ll just put all my information in.”

› “I’ve never seen a charity site link to Google Checkout.” › “I think I have a Google Checkout login, but I’m not sure.” › “The credit card is easier, because I can’t always remember my

PayPal login.”

Page 55: DONATION USABILITY 58 Design Guidelines for Improving the Donation Process and the Usability of Essential Information on Charity and Non- Profit Websites

SAMMLUNG VON DATEN

› Wenn die Spendenbeträge fest vorgegeben sind, sollte die Möglichkeit geboten sein, dass man auch abweichende Beträge spenden kann.

› Es sollte eine Möglichkeit angeboten werden, damit der Spender regelmäßige Spenden abgeben kann. Die Möglichkeit nur einmalig zu spenden muss aber immer vorhanden sein.

› Dem Spender sollte ermöglicht werden, für ein bestimmtes Projekt zu spenden.

› Wenn der Spender die Möglichkeit hat, für ein bestimmtes Projekt zu spenden, muss dieses Projekt auch beschrieben sein.

› Eine Spendenmöglichkeit in Ehren oder zum Andenken an Jemanden oder Etwas sollte in Erwägung gezogen werden.

› Keine unnötigen Angaben verlangen› Wenn nach der E-Mail Adresse oder Telefonnummer gefragt wird,

sollte erklärt werden wofür diese genutzt werden soll.› Wenn ein Fehler auftritt, sollte es eine Rückmeldung geben, wo

der Fehler gemacht wurde.© 2009 //SEIBERT/MEDIA GMBH

Page 56: DONATION USABILITY 58 Design Guidelines for Improving the Donation Process and the Usability of Essential Information on Charity and Non- Profit Websites

© 2009 //SEIBERT/MEDIA GMBH

SAMMLUNG VON DATEN

› Wenn die Spendenbeträge fest vorgegeben sind, sollte die Möglichkeit geboten sein, dass man auch abweichende Beträge spenden kann.

› Es sollte eine Möglichkeit angeboten werden, damit der Spender regelmäßige Spenden abgeben kann. Die Möglichkeit nur einmalig zu spenden muss aber immer vorhanden sein.

› Dem Spender sollte ermöglicht werden, für ein bestimmtes Projekt zu spenden.

› Wenn der Spender die Möglichkeit hat, für ein bestimmtes Projekt zu spenden, muss dieses Projekt auch beschrieben sein.

› Eine Spendenmöglichkeit in Ehren oder zum Andenken an jemanden oder etwas sollte in Erwägung gezogen werden.

› Keine unnötigen Angaben verlangen› Wenn nach der E-Mail Adresse oder Telefonnummer gefragt wird,

sollte erklärt werden wofür diese genutzt werden soll.› Wenn ein Fehler auftritt, sollte es eine Rückmeldung geben, wo der

Fehler gemacht wurde.

Page 57: DONATION USABILITY 58 Design Guidelines for Improving the Donation Process and the Usability of Essential Information on Charity and Non- Profit Websites

Dem Spender sollte ermöglicht werden, für ein bestimmtes Projekt zu spenden.

© 2009 //SEIBERT/MEDIA GMBH

“So I can donate to a specific club or I can donate in memory of someone. I like the idea of donating to a specific club, so let me look for a local club.”

Boys & Girls Club

Page 58: DONATION USABILITY 58 Design Guidelines for Improving the Donation Process and the Usability of Essential Information on Charity and Non- Profit Websites

Wenn der Spender die Möglichkeit hat, für ein bestimmtes Projekt zu spenden, muss dieses Projekt auch beschrieben sein.

© 2009 //SEIBERT/MEDIA GMBH

“I like the idea that I have a choice to designate the my donation, and I can see what each program is about.”

American Red Cross

Page 59: DONATION USABILITY 58 Design Guidelines for Improving the Donation Process and the Usability of Essential Information on Charity and Non- Profit Websites

Wenn der Spender die Möglichkeit hat, für ein bestimmtes Projekt zu spenden, muss dieses Projekt auch beschrieben sein.

© 2009 //SEIBERT/MEDIA GMBH

“So you can choose a program, which is pretty nice. I will choose ‘The Rescue Center’... or the ‘Wildlife Rapid Rescue Team.’ I’m not entirely sure what these programs are.”

American Red Cross

Page 60: DONATION USABILITY 58 Design Guidelines for Improving the Donation Process and the Usability of Essential Information on Charity and Non- Profit Websites

Wenn nach der E-Mail Adresse oder Telefonnummer gefragt wird, sollte erklärt werden wofür diese genutzt werden soll.

› Die Teilnehmer der Studie zögerten, wenn sie Ihre Telefonnummer oder E-Mail Adresse angeben sollten

› Auf den meisten getesteten Sites waren diese Angaben nötig, um den Spendenprozess abzuschließen.

› Bis auf zwei erklärte keine Organisation, wofür diese Angaben gebraucht werden.

© 2009 //SEIBERT/MEDIA GMBH

Page 61: DONATION USABILITY 58 Design Guidelines for Improving the Donation Process and the Usability of Essential Information on Charity and Non- Profit Websites

Wenn nach der E-Mail Adresse oder Telefonnummer gefragt wird, sollte erklärt werden wofür diese genutzt werden soll.

© 2009 //SEIBERT/MEDIA GMBH

› “I hope they don’t call me.” › “I hate giving my email, because I don’t want to get spammed.” › “It’s asking for my phone number, and I don’t like to give that

out.” › “Phone number isn’t required... good. I don’t want people calling

me at home.”

Page 62: DONATION USABILITY 58 Design Guidelines for Improving the Donation Process and the Usability of Essential Information on Charity and Non- Profit Websites

Wenn nach der E-Mail Adresse oder Telefonnummer gefragt wird, sollte erklärt werden wofür diese genutzt werden soll.

© 2009 //SEIBERT/MEDIA GMBH

Heifer International

Habitat for Humanity national

Page 63: DONATION USABILITY 58 Design Guidelines for Improving the Donation Process and the Usability of Essential Information on Charity and Non- Profit Websites

Wenn ein Fehler auftritt, sollte es eine Rückmeldung geben, wo der Fehler gemacht wurde.

© 2009 //SEIBERT/MEDIA GMBH

› Die Stelle, an der eine Angabe fehlt ist deutlich hervorgehoben.

The Conservation Funds’

Page 64: DONATION USABILITY 58 Design Guidelines for Improving the Donation Process and the Usability of Essential Information on Charity and Non- Profit Websites

Wenn ein Fehler auftritt, sollte es eine Rückmeldung geben, wo der Fehler gemacht wurde.

© 2009 //SEIBERT/MEDIA GMBH

“Oh no, what did I do? Maybe I can’t donate online. Maybe I have to print this out and send it in.”

Page 65: DONATION USABILITY 58 Design Guidelines for Improving the Donation Process and the Usability of Essential Information on Charity and Non- Profit Websites

© 2009 //SEIBERT/MEDIA GMBH

VERIFIZIERUNG DER DATEN

› Es sollte eine Seite angeboten werden, auf der die gemachten Angaben noch einmal überprüft werden können, bevor der Nutzer die Spende abgibt.

› Der Nutzer sollte die Möglichkeit haben, im Prozess zurück zu gehen um gemachte Angaben korrigieren zu können.

Page 66: DONATION USABILITY 58 Design Guidelines for Improving the Donation Process and the Usability of Essential Information on Charity and Non- Profit Websites

Der Nutzer sollte die Möglichkeit haben, im Prozess zurück zu gehen um gemachte Angaben korrigieren zu können.

© 2009 //SEIBERT/MEDIA GMBH

› Erlaubt dem Nutzer, seine Daten zu überprüfen.

› Der Nutzer kann im Prozess zurück gehen und Daten evtl. korrigieren.

Boys & Girls Clubs of America

Page 67: DONATION USABILITY 58 Design Guidelines for Improving the Donation Process and the Usability of Essential Information on Charity and Non- Profit Websites

BESTÄTIGUNGSSEITE

› Bestätigen, dass die Spendentransaktion erfolgreich war› Dem Spender für seine Spende danken und erläutern, wofür die

Spende genutzt wird.› Es sollte angeboten werden, eine Spendenquittung auszudrucken.› Beschreiben, dass eine Quittung an die angegebene E-Mail

Adresse gesendet wird.› Eine E-Mail Funktion um Freunde über die

Wohltätigkeitsorganisation zu informieren sollte in Erwägung gezogen werden.

› Eine Identifikationsnummer zur Spende sollte in Erwägung gezogen werden.

› Sollten sich die Daten zur Abbuchung vom Namen der Wohltätigkeitsorganisation unterscheiden, die auf der Kreditkartenabrechnung zu sehen ist, muss der Nutzer darüber Informiert werden.

© 2009 //SEIBERT/MEDIA GMBH

Page 68: DONATION USABILITY 58 Design Guidelines for Improving the Donation Process and the Usability of Essential Information on Charity and Non- Profit Websites

Bestätigen, dass die Spendentransaktion erfolgreich war

› Eine Bestätigungsseite versichert dem Spender, dass seine Transaktion erfolgreich war.

› Fehlt eine Bestätigung, besteht die Gefahr, dass sich der Spender nicht sicher ist, dass er die Spende richtig durchgeführt hat.

© 2009 //SEIBERT/MEDIA GMBH

“It’s always nice to have an acknowledgement, because if not, you don’t know if it went through or not.”

Page 69: DONATION USABILITY 58 Design Guidelines for Improving the Donation Process and the Usability of Essential Information on Charity and Non- Profit Websites

Dem Spender für seine Spende danken und erläutern, wofür die Spende genutzt wird.

© 2009 //SEIBERT/MEDIA GMBH

› Klare Aussage im Dankschreiben darüber, wie die Spende hilft.

Page 70: DONATION USABILITY 58 Design Guidelines for Improving the Donation Process and the Usability of Essential Information on Charity and Non- Profit Websites

Eine Identifikationsnummer zur Spende sollte in Erwägung gezogen werden.

› Für den Fall, dass ein Spender Kontakt zur Organisation aufnehmen will/muss, ist es hilfreich, wenn der Spende eine eindeutige ID zugewiesen ist

© 2009 //SEIBERT/MEDIA GMBH

Page 71: DONATION USABILITY 58 Design Guidelines for Improving the Donation Process and the Usability of Essential Information on Charity and Non- Profit Websites

SITE -UMFASSENDE RICHTLINIEN

› Es sollten Bilder genutzt werden, die die öffentliche Darstellung der Organisation bekräftigen. Bilder sollten nicht zu rein dekorativen Zwecken genutzt werden.

› Informationen sollen so aufbereitet sein, dass „scanning“ unterstütz wird.

› Grundlegende Informationen sollen nicht als PDF untergebracht sein.

› Es sollten lesbare Schriftarten genutzt werden. Es soll ausreichend Kontrast zwischen dem Hintergrund und dem Text vorhanden sein.

© 2009 //SEIBERT/MEDIA GMBH

Page 72: DONATION USABILITY 58 Design Guidelines for Improving the Donation Process and the Usability of Essential Information on Charity and Non- Profit Websites

Es sollten Bilder genutzt werden, die die öffentliche Darstellung der Organisation bekräftigen. Bilder sollten nicht zu rein dekorativen Zwecken genutzt werden.

© 2009 //SEIBERT/MEDIA GMBH

“There are pictures of people at the top, but I don’t know who they are at this point. Are they people with MS? It doesn’t say anything about them. “

Page 73: DONATION USABILITY 58 Design Guidelines for Improving the Donation Process and the Usability of Essential Information on Charity and Non- Profit Websites

Informationen sollen so aufbereitet sein, dass „scanning“ unterstütz wird

› Nutzer lesen Texte nicht, sondern scannen diese.› Es wird versucht ein paar Sätze herauszufiltern, um an die

gewünschte Information zu kommen.› Die Nutzer bevorzugen Informationen, die kurz und präzise sind.› Um scanning zu unterstützen, sollten Schlüsselelement

hervorgehoben werden.

© 2009 //SEIBERT/MEDIA GMBH

Page 74: DONATION USABILITY 58 Design Guidelines for Improving the Donation Process and the Usability of Essential Information on Charity and Non- Profit Websites

Informationen sollen so aufbereitet sein, dass „scanning“ unterstütz wird

© 2009 //SEIBERT/MEDIA GMBH

“I don’t want to have to read a lot of information. I like to have smaller bits of information that I can click on to get more”

Nancy Davis Foundation

Page 75: DONATION USABILITY 58 Design Guidelines for Improving the Donation Process and the Usability of Essential Information on Charity and Non- Profit Websites

Grundlegende Informationen sollen nicht als PDF untergebracht sein.

› Studien ergaben, dass Nutzer es nicht mögen, PDF-Dokumente herunter zu laden und zu lesen.

› Nutzer verlieren sich oftmals in PDF Dokumenten, die meist sehr umfassend sind – gut zu drucken, aber schlecht online zu lesen oder in ihnen zu navigieren.

© 2009 //SEIBERT/MEDIA GMBH

Page 76: DONATION USABILITY 58 Design Guidelines for Improving the Donation Process and the Usability of Essential Information on Charity and Non- Profit Websites

Grundlegende Informationen sollen nicht als PDF untergebracht sein.

© 2009 //SEIBERT/MEDIA GMBH

“So this just talks about how kids are chosen… so, they had a lottery system. I’m just scanning this, because it looks like a lot of information. This would be presented better if it were visual.”

Page 77: DONATION USABILITY 58 Design Guidelines for Improving the Donation Process and the Usability of Essential Information on Charity and Non- Profit Websites

Grundlegende Informationen sollen nicht als PDF untergebracht sein.

© 2009 //SEIBERT/MEDIA GMBH

“I would not necessarily read all of that, but I would read whatever plan they had to help the animal. I would probably print this and read it offline. I like to get brief flashes of information on the web, and if I need to read something long, I’ll print it out and read it [offline].”

Page 78: DONATION USABILITY 58 Design Guidelines for Improving the Donation Process and the Usability of Essential Information on Charity and Non- Profit Websites

IMPRESSUM

Vielen Dank für Ihre Aufmerksamkeit.

// SEIBERT/MEDIA GmbH Ansprechpartner: Martin Seibert, Dipl.-Kfm.Rheingaupalais, Söhnleinstr. 8, 65201

Wiesbaden  T.+49-611-20570-20, F.+49-611-20570-70 

www.seibert-media.net

Bitte bleiben Sie mit uns in Kontakt. Sie können Informationen bei uns abonnieren: Unseren Newsletter (Abo unter www.seibert-media.net) Unseren Weblog (z.B. via RSS): http://blog.seibert-media.net Unseren PodCast (z.B. via RSS): http://blog.seibert-media.net/category/podcast/ Unseren Microblog (z.B. via RSS): http://twitter.com/seibertmedia

© 2009 //SEIBERT/MEDIA GMBH