Skip to main content

Barrierefrei Frisches Layout Flat Design

Webdesign Barrierefrei
Barrierefreie Webauftritte

Layout CSS3

Webauftritt individuell oder Standard?

Content-Management-System

Die meisten Webagenturen arbeiten mit CMS, denn sie sparen sich so den Aufwand für das Entwickeln und Implementieren neuer Webauftritte. Bei Weblogs oder umfangreichen Websites, die mehrere Webredakteure bearbeiten und betreuen, ist das durchaus sinnvoll.

Statische Webauftritte mit bis etwa 30 Seiten brauchen weniger Aufwand gegenüber CMS-basierten Websites. Der Webdesigner betreut selbst die Webseiten nach Bedarf sowohl inhaltlich und technisch inklusive SEO.

Flat Design oder klassisch?

Mit meinem Knowhow programmiere ich alle Websites auch gern im modernen Nearly-Flat-Design. Das Layout passt alle Webseiten an die Breite des Browserfensters an und nutzt optimal den verfügbaren Platz. Flat-Design ist eine ideale Basis für responsives Webdesign.

Mit Responsive Webdesign sind Webseiten auf allen Endgeräten einschließlich mobiler Geräte benutzerfreundlich. Das betrifft die Darstellung der Webseiten ebenso wie intuitive Navigation und interaktive Elemente.


Individuelle Gestaltung macht viel Arbeit, die meist niemand bezahlen will. Es ist einfacher, den CMS-Dialog zu bearbeiten und zu speichern.
So die Meinung von Webagenturen, die nur mit CMS arbeiten.
Als freier Webdesigner entwickle ich dagegen für jeden statischen Webauftritt grundsätzlich ein individuelles Layout im schlanken Quelltext.

Admin

Technik Funktion und Flat Design

Kritiker glauben, eine Website mit "Flat Design" verliert ihren eigenen Charakter. Doch progressive Webdesigner teilen nicht diese Meinung. Sie entwickeln der Funktion und dem Firmenstil angepasste Webauftritte. Die Seiten sind zugleich attraktiv, innovativ, nutzerfreundlich und barrierefrei. Zeitgemäße Websites müssen auf Geschwindigkeit optimiert sein. Deshalb muss Webdesign die Geschwindigkeit schon während der Entwicklung priorisieren. Webdesigner können nicht erwarten, dass der Entwickler ihr Ergebnis nachträglich zu einer schnellen Website umwandelt. Page speed muss bereits zu Beginn ein unverzichtbarer Design-Parameter sein. Mikroanimationen sind eine effiziente Methode, auf der Website intuitive und erfolgreiche Aktionen bereit zu stellen. Kleine Animationen helfen dem Benutzer, Seitenfunktionen zu verstehen und zu prüfen, indem er über ein Element mit der Maus fährt oder daauf klickt. Den meisten Benutzer sind Mikroanimationen so vertraut, dass es ihnen unverständlich ist, sie nicht zu vorzufinden. Fazit: Das Design ist der Funktion untergeordnet, aber auf keinen Fall vernachlässigbar.

Layout individuell flexibel immer zeitgemäß

Ich entwickle ubd gestalte statische Webauftritte mit selbst codierten Quelltexten. Das sind Stylesheet-Dateien in CSS3 und schlanke HTML-Seiten in HTML5 inklusive PHP-Scripte.
Statische Webseiten brauchen keine Datenbank und sind deshalb unschlagbar schnell und sicher.
Ein einfacher Programmeditor (zum Beispiel Notepad 2) reicht aus, um mit schlanken Quelltexten die gesamte Website zu entwickeln.

Barrierearm Websites für alle

Webauftritte barrierefrei/barrierearm

Barrierefreiheit und Usability ergänzen sich. Barrierefreiheit bedeutet, dass die Webseiten von allen (oder möglichst vielen) Usern zugänglich und benutzbar sind. Das gilt vor allem für Menschen mit eingeschränkten Fähigkeiten.

Blinde Nutzer wie auch die Suchmaschinen verarbeiten den Seiten-Inhalt als reinen Text. Die visuelle Gestaltung geht dabei komplett verloren. Inhalte von Webseiten wollen sie daher auch ohne CSS, JavaScript und Bilder verstehen.

Browserkompatibilität

Die Webauftritte sind getestet, wie sie in allen modernen Browsern funktionieren. Ob Firefox, Chrome, Safari, Opera oder Edge - jede Webseite funktioniert mit allen Browsern optimal und sieht geich gut aus.

Videos auf Webseiten

Videos sind seit HTML5 problemlos mit dem Video-Tag einzubinden. Überdies sind Videos damit auch offline abspielbar. Schließlich sind Videos leichter als reine Textbeiträge passiv zu konsumieren.

Auf eigenem Webspace bringen Videos allerdings auch technische Nachteile. So muss das Format von allen Geräten angezeigt werden. Auch der Server muss so leistungsfähig sein, dass er Videos vielen Nutzern gleichzeitig zur Verfügung stellen kann.

Ohne CMS und Datenbank

Statische Seiten liegen fertig auf dem Webserver vor und müssen nicht erst aus der Datenbank abgerufen werden. Die Seiten weisen deshalb eine deutlich höhere Geschwindigkeit für den Besucher auf.

Weitere Vorteile: Statische Webauftritte sind preiswert und nahezu unbegrenzt flexibel zugestalten. Statische Webseiten sind am sichersten, denn sie bieten keine Angriffsfläche gegen Hacker.

Webseiten in PHP sind ebenso sicher. Der Parser arbeitet auf dem Server im Quelltext befindliche PHP-Anweisungen ab. Dann ersetzt er diese durch normales HTML und sendet den HTML-Code zurück zum Browser.

Vorteile: Neben den Vorteilen statischer Webseiten sind komplexe Funktionen wie Kontaktformulare und Rechentools möglich. Damit sind nutzerfreundliche Interaktionen auch mit statischen Webseite ohne Einschränkung möglich.

Twitter