it-swarm.com.de

Wie verbessere ich die Lesbarkeit von Text?

Es fällt mir immer schwer, die Lesbarkeit meiner Website zu beurteilen, und es gibt so viele widersprüchliche Informationen. Also dachte ich, ich würde hier nach einigen Optionen fragen. Könnten Sie bitte einen kurzen Blick auf meine Website werfen und mich wissen lassen, ob die Lesbarkeit gut ist?

http://www.forex4noobs.com/forex-education/

Bitte ignorieren Sie die grünen und schwarzen Überschriften, mit denen ich noch spielen muss. Ich brauche Ratschläge zum Haupttext.

Aktuelle Einstellungen sind:

font-family:"myriad-pro-1","myriad-pro-2",HelveticaNeue,Helvetica,Arial,serif;
font-size:14px; 
line-height:1.43em; (roughly 20px)

Jeder Rat zur Verbesserung der Lesbarkeit wäre sehr dankbar.

7
Nick

Das größte Problem ist die visuelle Betonung, die durch die helle Farbe (in diesem Fall Grün) verloren geht. Sie können sagen "ignorieren Sie die andere Farbe", aber es ist das größte Problem mit der Lesbarkeit! Es ist daher schwierig, die Lesbarkeit erfolgreich zu verbessern, ohne an dieser Farbe zu arbeiten.

  • Das Menü auf der linken Seite ist sehr kontrastreich und lenkt den Leser vom Haupttextbereich ab. Ich würde das visuelle Gewicht des Menüs erheblich reduzieren, indem ich die grüne Hintergrundfarbe von Menüelementen entferne oder reduziere.
  • Die von Headern verwendete grüne Farbe ist zu hell/kontrastarm und erschwert das Lesen. Es wird auch weniger visuell hervorgehoben, da es sich häufig direkt über einem großen, fetten, schwarzen Header befindet. Aber dieser schwarze Header ist eigentlich ein Sub-Header zum grünen. Erwägen Sie, die Farben zu wechseln und den wichtigeren Header zu vergrößern, um die richtige Hierarchie deutlicher zu machen. Ich würde auch das Grün ziemlich abdunkeln; Ich habe Probleme beim Lesen und bin nicht in der Sonne (noch habe ich schlechtes Sehvermögen).
  • Der Seitentitel ist irgendwie unsichtbar, wieder weil er grün ist. Machen Sie es schwarz oder eine andere Farbe, die herausspringt, und machen Sie es viel größer. Fügen Sie einen Rand zwischen der Kopfzeile und dem Textkörper ein - Leerzeichen helfen dabei, Dinge hervorzuheben.
  • Fügen Sie Leerzeichen zwischen Textabschnitten und Unterüberschriften hinzu, um erneut hervorzuheben, dass Sie einen neuen Abschnitt eingeben.
  • Fügen Sie nach dem Inhalt am Ende der Seite viel Leerzeichen hinzu, damit ich meine Augen nicht zum unteren Rand des Monitors richten muss, um die Seite zu lesen. Whitespace hier gibt meinen Augen auch eine Pause, anstatt alles zusammenzudrücken.
  • Die Wahl und Größe Ihrer Hauptschriftart ist ziemlich in Ordnung, ebenso wie die Zeilenhöhe. Erhöhen Sie die Zeilenhöhe zwischen den Absätzen geringfügig.
  • Warum willkürlich Verdana und Arial verwenden? Verbessern Sie die Lesbarkeit, indem Sie sich an eine Schriftart halten. Eine gute Faustregel besteht darin, Schriftarten auf eine pro Familie zu vereinfachen (z. B. Serife/serifenlose Schrift). Dies gilt nur für gelesenen Text. Offensichtlich sollten Designer frei sein, Schriftarten für andere Zwecke zu wählen.

Ich habe einige Dinge mithilfe der Inspektorfunktion von Webkit geändert, um Ihnen eine Vorstellung davon zu geben, wovon ich spreche:

enter image description here

Hinweis: Irgendwo auf dem Weg gingen die Bilder im Menü verloren. das war nicht beabsichtigt. Behalte sie! Sie sind großartige Kapitelindikatoren.

13
Rahul

Mein erster Eindruck ist, dass Sie die Leerzeichen zwischen dem Ende des Textes und neuen Überschriften vergrößern sollten. Die Site vermittelt einen "schweren" Eindruck. Viel Text befindet sich auf einem eher kleinen Raum. Leerzeichen, Bilder oder andere nicht textuelle Elemente werden häufig verwendet, um Websites aufzuhellen.

4
Henrik Ekblom

Erstens liebe ich die Ninja-Analogie. Ich meine, mit Ninjas kann man nichts falsch machen.

Es scheint jedoch, dass Sie versuchen, auf einer Seite zu viel zu erreichen. Teilen Sie Ihre Nachricht in mehrere Seiten auf und fassen Sie Ihre Informationen auf ein oder zwei kurze Absätze zusammen. Stellen Sie dann Links zu den detaillierteren Informationen bereit.

Führen Sie mit Aussagen, die den Leser zum Lesen verleiten. Ihre erste Frage ist ein hervorragendes Beispiel dafür. Ich empfehle, die Schriftart zu erhöhen, um die Aufmerksamkeit des Lesers auf sich zu ziehen.

Möchten Sie unserer Forex Ninja Academy beitreten?

Wenn Sie den Leser mit Ihrer ersten Nachricht verbinden, klicken diese automatisch, um weiterzulesen.

Gute Arbeit!

2
Dubs