Design eines Wikis 2 (13.05.2016)

Diese Sprechstunde ist die Fortsetzung der Sprechstunde vom 01.April 2016 Zusammenfassung 1.4.2016. Es blieben seiner Zeit noch einige Fragen offen, die nun beantwortet werden.

• Moderation: 20M61 und Springteufel
• Zusammenfassung: 20M61

Farben, Schriftarten und allgemeines Design eines Wiki

Themenbezogen

Grundsätzlich muss das Design zum Wiki passen. Die Farben sollten in einem guten Kontrast stehen. Links nicht rot oder violett einfärben, weil der Benutzer etwas anderes dahinter erwarten würde (Redlinks). Dennoch kann auch hier vorsichtig experimentiert werden.

Schriftart

Die Schriftart sollte möglichst nicht zu klein, zu eng oder zu unpassend sein (Comic Sans MS in einem ernsten Thema, wie z.B. Atomkraft oder Vroni-Wiki). Im Zweifel ist weniger besser (Lies mehr: ForestFairy-Blog:Simple is beautiful).
Springteufel empfiehlt, dass Akzente gesetzt und z.B. Überschriften, Trennlinien und andere Besonderheiten verändert werden. Die Hauptseite kann auch anders aussehen, als der Rest des Wiki (z.B. andere Schriftart).

Andere drüber schauen lassen

Nach umfassenden Umbauarbeiten am Wiki wird empfohlen, dass man ein zweites Paar Augen über die Seiten schauen lässt. So eröffnen sich einem neue Perspektiven und eine andere Sicht auf den Artikel / Hauptseite. (Z.B. aus Sicht eines Lesers, Autoren, Kindes, Senioren, Arbeiters, Neulings, Alten Hasen etc.)

Transparente Hintergründe

Grundsätzlich sollte der Hintergrund ruhig gestaltet sein. Soll der Text vor dem Hintergrund gezeigt werden, dann entweder einen entsprechenden Raum schaffen (Springteufel schlug vor mit Farbverläufen nach links und rechts einen Freiraum in der Mitte zu schaffen), die Transparenz nur sehr gering stellen, sodass man den Hintergrund zwar erahnen kann, er jedoch nicht stört oder den Hintergrund nur minimal links und rechts überlappen lassen, sodass in der Mitte, wo der Haupttext steht, ein lesbarer Bereich bleibt.

Größe eines Hintergrundbildes

Grundsätzlich solltet ihr von der größtmöglichen Auflösung ausgehen. Also entweder euren Browser per Zoom-Funktion (findet ihr in den Einstellungen eures Browser) auf einen kleineren Zoom stellen oder mal in Vollbild (F11) euer Wiki betrachten. Gibt es abgeschnittene Stellen? Sieht noch alles so aus, wie ihr es wollt?
Der Interessante Bereich des Bildes sollte direkt am Rand eures Haupttextes sein (links) aber auch rechts daneben ist mindestens genauso wichtig.

Hauptseite

Die Hauptseite kann sich von den übrigen Artikeln komplett abheben. Sie sollte auffällig gestaltet sein und neugierig machen.
Verwendet Banner, Bilder (zur grafischen Aufwertung) und andere Tools, die ihr sonst vielleicht nicht nehmen würdet. Informationen sollten immer als Text geschrieben werden und dann mit CSS aufgehübscht. Wenn ihr also Überschriften oder Banner verwendet, dann stets Text, den ihr mit CSS aufwertet. Dadurch bleibt die Seite auch lesbar, wenn Grafiken deaktiviert wurden oder die mobile Ansicht verwendet wird.

Inspirationen holen
Schaut euch an, wie andere Wikis ihre Probleme lösen. Entweder auf einer anderen Sprachversion (z.B. englisch), ein anderes Thema im Selben Bereich (ist meine Serie z.B. im Horror-Bereich, so gibt es auch andere Wikis, die dort aktiv sind) und auch gern ein Kontrastprogramm quer Beet. Oft wird nicht das richtige dabei sein, doch wenn man hier und da etwas findet, so hat man was für die Startseite.

Bilder

Anfang des Jahres hatten wir bereits über Lizenzen gesprochen (siehe hier Zusammenfassung Lizenzen für mehr Informationen zur rechtlichen Sicherheit bei der Verwendung von Screenshots und Bildern). Dennoch gab es einige Fragen zum Thema Bilder.

Bilder sinnvoll benennen

Mit einer guten Benennung findet man die gesuchten Bilder schneller. Google wird mehr relevante Verbindungen zu eurem Wiki herstellen können und euer Code ist intuitiver, wenn man gleich am Namen erkennt, was man später sehen wird. (Admins können Dateien verschieben und damit umbenennen).

Woher kommen die Bilder? (Quellen)

Die meisten Wikis nehmen ihre Bilder von eigenen oder fremden Screenshots, sowie andere Wikiss, die bereits die Dokumentation der Lizenz vorgenommen haben, sodass diese kopiert werden kann. SpacePucky und Springteufel schlagen die Verwendung von Pixabay.com vor. Dies ist eine Plattform mit CC-0 lizenzierten Werken (gemeinfrei - zur freien Verwendung). Tobi D Luxe entgegnet, dass dennoch hier widerrechtlich copyright-geschütztes Material zur Verfügung gestellt werden könnte, sodass man auch hier vorsichtshalber den Uploader um Erlaubnis fragen sollte, auch wenn die Antwort etwas auf sich warten kann. (E-Mailverkehr dokumentieren - das The Walking Dead-Wiki hat solche Dokumentationen in den Vorlagen bzw. auf den Bilder-Seiten dokumentiert, sodass alle benutzer darauf Zugriff haben, es jedoch nicht im Fokus des Wiki steht.).

favicon - Kleines Symbol in den Favoriten

Wenn ein Admin das möchte, so kann er ein kleines 16x16px großes Icon erstellen (*.ico). Dieses kann er im Theme-Designer als favicon hochladen. Das Icon wird dann in der Tableiste des Browsers und bei den Favoriten angezeigt. Es ist ein Wiedererkennungsmerkmal und sticht zwischen den vielen eintönigen Seiten hervor. Um so eines zu erstellen gibt es zahlreiche Online-Möglichkeiten, aber auch professionelle Bearbeitungsprogramme, wie Photoshop (kommerziell) oder Gimp (freeware) bieten dies an.
Inhaltlich sollte möglichst etwas für die Serie typisches gezeigt werden oder z.B. ein Anfangsbuchstabe schön designed. (Lies mehr: Hilfe:Favicon)

Springteufel bietet im Namen des Development-Teams ihre Hilfe bei allen Design-Fragen an (inkl. Startseiten-Design und favicon). Stellt einfach einen Antrag auf der Community-Development-Seite und lasst euch beraten.

---

Über die Chatrunde

Wenn du mehr erfahren willst, kannst du dich auf der Seite Chatrunde über diese informieren. Zudem kannst dich auf der Seite Chatrunde/Aufgaben für eine Aufgabe eintragen.

Alle Zusammenfassungen