So erstellen Sie eine Website oder ein Blog im Jahr 2020 - Kostenlose und einfache Anleitung zum Erstellen einer Website

Tipps eines Webdesigners für Ihre beste Website

Mit den neuen Jimdo-Design- und -Stiloptionen können Sie vordefinierte Themen mit einem Klick auswählen und anpassen, um das gewünschte Aussehen zu erhalten. Aber manchmal kann die schiere Anzahl von Möglichkeiten entmutigend sein. Wir bei Jimdo glauben, dass Sie kein Webdesigner sein sollten, um eine schöne, ausgefeilte Website zu haben. Das bedeutet jedoch nicht, dass wir nicht ab und zu einen professionellen Webdesigner um Rat fragen können!

Wir haben Jimdo-Webdesigner Joern Schreiber nach seinen bevorzugten Webdesign-Tipps und häufigen Fehlern gefragt, die Besucher kosten könnten (Hinweis: Stellen Sie sicher, dass Ihr Text lesbar ist!).

Warum sollte sich ein durchschnittlicher Jimdo-Benutzer für Webdesign interessieren?

Webdesign ist das Medium, um sich und Ihr Unternehmen online vorzustellen. Eine Website ist eine Art Visitenkarte, und ihr Design sagt viel über Sie aus. Wie engagiert oder beruflich engagiert sind Sie in Ihrem Geschäft? Konzentrieren Sie sich auf die Details? Du liebst was du tust?

Wenn Sie ein Produkt online verkaufen möchten, hängt die Kaufentscheidung leider nicht immer von der Qualität des Produkts ab, sondern von seiner visuellen Darstellung. Daher muss jede erfolgreiche Website einen Wohlfühlfaktor für Besucher haben, und hier kommt gutes Webdesign ins Spiel.

Was sollten Sie beachten, bevor Sie mit der Erstellung Ihrer Website beginnen?

Foto von Joern Schreiber

Joern Schreiber ist Mitglied des Webdesign-Teams von Jimdo.

Überlegen Sie sich vor dem Start, was Ihre Website erreichen soll und insbesondere, wen Sie erreichen möchten. Es scheint offensichtlich, aber viele Leute überspringen diesen Schritt und geraten später in Schwierigkeiten, weil sie eine Site erstellt haben, die nicht zu dem passt, was sie tun möchten.

Im Folgenden erhalten Sie eine Vorstellung davon, welchen Inhalt Ihre Website haben wird, da dies Ihnen bei der Auswahl des richtigen Layouts oder der richtigen Vorlage hilft. Zum Beispiel benötigen Fotos viel Platz, um den richtigen Effekt zu erzielen, und sollten einen größeren Inhaltsbereich auf der Website erhalten. Bei einem Blog ist die Lesbarkeit von größter Bedeutung. Daher möchten Sie möglicherweise größere Inhaltsbereiche für Ihren Text.

Denken Sie immer daran, dass die Aufmerksamkeitsspanne Ihrer Besucher begrenzt ist, sodass Sie sie nicht überwältigen sollten. Dies beginnt mit dem Inhalt. Es sollten nur Dinge angezeigt werden, die für Besucher auf jeder Seite wichtig und nützlich sind. Denken Sie auch darüber nach, was in Ihrer Navigationsleiste oder Seitenleiste angezeigt wird. Können Sie die Links in eine horizontale Navigation einbinden, ohne in eine zweite Zeile zu wechseln?

Wie empfehlen Sie, sich Farben und Schriftarten zu nähern?

Hier lautet das Motto “weniger ist mehr”. Beschränken Sie sich am besten auf zwei Schriftarten, die Sie immer wieder verwenden können. Gleiches gilt für die Farben. Wählen Sie eine Haupt- und eine Akzentfarbe oder zwei anstelle eines farbenfrohen Regenbogendesigns.

Denken Sie bei der Auswahl von Farben und Schriftarten an Optionen, die Ihre Branche und Persönlichkeit widerspiegeln. Eine Unternehmenswebsite verwendet wahrscheinlich andere Farben und Schriftarten als beispielsweise ein DIY-Blog. Achten Sie bei Schriftarten auf Lesbarkeit und Ausdruckskraft, z. B. verspielt oder streng, solide oder dünn.

Ähnlich strukturierte Inhalte sollten auf die gleiche Weise dargestellt werden. Entwickeln Sie Layoutmuster und verwenden Sie sie konsistent, da Sie immer dieselbe Header-Schriftart verwenden. Dies erleichtert es einem Besucher, die Informationen zu assimilieren, indem er das von ihm festgelegte Muster erkennt.

Ein Beispiel für eine pazifische Schriftart.

“Dekorative Schriftarten sind oft schwer zu lesen, wenn sie nicht in kleinen Dosen verwendet werden”, sagt Joern. In diesem Beispiel aus Google Hangouts ist die dekorative Handschrift Pacifico ein kleines Gestaltungselement, zusammen mit einer besser lesbaren serifenlosen Schrift namens Open Sans. Es hat Persönlichkeit, ist aber immer noch leicht zu lesen. Die grüne Schaltfläche zum Aufrufen von Aktionen (“Get Hangouts”) ist klar und sichtbar.

Was sind einige häufige Fehler, die Sie sehen?

Menschen vernachlässigen oft die Lesbarkeit des Textes auf ihrer Website, aber es ist äußerst wichtig für ein gutes Website-Design. Denken Sie an Größe, Abstand und Kontrast. Die Schriftgröße muss mindestens 16px betragen. Der Abstand zwischen den Zeilen sollte großzügig sein (1,5 ist die Norm).

Der Kontrast ist für die Lesbarkeit sehr wichtig. Es gibt einen Grund, warum Bücher seit jeher in schwarzer Tinte auf weißem Papier gedruckt wurden. Sehen Sie sich Ihren Text auf verschiedenen Bildschirmen und Geräten an, um sicherzustellen, dass alles sichtbar ist.

Einige andere Probleme, die ich oft sehe:

  • Zu viel Inhalt auf einer Seite. Das Lesen auf dem Bildschirm ist anstrengend und die Aufmerksamkeitsspanne der Menschen ist kurz. Denken Sie daran, die wichtigsten Informationen oben auf die Seite zu setzen und unnötige Dinge zu entfernen.
  • Zu viele Farben Weniger ist mehr! Lassen Sie sich nicht von Farbe mitreißen, da dies ablenken kann.
  • Übermäßiger Gebrauch von dekorativen Schriftarten. Dekorative Schriftarten (Handschrift, Comic, Postertyp) sind oft schwer zu lesen, wenn sie nicht in kleinen Dosen verwendet werden. Sie eignen sich am besten für Designelemente oder Überschriften. Verwenden Sie für den größten Teil Ihres Textes herkömmliche Serifen- oder serifenlose Schriftarten.

Es ist auch hilfreich, Ihre Website Ihren Freunden zu zeigen und um ehrliches Feedback zu bitten. Bitten Sie sie, Ihren Text zu lesen und sicherzustellen, dass sie nichts verpassen. Holen Sie sich Ihre Eindrücke davon, wie Ihre Website aussieht. Sie möchten, dass Sie erfolgreich sind, und helfen Ihnen gerne weiter!

Gibt es noch andere Webdesign-Tricks, die Sie gelernt haben, oder häufig auftretende Webdesign-Fehler? Lass es uns in den Kommentaren wissen.