KOMPONENTEN
BUTTONS
Buttons werden verwendet um dem User Wahlmöglichkeiten zur Interaktion besonders hervorzuheben. Schaltflächen stehen in verschiedenen Größen und Ausformungen zur Verfügung und geben visuelles Feedback über ihren Zustand. Die Farbgebung beschränkt sich MEIKO-typisch auf die Primärfarbe Blau. Schaltflächen und Links können mit oder ohne Icons verwendet werden.
FORMULARE
Formulare geben dem Benutzer die Möglichkeit persönliche Daten an MEIKO zu übermitteln. Um die Bereitschaft dazu zu erhöhen ist es wichtig, dass die Ausgestaltung von Formularen möglichst schnell erfassbar zu gestalten. Wir fragen nur die Informationen ab, die unbedingt für die Erfüllung der Anfrage nötig sind und geben Auskunft über die Sicherheit der Kundendaten.
Neben klassischen Eingabeelmenten kommen auf den MEIKO-Websites sogenannte "Natural Language Forms" zum Einsatz. Durch die Integration der Eingabefelder in aussagekräftige Anfrageformulierungen wie "Ich benötige Beratung" wird eine höhere Bereitschaft zu Konversions erzielt. Durch die sehr raumgreifende Ausgestaltung wird der User-Fokus aktiv gelenkt, verbietet aber gleichzeitig auch die Abfrage komplexerer Informationen.
BENACHRICHTIGUNGEN
Benachrichtigungen helfen dem User bei der Eingabe von Daten. Sie können je nach Hinweistyp die Farben Rot, Grün, Gelb oder Hellblau annehmen, haben abgerundete Ecken und eine gestrichelte Kontur, die durch weiß von der Hintergrundfarbfläche abgegrenzt ist. Die Farbwerte können dem unteren Beispiel entnommen werden. Hinweise erscheinen immer im Fokus des Users möglichst in nächster Nähe des betreffenden Eingabefelds. Sie sind klar formuliert und bieten Hilfestellung bei Falscheingaben, geben Feedback bei erfolgreich absolvierten Aktionen oder geben Hinweise bei erklärungsbedürftigen Interaktionsmöglichkeiten.
STEUERELMENTE UND LADEANIMATIONEN
Steuerlemente gehören zu jeder Webanwendung wie das Lenkrad zum PKW. Um widerkehrende Steueraufgaben schnell zu erfassen setzen wir auf die Verwendung der allgemein gültigen Standards und passen diese nur leicht der MEIKO-Welt an, wie z.B. durch die Ausgestaltung des aktiven Punktes als Wassertropfen z.B. bei Slideshow-Indikatoren.
INHALTLICHE GRUPPIERUNGEN UND AUFLISTUNGEN
Umfangreiche Inhalte lassen sich leichter erfassen, wenn Sie in sinnhafte Blöcke unterteilt werden. Da die technischen MEIKO-Produkte teilweise erhöhten Erklärbedarf aufweisen beeinhaltet unser UI-Design gleich mehrere solcher Unterteilmöglichkeiten, die je nach Bedarf eingesetzt werden können. Bei der Verwendung ist jedoch darauf zu achten, innerhalb logischer Einheiten immer nur eine Gruppierlösung zu verwenden.
GRUPPIERUNG ALS TABS
GRUPPIERUNG IN AKKORDEONS
Beispielsweise für Modellübersichten
GRUPPIERUNG IN AKKORDEONS
Beispielweise für FAQ-Bereiche
KACHELDARSTELLUNGEN
AUFLISTUNGEN
Beispielsweise für Downloadbereiche
AUFLISTUNGEN MIT TEASERTEXTEN
TABELLEN
PANELS
zur Hervorhebung einzelner Inhalte
Die "Sprechblasen-Ecken" sind in ihrer Position variabel, um eine Beziehung zu anderen Inhalten herstellen zu können.
GALERIEN
Wie in allen Kommunikationsbereichen wird auch digitalen Bereich wert auch hervorragendes Bildmaterial gelegt. Sei es bei Produktabbildungen oder Referenzaufnahmen. Um dem Material entsprechenden Raum zu geben stehen verschiedene Galerieausformungen zur Verfügung.
