Webdesign für alle

Wenn Sie kein Designer sind, können Ihnen diese Tipps helfen, eine zufriedenstellendere Webpräsenz aufzubauen. Das soll den Designerberuf keineswegs trivialisieren, sondern Menschen ohne Designer-Ausbildung eine hilfreiche Perspektive und Möglichkeit zur Selbstkritik geben. Denken Sie außerdem nicht, dass jeder Website‑Ersteller ein ausgebildeter Grafikdesigner ist – ganz im Gegenteil! Bedenken Sie auch: Ein Designer kennt vielleicht alle neuesten Trends im Grafikdesign, aber Sie sind die/der führende Experte für das Thema, um das sich Ihre Website dreht.

Folgen Sie einer klaren Intention

Der beste Weg zu einer stimmigen Website ist, sich über Ihre Intention klarzuwerden und das Projekt entsprechend aufzusetzen. Sitely‑Elemente besitzen viele Eigenschaften, jeweils mit Voreinstellungen. Diese sollen Sie schnell starten lassen, dienen teils als Platzhalter; Ihr Ziel sollte jedoch sein, Schriften, Farben, Bilder, Schatten, Rahmenstärke oder -abrundung anhand Ihrer Intention auszuwählen – nicht anhand der Voreinstellungen. Machen Sie einen Plan und halten Sie sich daran.

Visuelles Durcheinander reduzieren

Weniger visuelles Durcheinander lässt Ihre Inhalte professioneller wirken. Unordnung hat viele Gesichter.

Beschränken Sie Ihre Schriftauswahl auf ein paar Familien und Ihre Farbauswahl auf ein paar Grundfarben. Sie können weiterhin für ausgewählte Elemente andere Schriften und Farben einsetzen, aber sparsam und geschmackvoll – wie ein farbiges Kissen auf einem neutralen Sofa. Eine begrenzte Farbzahl kann sich einschränkend anfühlen; Vielfalt erreichen Sie dennoch über unterschiedliche Helligkeiten der Grundfarben, ohne zusätzliches visuelles Rauschen zu erzeugen.

Verwenden Sie Rasterlinien und Ausrichtungshilfen, um Elemente sauber auszurichten (außer wenn Sie sich ausdrücklich dagegen entscheiden!), und setzen Sie Abstände zwischen Elementen als Gestaltungsmittel ein, das Inhalte betont.

Wenn Sie Sitelys Textstile, synchronisierte Farbfelder und auf mehreren Seiten gezeigte Elemente nutzen, sorgt das dafür, dass die Ordnung sich über die gesamte Website erstreckt.

Versetzen Sie sich in Ihre Besucher hinein

Wonach sucht Ihr typischer Besucher? Welche Antworten möchte er? Indem Sie sorgfältig auswählen, was Sie sagen – und was nicht –, können Sie Ihr Publikum besser abholen und die Website wirksamer machen.

So verlockend es ist, sämtliches Material auf die Website zu stellen: Wichtig ist eine gut durchdachte, gut organisierte und insgesamt klare Struktur. Das wird sich in Ihrer Navigation zeigen und zu einem besseren Erlebnis führen.

Typischerweise sollten Sie die Menge an Pflichtlektüre begrenzen, Überschriften so lange umformulieren, bis sie klar und auf den Punkt sind, und Stockfotos als Inhaltsersatz vermeiden (als Stimmungsbild können sie funktionieren).

Sorgen Sie für Schärfe und Lesbarkeit

Verwenden Sie stets Bilder mit ausreichender Auflösung. Auch wenn Ihr eigener Bildschirm kein Retina‑Display ist, haben Ihre Besucherinnen und Besucher auf dem Smartphone wahrscheinlich eine hohe Pixeldichte – andernfalls sehen sie ein niedrig aufgelöstes Bild. Der Auflösungs‑Indikator von Sitely neben Bildern hilft dabei.

Achten Sie außerdem darauf, dass die Textfarbe genügend Kontrast zum Hintergrund hat. Auch wenn Sie offizielle Richtlinien zur Barrierefreiheit möglicherweise nicht einhalten müssen, möchten Sie dennoch sicherstellen, dass Ihre Website gut lesbar ist.

Inspiration

Wir stehen auf den Schultern von Giganten; es ist natürlich und gesund, sich von Dingen, die man im Web sieht, inspirieren zu lassen und Arbeiten zu imitieren, die man bewundert. Bedenken Sie jedoch, dass viele Websites im Netz stark durch das zugrunde liegende Werkzeug oder die Technologie eingeschränkt sind. In Sitely haben Sie deutlich mehr Freiheiten, daher möchten wir Sie ermutigen, Konventionen zu brechen, Klischees zu vermeiden und Ihr ganzes Selbst in Ihr Design zu legen. Es versteht sich von selbst: Wenn Sie Ihr Design stark auf eine Vorlage stützen, bringen Sie nur die Hälfte von sich zum Ausdruck.

Dos und Don’ts

• Erstellen Sie kein „Nach oben“-Element; Menschen sind mit Scrollen vertraut, iOS hat dafür sogar eine integrierte Abkürzung (auf die Uhrzeit am oberen Bildschirmrand tippen);
• verwenden Sie Sitelys Multi‑Device‑Funktion nicht so, dass Sie eine Gerätebreite anhand Ihrer Inhalte wählen; passen Sie Ihre Inhalte stattdessen an alle Geräteleayouts an;
• animieren Sie nicht übermäßig; Nutzer neigen dazu, sich wiederholende Animationen zu ignorieren; andererseits können Animationen das Einblenden von Inhalten unterstützen (beim initialen Laden der Seite oder beim Scrollen);
• schneiden Sie Bilder nicht vorab in Bildbearbeitungsprogrammen zu; Sitely generiert stets optimierte Bilder, und mehr verfügbare Auflösung gibt Ihnen die Flexibilität, ein Layout zu verfeinern;
• verwenden Sie den Wireframe-/Platzhalter‑Modus, um ein Gefühl für das Layout zu bekommen;
• nutzen Sie Fotografie, um Inhalte zu unterstützen;
• verwenden Sie keine austauschbaren Bilder; wählen Sie die passende Metapher oder Produktfotografie.