Test KBU

KölnBusiness Jour Fix Thema : Infografiken und Positionierung Kontakt

Offenbach, 30.06.2022

Wie sinnvoll sind Grafiken und Illustrationen generell auf einer Webseite?

Sollten Grafiken und Illustrationen auf einer Webseite Informationen wirklich darstellen, oder eher illustrativ begleiten? o Grafiken / Illustrationen sind i.d.R. nicht / nur teilweise barrierefrei und auch mobil oft nicht ideal nutzbar. Daher empfehlen wir eher den begleitenden Einsatz. o Wichtig: Auf einer Seite sollten nicht zu viele unterschiedliche Grafiktypen eingesetzt werden (Fotos vs. Illustration vs. Icon – besser nur zwei, nicht alle drei)

Orizon: Individuelle Illustrationen

Wann sind Infografiken gut geeignet? o Bei Darstellung von Abläufen, kurzer Überblick über ein Thema, Präsentation interessanter Kennzahlen o Kurze knackige Informationen o Insbesondere umfangreiche Infografiken wirken häufig besser wenn sie „Standalone“ eingesetzt werden, z.B. als Flyer, Anzeige, Poster, Microsite o Um in Hinblick auf SEO, Barrierefreiheit und Responsivität sinnvoll nutzbar zu sein, sollten sie in HTML / CSS gebaut sein. Das ist allerdings wesentlich aufwändiger in der Produktion (Design&Web) als eine reine Grafik

Bsp. Klassische Infografik

o Für den Einsatz in umfangreicheren Websites / Landingpages ist der Einsatz einer umfangreichen Infografik layout-technisch oft schwierig. Hier eher dosiertes Einsetzen von einzelnen Infoblöcken Mailchimp: Seite mit Infoblöcken

Wenn man sich für Illustrationen entscheidet: Welche Anforderungen gibt es an die Dateien, um eine bestmögliche Darstellung auf allen Endgeräten zu garantieren? Bzgl. Formaten an sich gibt es wenig Restriktionen, die gängigen Formate wie z.B. png, svg, webp werden in aktuellen Browsern aller Endgeräte ausgegeben Sobald Text und Bild kombiniert werden, es also in Richtung "echter" Infografiken geht, sollte vor allem die Darstellung auf kleinen Bildschirmen berücksichtigt werden Kann man womöglich in Typo3 selbst weitere Elemente anlegen, die für Abwechslung, sorgen und Informationen (nicht nur Zahlen!) gut darstellen können?  Der bisherige Baukasten ist bereits recht umfangreich – zu viele Elemente erschweren die redaktionelle Arbeit eher. Wir schlagen daher vor, die bisherigen Elemente aufzuwerten und um neue Icon-Optionen zu ergänzen

Beispiel: Aufwertung von Modulen mit Icons

Beispiel: Strukturierung von Contentblöcken

 Reinen Fließtext auf ein Minimum reduzieren  Größere Contentmengen in Akkordeon strukturieren  Akkordeon um optionales Icon erweitern

Wie kann man die aufgezählten Seiten optisch optimieren, bzw. wie lassen sich Informationen darstellen, außer einfach als Text/Bulletpoints?  Neben optischer Optimierung sollten auf jeden Fall auch die Inhalte kritisch hinterfragt werden. Was ist die Zielsetzung der jeweiligen Seite / Wer ist die Zielgruppe? Kann der Inhalt des Artikels als „Abstract“ am Seitenbeginn zusammengefasst werden?  Formulierungen sollten stärker in die Richtung von Ratgebern-Texten gehen  Verschiedene Elemente im Layout nutzen, Texte optisch strukturieren, Zwischen-Navigationen einsetzen Informationen ggf auf Unterseiten auslagern  Erweiterung der bestehenden Typo3 Module um die Möglichkeit, gezielt Icons einzusetzen

BT0

Beispiel: Strukturierung von Contentblöcken

Folie 8 BT0

Ist es OK für dich wenn wir 8 und 9 rausnehmen? Die haben für mich grad keinen Mehrwert Barbara Theiß; 2022-06-30T07:14:23.529

BT0 0 [@Christiane Emig] Barbara Theiß; 2022-06-30T07:14:31.184

CE0 1 Klar Christiane Emig; 2022-06-30T07:16:20.301

Beispiel: Strukturierung von Contentblöcken

Positionierung Kontakt

Positionierung Kontakt

Vielen Dank