Design brush up
 

Hallo

ich betreibe eine erfolgreiche CH-Hobby-Website (1 Mio. Besucher/Jahr) - ALTERNATIVES WANDERN

Die Site ist in die Jahre gekommen und bräuchte dringend ein moderneres Design. Ich finde das bestehende selbst als bieder. Da ich kein Grafiker bin, habe ich keine Ahnung, wie ich sie verbessern könnte. Insbesondere betrifft dies die Detailseiten zu den verschiedenen Kategorien -> Datentabellen.

Vielleicht hat jemand einige Anregungen.

Danke

Besser strukturieren. Nicht mehr als fünf Navipunkte. Die Navi oben hat 15 Punkte. Aufs Wesentliche konzentrieren. Mach dir klar, was deine Leute eigentlich bei dir wollen.

Prioritäten setzen. Giftgrün, rot, bunte Icons: Bei dir schreit alles, dadurch ist nichts mehr zu finden. Nahezu alles sollte schlicht und zurückhaltend sein, damit die fünf wichtigsten Navipunkte zu erkennen sind.

Wenn du Power-User hast, die bestimmte Sachen immer wieder schnell finden wollen, gib ihnen eine große, unscheinbare Navi am unteren Rand.

Zu den Datentabellen möchte ich nichts sagen. Ich bin kein Wanderer. Wenn ich sage, du sollst unwichtige Dinge herausnehmen und die Daten optisch schicker aufbereiten, vermisst ein Experte vielleicht die Daten, die er so auf einen Blick hat, und ist von der umständlichen Navigation genervt. Hier solltest du denke ich selbst überlegen, welche Darstellung optimal ist.

@netAction

Du bist der 1., der mit der Navigation nicht zurecht kommt. Rückfluss meiner Leser heben immer wieder die klare Strukturierung hervor. 15 unterschiedliche Themen willkürlich zusammenzufassen und in einer "Übernavi" auf 5 Punkte zu verkürzen ist nicht möglich und wäre SEO technisch absoluter Schwachsinn.

Mit der Farbwahl bin ich mit dir einverstanden. Die kann verbessert werden.

Für Poweruser gibt es auf der Hauptseite, 1. Spalte bereits eine "Schnellnavi". Mit 1 Klick lässt sich jede Seite der Website erreichen.

Gruss
Rico

Hallo Rico
dann bin ich der zweite :mrgreen: Ok, Scherz beiseite. Ich kann die Einwände von netAction nachvollziehen. Für mich (als neuer Besucher) wirkt die Seite auch erst mal sehr verwirrend.

Anmerkungen:
das hellgrau wirkt zu technisch. Teste mal, mach mal den border um #main weiss --> wirkt schon anders.
Die Links in der grünen Navi brauchen display: block --> bessere Usability.
Die Qualität der Bilder/Grafiken ist teilweise nicht gut.
Das hover der Links ist nicht einheitlich (Farbe bzw. gar kein Effekt).
h1: das dunkelgrau sollte weg, in eine Zeile, anderer moderner Font (für alle hx?).
Ev. die Kopfnavi ganz nach oben?
Wegen Übersichtlichkeit eine Navi in den Footer?

BTW: weil du SEO ansprichst. Der Aufbau der Seite (Semantik, Technik) liegt wohl schon eine Weile zurück. Viele Tables, Links nicht in ul, usw...

Schau mal auf die Grafik. Hab ein paar Farben weggemacht.

Hallo

Der Rückfluss der Leser ist ein schlechter Indikdator für die Zugänglichkeit einer Website. Wer mit der Seite nicht zufrieden ist klickt im WWW einfach wieder weg. Negative Rückmeldungen unterbleiben. Oder willst du ernsthaft erzählen, das du dich bei einem Seitenbetreiber meldest, wenn du seine Seite verbesserungswürdig findest?

Wenn ich Leute beim surfen beobachte höre ich jede Menge Flüche über unzureichende Navigation ("Wo muss ich denn jetzt wieder klicken" oder "Auf die Seite wollte ich ja gar nicht" oder ... oder ... oder....) oder andere Mängel, aber ich habe noch nicht einmal erlebt, das sich jemand die Mühe gemacht hat, dem Seitenbetreiber eine entsprechende Nachricht zu kommen zu lassen. Entweder man kämpft sich zur gewünschten Information durch oder versucht sein Glück beim nächsten Anbieter.

Wenn du ich über positive Kritik und ausbleibende negative Kritik freust lebst du deshalb etwas an der Realität vorbei. Und deine Reaktion auf netActions Beitrag zeigt ja auch ganz deutlich, das sich Kritik, sogar wenn sie wie bei dir angefordert wird, in der Regel nicht lohnt, da sie mit beleidigten Ausreden weggeschoben wird.

Der Aufbau deiner Seite, die Bedienbarkeit und die Zugänglichkeit stammen aus dem letzten Jahrtausend.

Wenn du etwas ändern willst (und du dazu auch innerlich bereit bist, was erfahrungsgemäß die größte Hürde sein wird), musst du dich entscheiden:

a) Ich will eigentlich gar nichts ändern, sondern der Seite nur eine moderne Optik verpassen.

b) Ich will die Seite auf den Stand aus dem Jahr 2000 bringen und aufs Tabellenlayout verzichten. Von dem grundsätzlichen Aufbau und meinen Vorstellungen und Einschränkungen will ich dann doch nicht lassen.

c) Ich will eine zukunftsichere Seite nach den aktuellen Standards schaffen, die auf möglichst vielen Ausgabe- und mit möglichst vielen Eingabegeräten nutzbar ist, und bei der dadurch so wenig wie mögliche Besucher ausgeschlossen werden. Dazu bin ich bereit mein Wissen zu erweitern, mich von eingrenzenen Vorstellungen zu trennen und den Wünschen meiner Besucher mehr Platz zu geben.

Gruss

MrMurphy

Du benutzt das Wort SEO mit DER Seite? :P
Also sorry, aber um jetzt mal hier klare Worte dazu zu finden: Die Semantik der Seite kann man knicken. Navigationslisten? Fehlanzeige! Tabellen für Listeninhalte? Wieso? Ich wills nicht weiter ausführen, aber die Seite ist Anti-SEO. (Trotz der Suchplatzierung Platz 1 bei der Suche nach "alternatives Wandern").

Das soll nicht angreifend sein, aber es tut mir Leid die Seite ist so unübersichtlich und besitzt auf der Startseite allein schon opberhalb der "1-Klick-Navigation" (Bei der auch 2 mal geklickt werden muss.) 27(!!!!!) Links (intern und Home-Links nicht mitgezählt.)

Da von einer "klaren" Navigation zu sprechen bezweifle ich. Ich weiß noch nichtmals was "alternatives wandern" ist. Die Leute, die sich damit auskennen und wissen was sie suchen.

Edit: Erst nachdem der Inhalt strukturiert und aufgeräumt ist, kann vom Design geredet werden.

@Manfred

danke für die konstruktive Kritik.
#main auf weiss gesetzt!
° moderner font für h1 : ich werde mir einen kostenlosen font suchen, den ich laden kann. Damit gewährleistet ist, dass er auf allen Computern vorhanden ist.
° Navi auch in den footer, werde ich in Betracht ziehen.
° Vereinheitlichen der Linkfarben wird gemacht.

2004! Wo immer möglich werde ich die tables bei einem relaunch entfernen! Ganz einfach ist das nicht, weil ich mit variablen Seitenbreiten arbeite und riskiere, dass sich Teile aus dem Fenster schieben.

Danke und Gruss
Rico

das war keine beleidigende Antwort. Und wenn es so verstanden wurde tut es mir leid. Ich bin mit 15 Themenkreisen auch nicht glücklich. Aber du kannst mir scher verraten, wie ich die auf 5 verkürze.
Nicht ganz! 2004!

das ist sicher ein wichtiger Punkt.
Tabellenlayout gibt es nur bei der Homepage, 2.Kolonne und Navi. Datentabellen können kaum anders dargestellt werden. Navi als Tabelle anstatt <li> -> bei variabler Seitenbreite wird sie aus dem Fenster geschoben. Änderungen an der Struktur werde ich bei einem Relaunch vornhemen.


Danke für dein ausführliches feedback
Rico

Warum keine <li> für die Navi habe ich bereits an anderer Stelle erwähnt. Es gibt übrigens noch unzählige Plätze 1 mit keywords.

Du kannst mir sicher verraten, auf welcher Seite ich die nur 1x vorhanden Links besser platziere!? Die "1 Klick-Navi" hatte ich ursprünglich auf onmouseover. Das wirkt zu unruhig und wird auch geöffnet, wenn ein user versehentlich darüber fährt.
Steht im Eingangstext. Übrigens sind heute 2:1 Direkteinwähler (bookmarks) zu Suchergebnissen.
Wenn ich einen Relaunch der Site plane, werde ich diese nicht 2x anpassen, sondern in einem Aufwisch neu gestalten

Danke und Gruss
Rico

Finde diese Stelle nicht. Könntest du es noch einmal kurz nennen? :)

Wer spricht von besser platzieren? Ausmisten trifft es eigentlich eher.
Bzw. zusammenlegen. Das ist alles eine Sache der Seitenstruktur.

(BTW: Bei einer kleinen Stichprobe von 10 Seiten habe ich auf keiner mehr einen Link zum Impressum gefunden, da könntest(!) du ein Problem bekommen)


Neben der Tatsache, das ich den ersten Satz nicht verstanden habe, benutzt du im Text viele Wörter die ich nicht raffe (dann vin ich vllt zu dumm dazu, aber ich bin interessiert und so geht es anderen auch, die dann aber nicht viel weiter kommen.)

Wie ich finde der falsche Weg. Du willst die Seite jetzt etwas aufmöbeln, aber du vergisst, das der Inhalt dafür wichtig ist und du eine Content-Bombe gezündet hast.