Ich denke, das Hauptproblem beim Design Ihrer Website liegt weniger im Grafikdesign als im Design der Benutzeroberfläche . Wenn ich mir Ihre Screenshots oben ansehe, ist die Frage, die ich mir stelle, nicht " Cool, was soll ich zuerst versuchen? ", Sondern " Was zum Teufel ist das und was soll ich damit machen? "
Dies ist ein häufiges Problem bei Websites und anderen Benutzeroberflächen, die von Ingenieuren (oder anderen Domain-Experten) entwickelt wurden: Sie wissen bereits, wie das System verwendet werden soll. Für sie ist also alles in Ordnung, solange alle benötigten Funktionen bequem zugänglich sind . Leider führt dies häufig dazu, dass alle Funktionen gleichermaßen auffällig und zugänglich sind, sodass der neue Benutzer nur sehr wenige Hinweise darauf hat, wo er anfangen soll.
Grafikdesign hat hier einige Auswirkungen, da schlechtes Grafikdesign jede Benutzeroberfläche verwirrend machen kann, während gute Grafiken die Benutzeroberfläche verbessern können, indem sie die Bedeutung und die Beziehungen verschiedener Oberflächenelemente klar machen und den Blick des Benutzers auf die wichtigsten Elemente lenken. Grundsätzlich geht es jedoch mehr darum, was dem Benutzer präsentiert und strukturiert werden soll, als darum, wie es schön aussehen soll.
OK, lassen Sie uns etwas genauer werden. Mein erster Ratschlag wäre: Vereinfachen! Vielleicht möchten Sie sich von Googles ursprünglichem Design der Startseite inspirieren lassen , das im Wesentlichen drei Elemente enthielt: das Logo, das Suchfeld und zwei Schaltflächen (und man könnte argumentieren, dass die zweite Schaltfläche unnötige Unordnung war). Oh, und ein paar Links zu anderen Seiten mit mehr Material - die eindeutig als zweitrangig gekennzeichnet waren, indem sie weiter unten in einer kleinen Schrift und / oder in Grau angezeigt wurden - und ein Copyright-Hinweis, der anscheinend als subtiler Hinweis hinzugefügt wurde Benutzer, dass die Seite wirklich dort endete.
Oder werfen Sie einen Blick auf Doodle , ein anderes Unternehmen mit einem guten Namen und einem einfachen, aber effektiven Design der Titelseite. Der Einfachheit halber habe ich einen Screenshot der Titelseite gemacht und oben einige rote Kritzeleien hinzugefügt:
Doodle ist eine ziemlich gute Website, mit der Sie Ihre vergleichen können, da ihre Website wie Ihre im Grunde genommen ein Framework ist, mit dem Benutzer ihre eigenen Inhalte entwerfen können (Quiz für Sie, Veranstaltungspläne für sie) und andere Benutzer zur Interaktion mit ihnen einladen können. Der große Unterschied besteht darin, dass die Doodle-Leute im Gegensatz zu Ihrem Design viel Mühe darauf verwenden, ihre Benutzer sanft in die Benutzeroberfläche zu locken, anstatt sie einfach in das tiefe Ende des Pools zu werfen und darauf zu warten, dass sie sinken oder schwimmen.
Wenn man sich die Titelseite ansieht, besonders ohne meine Kritzeleien, ist das Offensichtliche daran, wie wenig Zeug - besonders irrelevantes Zeug - darauf ist. Sicher, es gibt eine ganze Reihe kleiner Notizen und Links am Ende der Seite, aber das ist alles "unter der Falte" und etwas, das neue Benutzer einfach ignorieren werden. Das zweitwichtigste, in großen, freundlichen Buchstaben, genau dort, wo der Benutzer wahrscheinlich zuerst hinschaut, ist ein Klappentext mit acht (!) Wörtern, der erklärt, worum es auf der Website geht. Die meisten sichtbar , was ist die große Grafik zeigt, in einfachen Bildern, die wichtigsten Schritte des Workflows, es ist alles einfach aussehen und einladend zu machen. Und genau dazwischen befindet sich eine große Schaltfläche, die den Benutzer einlädt, darauf zu klicken und loszulegen.
Tatsächlich gibt es im oberen Teil der Seite nur vier anklickbare Dinge (mit Ausnahme des Logos, das anklickbar ist - wie Benutzer es erwarten -, aber Sie einfach zurück zur Startseite führt): zwei Links zum ersten Schritt Im Ereignisplanungsassistenten ein Beispiel für Benutzer, die nicht sicher genug sind, um direkt einzuspringen, und ein unauffälliger Link in der oberen rechten Ecke, der ein Popup-Anmeldedialogfeld für etablierte Benutzer öffnet. Das ist alles.
Was ist also mit Ihrer Website? Das erste, was in Ihrem Screenshot für mich als etwas herausspringt, das möglicherweise einen Blick wert sein könnte , sind die grünen Überschriften, die zumindest kurz sind, in großer Schrift und in der Mitte dessen, was wie der "Inhaltsbereich" aussieht. Leider gibt es dort nicht viel Interessantes - der Abschnitt "Themeninformationen" enthält nur einige triviale Metadaten, die in einer Ecke klein gedruckt sein sollten, der Abschnitt "Unterthemen" enthält einige Links (zu anderen ähnlichen Seiten?), Die angezeigt werden Um diese in der oberen rechten Ecke zu duplizieren, ist der Abschnitt "Ressourcen" einfach leer. Und außerdem habe ich auch nach dem Lesen noch keine Ahnung, worum es auf der Website geht oder was ich damit machen kann.
Also, was kann ich tun , mit Ihrer Website? Nun, Sie sagen, dass ich Quiz erstellen und durchführen kann. Wie wäre es also, wenn Sie auf der Startseite einige große und attraktiv aussehende Links / Schaltflächen mit den Worten " Quiz machen " und " Quiz erstellen " platzieren? (Ersteres sollte wichtiger sein, da ein neuer Benutzer vermutlich eher ein Quiz als ein Quiz erstellt. Wenn Sie jedoch das zweite Quiz auf der Startseite einfügen, werden die Benutzer zumindest darüber informiert, dass sie dies auch können.) Außerdem a Eine kurze Erklärung - von ein paar Worten bis zu einem kurzen Absatz -, worum es auf Ihrer Website geht, wäre auch gut. (Das könnte auch ein guter Ort sein, um einen "read more" -Link anzuheften.)
Oder was können Sie es sich leisten, von Ihrer aktuellen Seite zu verlieren, wenn Sie es von der anderen Seite betrachten? Nun, ich würde wirklich "das meiste davon" sagen, aber das Offensichtliche, das (neben dem Metadaten-Dump) aufspringt, ist das Anmeldeformular oben. Sicher, es ist gut, etablierten Benutzern eine einfache Möglichkeit zum Anmelden zu bieten, aber das bedeutet nicht, dass Sie das Anmeldeformular auf jeder Seite anzeigen müssen. Machen Sie es stattdessen so wie Doodle und haben Sie einfach ein Popup-Anmeldeformular, auf das Sie über einen Link zugreifen können. (Für Benutzer mit deaktiviertem JavaScript empfiehlt es sich, eine separate Anmeldeseite als Fallback-Ziel für den Link zu verwenden.)
Es gibt noch eine Reihe anderer Dinge, die Sie verlieren könnten: Warum sehe ich beispielsweise als neuer und nicht registrierter Benutzer, was wie ein "Löschen" -Link aussieht? Kann ich die Seite wirklich löschen? Wenn ja, warum ? Wenn nicht, warum ist der Link dort?
In ähnlicher Weise ist die Notiz "(703 Verfügbare Fragen)" eine sinnlose Ablenkung, da sie wie ein Schnittstellenelement aussieht. Wenn Sie Besucher mit der Tiefe Ihrer Website beeindrucken möchten, platzieren Sie diese dort, wo sie hingehört: in einem geeigneten, beeindruckend aussehenden Klappentext im Inhaltsbereich. (" Wir haben bereits 703 Fragen und weitere kommen! ")
Abschließend sollte ich beachten, dass alles relativ ist. TV Tropes hat zum Beispiel eine schreckliche Benutzeroberfläche (ähnlich wie Ihre), aber das spielt keine Rolle, weil sie dies mit einer Menge exzellenter und dicht miteinander verbundener Inhalte wieder wettmachen, so dass die meisten neuen Benutzer gewinnen. ' Sie müssen die Navigationsoberfläche überhaupt nicht berühren. Eigentlich ist das bei Wiki-Sites ziemlich häufig. Wikipedia ist nicht wirklich viel besser. Der Haken ist jedoch, dass Sie bereits über diese Menge an Inhalten (oder eine Benutzerbasis, die für deren Erstellung verpflichtet ist) verfügen müssen , bevor dieser Effekt für Sie arbeiten kann.