Du bist nicht angemeldet.

1

Samstag, 25. Januar 2003, 01:47

sv-einigkeit.de - Navigation optimieren?

Hallo Leute,

schaut euch doch bitte mal die von mir betreute Vereinshomepage sv-einigkeit.de an.

Ich habe verschiedenen Ideen für ein neues Navigations-Konzept auf dieser Seite - bevor ich jetzt aber alles "umkremple" wäre ich euch sehr für eure Meinung zu meinen Ideen dankbar.

1. Navigation 'Zwischenseite'
Die Navigation wird nach oben verlegt (in den schwarzen Bereich), links soll sich nichts mehr befinden. Oben sollen nur die Kategorien-Namen (also z. B. Verein, Fahnenweihe, Sport, etc) als Links stehen, die jeweils zu einer Auswahlseite führen.

2. Navigation 'Aufklapp-Menü'
Links sollen sich nur die Kategorien-Namen befinden (Gestaltung etwa gleich wie jetzt), die dazugehörigen Navigations-Punkte sollen erst bei Klick auf den Kategorien-Namen eingeblendet werden. (also wären nur die Unterpunkte für die jeweils gewählte Kategorie sichtbar)

An der jetzigen Navigation stört mich, dass bei langen Seiten der Inhalt der Navigations-Spalte irgendwann endet und dann nur noch eine sinnlose leere Spalte vorhanden ist. Die Navigation schränkt auch die Zahl der Seiten ein - denn wer will schon eine Liste mit 50 Einträgen durchsuchen?

Welche Anregungen habt ihr sonst noch rund um die Navigation? Vielen Dank für eure Hilfe im Voraus.

MfG

-=DukeXP=-

P. S. Dieser Beitrag hat zwar nur wenig mit 'Seitenbewertung' zu tun, aber es heißt ja auch 'Holt euch eine Meinung!' - und das habe ich vor. :D

2

Samstag, 25. Januar 2003, 09:32

RE: sv-einigkeit.de - Navigation optimieren?

Zitat

Original von DukeXP
Ich habe verschiedenen Ideen für ein neues Navigations-Konzept auf dieser Seite
[...]
1. Navigation 'Zwischenseite'
Die Navigation wird nach oben verlegt (in den schwarzen Bereich), links soll sich nichts mehr befinden. Oben sollen nur die Kategorien-Namen (also z. B. Verein, Fahnenweihe, Sport, etc) als Links stehen, die jeweils zu einer Auswahlseite führen.
Du meinst so ähnlich wie bei memowe.de? Finde ich gut. :)

Zitat

2. Navigation 'Aufklapp-Menü'
Links sollen sich nur die Kategorien-Namen befinden (Gestaltung etwa gleich wie jetzt), die dazugehörigen Navigations-Punkte sollen erst bei Klick auf den Kategorien-Namen eingeblendet werden.
Das geht aber nur mit DHTML, oder? OK, etwas ähnliches ginge auch mit CSS-Pseudoklassen, aber da spielt Onkel IE nicht mit. Und clientseitige Scriptsprachen haben IMO in einer Navigation nichts verloren.

Zitat

Welche Anregungen habt ihr sonst noch rund um die Navigation?
Wieso simulierst Du mit Tabellen eine Liste? Verwende verschachtelte Listen und style diese mit CSS.

HTH! :)
mem
Signatur von »memowe« Mirko Westermeier - Public key: 0x730E195D
Key fingerprint = 55A8 9646 9B58 60AC B5BC 9661 FDD4 93C0 730E 195D

3

Samstag, 25. Januar 2003, 13:23

RE: sv-einigkeit.de - Navigation optimieren?

Zitat

Original von memowe

Zitat

2. Navigation 'Aufklapp-Menü'
Links sollen sich nur die Kategorien-Namen befinden (Gestaltung etwa gleich wie jetzt), die dazugehörigen Navigations-Punkte sollen erst bei Klick auf den Kategorien-Namen eingeblendet werden.
Das geht aber nur mit DHTML, oder? OK, etwas ähnliches ginge auch mit CSS-Pseudoklassen, aber da spielt Onkel IE nicht mit. Und clientseitige Scriptsprachen haben IMO in einer Navigation nichts verloren.
Ich dachte da an eine Lösung mit SSI, da's da garantiert keine Darstellungsprobleme gibt. Außerdem wär's nur konsequent, da auch sonst alle "gleichen" Bestandteile aller Seiten per SSI eingebunden werden. Im Prinzip verwende ich die SSI-Befehle für diese Aufgabe bereits jetzt - beim "Navigations-Pfad" im schwarzen Bereich.

4

Samstag, 25. Januar 2003, 13:27

RE: sv-einigkeit.de - Navigation optimieren?

Zitat

Original von DukeXP

Zitat

Original von memowe

Zitat

2. Navigation 'Aufklapp-Menü'
Links sollen sich nur die Kategorien-Namen befinden (Gestaltung etwa gleich wie jetzt), die dazugehörigen Navigations-Punkte sollen erst bei Klick auf den Kategorien-Namen eingeblendet werden.
Das geht aber nur mit DHTML, oder? OK, etwas ähnliches ginge auch mit CSS-Pseudoklassen, aber da spielt Onkel IE nicht mit. Und clientseitige Scriptsprachen haben IMO in einer Navigation nichts verloren.
Ich dachte da an eine Lösung mit SSI, da's da garantiert keine Darstellungsprobleme gibt. Außerdem wär's nur konsequent, da auch sonst alle "gleichen" Bestandteile aller Seiten per SSI eingebunden werden.
OK, dann musst Du die Seite aber doch neu anfordern. Dann kannst Du auch gleich eine Unterseite aufrufen, die die Links nochmal schön im Fließtext präsentiert.

mem
Signatur von »memowe« Mirko Westermeier - Public key: 0x730E195D
Key fingerprint = 55A8 9646 9B58 60AC B5BC 9661 FDD4 93C0 730E 195D

5

Samstag, 25. Januar 2003, 13:47

RE: sv-einigkeit.de - Navigation optimieren?

Mich stört an diesem 'Unterseiten-Navigations-Konzept' nur, dass immer diese Auswahlseiten zwischen dem User und dem gewünschten Inhalt stehen ...

... so eine Navigations hatte ich bei einer früheren Version der Seite bereits in Verwendung - negativ ist hier nur, dass diese Auswahlseiten meist recht langweilige Textwüsten sind.

Positiv ist jedoch, dass der Besucher mehr durch das Angebot surfen kann und sich nicht Punkt für Punkt durch eine Liste durchklickt.

... außerdem benötige ich dann zwingend den Navigations-Pfad, den ich auch bisher auf der Seite verwende (Startseite > Verein > Über uns) ... leider genau im schwarzen Bereich, der ja dann für die Navigation verwendet wird.

Ich hab' aber mal testweise die Navigation links gelöscht, um einen Eindruck des neuen Layouts zu bekommen - der eigentliche Seiteninhalt wird dadurch mehr hervorgehoben und die Seite sieht irgendwie noch klarer und ordentlicher aus.

Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von »DukeXP« (25. Januar 2003, 13:52)


6

Samstag, 25. Januar 2003, 23:00

RE: sv-einigkeit.de - Navigation optimieren?

Ich tendiere mittlerweile mehr zur Version 'Zwischenseite', also die Einbindung einer Auswahlseite für jeden Bereich.

Bei manchen Bereichen hätte diese Auswahlseite aber nur zwei Auswahlmöglichkeiten - da ist es doch eigentlich Platzverschwendung, dafür eine ganze Seite zu "verschwenden"?!?

Habt ihr da eine Idee, wie man's noch anders lösen könnte?

Vielen Dank für eure Anregungen!

7

Sonntag, 26. Januar 2003, 12:09

schon mal über eine möglichkeit im stile von www.neosonic.de nachgedacht? imo eine sehr elegante möglichkeit, wenngleich du die navigation dann auch wieder links hast. würde mich persönlich allerdings nicht stören.

8

Sonntag, 26. Januar 2003, 12:40

Yep, an sowas hab' ich tatsächlich schon gedacht ... aber hier gibt's einige gravierende Nachteile:

1. Die Seite wird bei jedem Aufruf einer Kategorie wird die gesamte Seite neu geladen - das könnte vor allem Modem-User etwas nerven.

2. Die Navigation ist damit noch kürzer - gerade bei langen Seiten ist dann der Inhalt im grauen Bereich sehr schnell zu ende und es folgt nur gähnende Leere.

Die von dir genannte Seite sieht fast so aus, wie ich unsere Vereinshomepage ursprünglich geplant hatte (mit dem "gebogenen" Bereich oben) - das sah aber mit dem runden Vereinslogo nicht sonderlich gelungen aus.

9

Dienstag, 28. Januar 2003, 00:11

Hat jemand eine Idee für eine wirklich kreative und benutzerfreundliche Gestaltung der Auswahlseiten in den einzelnen Themenbereichen?

Wohin mit dem aktuellen Seitenpfad (Wie im WSB oben: Web-Design > Holt euch eine Meinung > ...) - wo würdet ihr am ehesten danach suchen?

10

Dienstag, 28. Januar 2003, 13:12

Das mit der "gähnenden Leere" im grauen Bereich lässt sich aber leicht umgehen. Nämlich mit CSS und der Eigenschaft "float". So verläuft der Text neben der Navigation, und wenn die Navigation endet verläuft der Text über die ganze Seite. Mit dem neu laden sehe ich in sofern nicht als Problem an, da 1. Modem-Benutzer langsam aber sicher aussterben (ja ich weiß man soll das nicht so pauschalisieren, ich mache es jetzt trotzdem einmal), und 2. ist die Seite doch schnell wieder geladen, so groß (kb-mäßig) ist sie doch wirklich nicht.

11

Dienstag, 28. Januar 2003, 17:28

Zitat

Original von marvin
Das mit der "gähnenden Leere" im grauen Bereich lässt sich aber leicht umgehen. Nämlich mit CSS und der Eigenschaft "float".
Beispiel: www.memowe.de/html.de/

Zitat

Mit dem neu laden sehe ich in sofern nicht als Problem an, da 1. Modem-Benutzer langsam aber sicher aussterben
Das ist kein gutes Argument. Viel besser ist das Argument, dass man die ganze Präsentation ins Stylesheet auslagern kann und so nur ein bisschen HTML nachgeladen werden muss. :)

mem
Signatur von »memowe« Mirko Westermeier - Public key: 0x730E195D
Key fingerprint = 55A8 9646 9B58 60AC B5BC 9661 FDD4 93C0 730E 195D

12

Montag, 3. Februar 2003, 15:19

Moin Duke,

du hast mich gebet dir ein paar Verbesserungvorschläge zu machen. Also will ich es mal versuchen. Erst mal sei angemerkt das mir die Seite gut gefällt deswegen wird das mit der Verbesserung so eine Sache ;)

Die Navigation wird wirklich ein wenig lang - das hast schon recht. Ich denke das hier eine Zwischenseite mit den einzelnen Unterpunkten des Menüs interesannt wäre. Es ist halt nunmal viel Inhalt und der muss schließlich irgendwie gegliedert werden.

Wobei mir auffält das anscheinden jede Seite über die Navigation zu erreichen ist. Das muss ja gar nicht. Hierfür könntest du eine Sitemap benützen. Stelle die wichtigsten Punkte in die Navigation - auf die Unterseiten kannst du dann von den Hauptseiten verlinken.

Sorry, leider fällt mir mehr nicht ein - wie gesagt: deine Seite gefällt mir.

Tobias
Signatur von »t-ob-i« {SIGNATUR}

13

Montag, 3. Februar 2003, 19:22

;) Normalerweise verbessert man ja Homepages, indem man sie erweitert - aber bei mir wird die Homepage immer kleiner ... z. B.

... der Quelltext
... der Textumfang


... und jetzt sieht's fast aus, als würde es auf folgendes Layout hinauslaufen:

[LOGO]
-----------------------
[Navigation]
-----------------------
[Inhalt]
-----------------------
[Navigation]
-----------------------
[Ende]

Die Vereinshomepage schrumpft langsam aber sicher zu einem einfachen aber dafür optimierten Layout zusammen.

Mal schau'n, was noch so alles kommt.

14

Dienstag, 4. Februar 2003, 10:07

Zitat

Original von DukeXP
;) Normalerweise verbessert man ja Homepages, indem man sie erweitert
Wer sagt das? Solange der Benutzer die Informationen bekommt, die er will, besteht kein Bedarf, Counter, Gallerien [sic!], Chatz, Downloadz, Falsch-Introz, Shoutboxez usw. einzubauen. ;)

BTW: was Euer Gästebuch angeht: das ist mit abgeschaltetem JavaScript nicht erreichbar. Ich etwa kann es garnicht sehen. Warum muss das unbedingt in einem neuen Fenster sein?

Wenn das wirklich sein muss, guck mal unter www.memowe.de/html.de/faq/#popup nach, wie man ein abwärtskompatibles PopUp mit Fallback machen kann. Ansonsten lieber im gleichen Fenster öffnen, Fenster gibt es schon genug auf dieser Welt. Lieber mehr Pinguine. Aber ich schweife ab.
:D

Zitat

- aber bei mir wird die Homepage immer kleiner ... z. B.
... der Quelltext
Und dafür effizienter, eleganter, stilsicherer. Was willst Du mehr? :D

Zitat

... der Textumfang
Solange nur Text rausfliegt, der nicht wichtig ist und zur Webseite nicht wirklich etwas beiträgt, ist das doch völlig i. O..

Zitat

Die Vereinshomepage schrumpft langsam aber sicher zu einem einfachen aber dafür optimierten Layout zusammen.
Und was willst Du uns damit sagen? Ist doch fantastisch! :)

mem
Signatur von »memowe« Mirko Westermeier - Public key: 0x730E195D
Key fingerprint = 55A8 9646 9B58 60AC B5BC 9661 FDD4 93C0 730E 195D

15

Dienstag, 4. Februar 2003, 18:51

Zitat

Original von memowe
[...] BTW: was Euer Gästebuch angeht: das ist mit abgeschaltetem JavaScript nicht erreichbar. Ich etwa kann es garnicht sehen. Warum muss das unbedingt in einem neuen Fenster sein?

Wenn das wirklich sein muss, guck mal unter www.memowe.de/html.de/faq/#popup nach, wie man ein abwärtskompatibles PopUp mit Fallback machen kann. Ansonsten lieber im gleichen Fenster öffnen, Fenster gibt es schon genug auf dieser Welt. Lieber mehr Pinguine. Aber ich schweife ab.[...]
Das Gästebuch hatte ich bereits vor einiger Zeit in die Homepage nahtlos (also ohne PopUp) integriert - da ich aber bei der aktuellen Version der Homepage sehr viele Elemente mit SSI einbinde geht das jetzt leider nicht mehr. (SSI-Befehle werden in durch CGI-Scripts generierten Seiten nicht ausgeführt)

16

Mittwoch, 5. Februar 2003, 22:56

Als nächsten Schritt werde ich alle PopUp's (Gästebuch und Link zu großer Ansicht der Bilder) abwärtskompatibel gestalten. (Vielen Dank Memowe für die Anregung)

Die Navigation lasse ich voerst unverändert - denn so wie sie jetzt ist, ersetzt sie eine Sitemap. Außerdem sieht ohne die linke Spalte die Homepage zu 'einfach' aus. (aber vielleicht pack' ich die Umstellung auf eine neue Navigation ja demnächst mal an)

17

Donnerstag, 6. Februar 2003, 08:42

Zitat

Original von DukeXP
(Vielen Dank Memowe für die Anregung)
Du, sowas von gern! :D

Zitat

Die Navigation lasse ich voerst unverändert - denn so wie sie jetzt ist, ersetzt sie eine Sitemap.
Hm- hrgh... Einklich nicht. Eine Sitemap gibt nicht nur Auskunft über die Struktur des Internetangebots, sondern auch eine inhaltliche Beschreibung. Daher: Sitemap nachliefern!
:)

mem
Signatur von »memowe« Mirko Westermeier - Public key: 0x730E195D
Key fingerprint = 55A8 9646 9B58 60AC B5BC 9661 FDD4 93C0 730E 195D

18

Samstag, 15. Februar 2003, 22:25

So, die Links für's Gästebuch und die Druckoptimierte Version haben jetzt beide eine 'Fallback'-Funktion. (@Memowe: Bitte mal testen) Die Funktion zum Öffnen einer größeren Version der Bilder hat noch keinen 'Fallback', aber das kommt vielleicht noch.

Jetzt mal eine Frage, die nur entfernt mit der Navigation zu tun hat aber trotzdem für den Umbau relevant ist: Sollte das Vereinslogo so wie jetzt auf jeder Seite als dominierendes Element des Seitenkopfes vorhanden sein oder reicht eine kleinere Version, die dem Text mehr Platz lassen würde? (ca. 1,5 cm Durchmesser) - ich würde dann eine große Version des Logos auf der Startseite statt des 'Sportschießen - DoIt'-Logo's einbinden.

Wie ist eure Meinung?

Edit: Kleine Ergänzung - bei der geplanten Änderung der Größe des Logo's würde auch die linke Navigationsspalte wegfallen und durch eine obenliegende Navigation mit Zwischenseiten ersetzt werden.

Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von »DukeXP« (15. Februar 2003, 22:27)


19

Samstag, 15. Februar 2003, 23:03

sv-einigkeit.de
(Für die die zufaul zum hochscrollen sind)

Also ich würde das Logo vielleicht wirklich etwas verkleinern jedoch gefällt mir die Navigation an der linken Seite und ich würde sie nicht unbedingt gegen eine Topnavi austauschen. Der Header verbraucht jedoch wirklich viel Platz.

Wäre schön wenn du mal ein Beispiel hochladen könntest denn ich bin mir nicht sicher ob wenn man das Logo verkleinert das ganz Design der Seite sich in seine bestandteile auflöst..

Tobias
Signatur von »t-ob-i« {SIGNATUR}

Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von »t-ob-i« (15. Februar 2003, 23:06)


20

Sonntag, 16. Februar 2003, 10:21

mhhh, es is "gefährlich" so was zu verändern, wie Tobi schon sagte kann sich dann auch das restliche Design auflösen. Derzeit nimmt der blaue Header zwar sehr viel Platz ein, aber das Logo ist imho in seiner Größer recht gut auf die Navigation und den Rest angepasst.

Würde man es verkleinern, so wird wohl die Grafik "Sportschiessen Do It" zu groß wirken, auch die Verbindung zur der guten seitlichen Navigation könnte darunter leiden. :rolleyes:

Chris
Signatur von »Chris« Auch ein Bonsai träumt von Größe.