Zum Inhalt springen
BXM Multimedia: Startseite

Websites

Website-Projekte: Komponentenbibliothek statt zufälliger Unterschiede

Die Header, Buttons, Karten und Formulare sollen ein gemeinsames System bilden, das an einer Stelle dazu beiträgt, die Projektkohärenz zu bewerten und nachfolgende Unterseiten effizient zu entwickeln.

Die Header, Buttons, Karten und Formulare sollen ein gemeinsames System bilden, das an einer Stelle dazu beiträgt, die Projektkohärenz zu bewerten und nachfolgende Unterseiten effizient zu entwickeln.

Sammeln von Elementen, die mehrmals auftreten

Die Gestaltung der Seite wiederholt die Schaltflächen, Abschnittstitel, Servicekarten und Nachrichten. Wenn jeder Bildschirm unabhängig voneinander erstellt wird, treten schnell kleine Unterschiede auf: ein anderer Rundungsradius, ein größerer Pfeil oder ein anderes Intervall. Mit der Zeit verliert der Dienst seinen einheitlichen Charakter.

Es lohnt sich, eine einfache Bibliothek dieser Elemente zu erstellen, die keine erweiterte Dokumentation sein muss, sondern das genehmigte Erscheinungsbild und die Rollen der wichtigsten Teile der Schnittstelle zeigen sollte.

Beschreiben Sie die Anwendung von Optionen

Der Hauptknopf kann die wichtigste Aktion unterscheiden, und die ruhigere Option führt zu Hilfsinformationen. Artikelkarte und Servicekarte können ähnlich sein, aber sie müssen nicht die gleichen Daten enthalten.

  • Geben Sie den Stil des Haupt- und Hilfsknopfes an.
  • Legen Sie die Hierarchie der Header und des beschreibenden Textes fest.
  • Zeigen Sie die Regeln für die Verwendung von Icons und Pfeilen an.
  • Berücksichtigen Sie Fokus, Aktivitätsanzeige und Wartezustand.

Testelemente an härteren Beispielen

Fügen Sie in der Bibliothek einen langen Titel, eine Schaltfläche mit mehr Wörtern und eine Karte ohne Bild hinzu. Überprüfen Sie das Verhalten auf einer kleinen Breite und mit vergrößertem Text.

Aktualisieren Muster mit Projekt

Wenn Sie ein gemeinsames Element ändern, überprüfen Sie die Stellen, an denen es verwendet wird. Ein Patch kann viele Ansichten beeinflussen. Speichern Sie den Grund für die Änderung und behalten Sie die Kompatibilität zwischen dem Projekt und der implementierten Version. Zusammenhalt der modernen SeiteEine gute Bibliothek schränkt die Kreativität nicht ein: Sie ermöglicht es Ihnen, das Projekt bewusst zu entwickeln und gleichzeitig seine erkennbaren Prinzipien beizubehalten.

BxM · Vom Lesen zum Handeln

Haben Sie Ideen für eine Veränderung?

Sagen Sie uns, was Sie auf Ihrer Website verbessern möchten. Gemeinsam werden wir festlegen, welche Änderungen zuerst geplant werden sollen.