Wie kann ich diese Sekundärseiten ohne radikales Redesign verbessern?

Wenn es schwierig ist, herauszufinden, was an einem Design geändert werden soll, haben Sie nicht wirklich definiert, was falsch ist. Dass es falsch ist, muss klar sein. Warum es falsch ist, finden Sie dort, wo Sie die Antworten auf "Wie behebe ich das?" Die genaue Identifizierung eines Problems (sowohl im Leben als auch im Design) gibt Ihnen seine Lösung.

In diesem Fall gibt es viel zu korrigieren, aber das große, eklatante Problem ist, dass das Layout und die Informationshierarchie keine Verbindung zueinander haben. Diese riesige, kränklich grüne Box ist visuell das wichtigste Element auf dem Bildschirm. Es ist so dominant, dass es die Aufmerksamkeit auf sich zieht, aber das Einzige, was darin enthalten ist, ist eine Überschrift, die weniger als ein Viertel der Box ausfüllt! Zwei ganze Seitenleisten enthalten jeweils einen überflüssigen Absatz. Die wichtigsten Navigationselemente der Homepage werden in ein winziges, unlesbares, falsch ausgerichtetes Durcheinander gequetscht.

Entfernen Sie in der Zwischenzeit die linke Seitenleiste und erweitern Sie das Inhalts-Div. Verwenden Sie die rechte Seitenleiste für all diese Themenquadrate, wenn sie in sie verliebt sind, zwei übereinander oder einzeln gestapelt. Kein dummer Textabsatz. Befreien Sie sich von der grausigen gelb-grünen Box. Gestalten Sie eine schöne große Überschrift für jedes Hauptinhalts-Divs Ihrer sekundären Seite, vielleicht in diese Richtung:

Richten Sie die obere Navigationsleiste links aus. Das Auge erkennt es nicht, wenn es richtig ausgerichtet ist, daher fühlt es sich unangenehm an und sieht aus wie ein Fehler.

Versuchen Sie, den Kunden davon zu überzeugen, dass es unnötig ist, jedes Element der Seite und die Seite selbst in eine Reihe chinesischer Kästchen einzuschließen. Die Informationen werden sich nicht losreißen oder Amok durch die Site laufen, Chaos auf unschuldigen Untertiteln anrichten und Besucher abschrecken. Es wird dort bleiben, wo es hingelegt wurde.

Erhellen Sie die Dinge. Das deprimierend dunkle Schema trägt zum Vergehen bei, alles zu boxen.

Bereiten Sie die Archivbilder wieder auf (wie beim Mulchen). Sie sind oft zweideutig, wie die auf der Referenzseite: Soll das das Unternehmen oder die Kunden repräsentieren? Sind sie die tatsächlichen Personen – Sie und ich wissen, dass sie es nicht sind, aber der durchschnittliche Besucher wird es nicht tun – oder nicht? Verwenden Sie zumindest eindeutige Bilder oder (wie in meinem Beispiel) Bilder, die nicht vorgeben, echt zu sein.

Beste Lösung: Holen Sie sich einen Designer, mit dem Sie arbeiten können. Die können sich doch sicher einen leisten? Es gibt viele kleinere Dinge, die auch repariert werden müssen, damit das Ganze professionell aussieht, auf die ein Designer selbstverständlich eingeht. Ich würde Ihrem Kunden vorschlagen, dass seine Kunden und die Kunden, nach denen sie suchen, eine High-End-Website erwarten. Es gehört dazu, glaubwürdig zu sein und viel Geld für seine Dienste verlangen zu können.

Wenn Sie Ihre Navigation in die obere rechte Ecke stopfen, lenken Sie die Aufmerksamkeit wirklich vom vielleicht wichtigsten Teil der Website ab, der Navigation. Stellen Sie sicher, dass Ihre Navigation auf allen Seiten konsistent ist. Ordnen Sie ähnliche Seiten unter der einen allgemeinen Seite an, die ähnliche Unterseiten auflistet (z. B. können Sie unter Geschäfts- und Übersetzungsdiensten Links zu „modernen Sprachen“ und „Geschäftsschulung“ haben). Erarbeiten Sie eine Sitemap und fügen Sie eine bessere Navigation hinzu, um dem Benutzer anzuzeigen, auf welchem ​​Abschnitt der Website er sich befindet. (Schauen sie sich z. B. eine Seite unter „Neuigkeiten“, „Unternehmensunterstützung“ oder „Kunden“ an...?)

Legen Sie fest, wo Ihre Navigation sein soll (Zuhause, Programmierung, Schulung usw.). Ich empfehle entlang der linken Seite.

Es sei denn, Sie haben spezielle dedizierte Inhalte, die Sie unterscheiden möchten, benötigen Sie nicht so viele Spalten wie Sie.

Bleiben Sie bei einem 2-Spalten-Layout: linke Spalte für die Navigation, die rechte Spalte für den Header-/Body-Inhalt.

Sie können den aktuellen Inhalt in der unteren rechten Spalte (z. B. Wir bieten umfassende Schulung[...]) mit der Überschrift als Unterüberschrift zusammenführen, um den einzelnen Abschnitten Kontext zu geben.

Sie können das, was sich derzeit in der linken Spalte befindet, durch das Navigationsfeld ersetzen, das sich derzeit in der oberen rechten Spalte befindet. Stellen Sie sicher, dass Sie es so anordnen, dass es einen Link pro Zeile gibt, damit ein Besucher jeden Link leicht unterscheiden kann. Derzeit sieht die Navigationsbox wie eine Art Dekoration aus. Inhalte, die nicht in der linken Spalte enthalten sind, können Sie dem Haupttext hinzufügen, als Einführung in das, worüber Sie in diesem Abschnitt sprechen möchten (ähnlich wie für die Überschrift, aber vor dem gesamten Haupttext).

Versuchen Sie, mit Div-Layern anstelle von statischen Tabellen zu arbeiten, das gibt Ihnen viel mehr Flexibilität in Bezug auf die Formatierung.

Identifizieren Sie Ihre ideale Bildschirmauflösung und verwenden Sie dann, um zu sehen, mit wie viel Speicherplatz Sie arbeiten müssen.