Tobias: Homepagebewertung

Hallo,
ich trau mich jetzt auch mal wieder, hier nach eurer Meinung zu fragen. Es geht um die Seite des Tc fez.
Bitte sagt mir eure Meinung zur Gestaltung, Quelltext, usw.

Vielen Dank

Tschau

Tobias

--
Speedswimming? Finswimming? Flossenschwimmen?|http://www.tobiasklare.de
fo:) ch:? rl:( br:^ n4:° ie:{ mo:) va:| fl:) ss:| ls:<
Die Erklärung zum Selfcode findest du hier: http://emmanuel.dammerer.at/selfcode.html
Einen Decoder für den Selfcode findest du hier: http://peter.in-berlin.de/projekte/selfcode
  1. Hi,
    hier meine Meinung:

    • übersichtlich (Abstände)
    • kein Flackern
    • guter Kontrast
    • valider Code
    • keine "echten" Links - mit den ids hat man in Suchmaschinen einen Nachteil
    • Tabellenlayout
    • bei mir (im Firefox 1.5.2 für Linux) steht "Orientierungstauchen" über den Rand der entsprechenden Box raus
    • Tc fez e.V. Berlin ist was für Insider, alle anderen müssen erst aus dem Kontext erschließen, dass es um einen Tauchclub geht

    Grüße aus Nürnberg,
    Tobias Unger

    1. Hallo,

      • keine "echten" Links - mit den ids hat man in Suchmaschinen einen Nachteil

      Wie kann ich das besser machen? Die einzelnen Beiträge liegen in einer Datenbank und da war es das einfachste die ids abzufragen

      • Tabellenlayout

      Eine Tabelle verwende ich nur im Kopf oben und in der Newsbox. Werd mir wohl grade im Kopf nochmal Mühe geben müssen die wegzubekommen. Mir war es bloß ohne Tabelle bisher nicht mgl. die abgerundeten Ecken hinzukriegen.

      • bei mir (im Firefox 1.5.2 für Linux) steht "Orientierungstauchen" über den Rand der entsprechenden Box raus

      Hm, komisch. Bei mir nicht. Auch nicht wenn ich den Schriftgrad erhöhe.

      Tschau

      Tobias

      --
      Speedswimming? Finswimming? Flossenschwimmen?|http://www.tobiasklare.de
      fo:) ch:? rl:( br:^ n4:° ie:{ mo:) va:| fl:) ss:| ls:<
      Die Erklärung zum Selfcode findest du hier: http://emmanuel.dammerer.at/selfcode.html
      Einen Decoder für den Selfcode findest du hier: http://peter.in-berlin.de/projekte/selfcode
      1. Hi,

        • keine "echten" Links - mit den ids hat man in Suchmaschinen einen Nachteil
          Wie kann ich das besser machen? Die einzelnen Beiträge liegen in einer Datenbank und da war es das einfachste die ids abzufragen

        Naja - wenn man halt "richtige" Namen nutzt findet google darin eine Stichworte und man könnte dadurch in Google bessere Positionen bekommen - vielleicht lässt sich das ja mit in der Datenbank speichern?

        • bei mir (im Firefox 1.5.2 für Linux) steht "Orientierungstauchen" über den Rand der entsprechenden Box raus
          Hm, komisch. Bei mir nicht. Auch nicht wenn ich den Schriftgrad erhöhe.

        Soll ich dir einen Screenshot an deine Emailadresse senden? Vielleicht kannst du dir dann genauer vorstellen, was nicht funktioniert?

        Gruß aus Nürnberg,
        Tobias

  2. hi,

    Bitte sagt mir eure Meinung zur Gestaltung, Quelltext, usw.

    Allgemein scheinst du dich ja um semantisches Markup bemüht zu haben - aber warum sind denn Seitenkopf und bspw. auf der Startseite auch die "Newsbox" noch in Tabellen eingequetscht?

    Die Möglichkeit, in der Navigation einzelne Ebenen "zuzuklappen", halte ich für eine vollkommen überflüssige Spielerei. Zumal sie dann nach dem Wechsel auf die nächste Seite ja doch wieder alle aufgeklappt sind. Das bietet m.E. absolut keinen Mehrwert, und kann ersatzlos rausfliegen.

    Ob eine Breadcrumb-(Pseudo-)Navigation á la
    "Hier bist du: Verein -> Vorstand"
    nötig ist, wage ich auch zu bezweifeln - zumal es offenbar an keiner Stelle mehr als zwei Ebenen in die "Tiefe" geht.
    Macht den Eindruck eines blossen Füllers, weil im Seitenkopf halt noch Platz war, der mit irgendwas gefüllt werden wollte ...?
    Da wäre eine optische Hervorhebung des jeweils aktuellen Punktes innerhalb der Navigation m.E. sehr viel mehr wert.
    Und ein deutlicher Hover-Effekt für die Menüpunkte wäre auch wünschenswert.

    Zum Optischen: Kommt ein bisschen dröge rüber das ganze.
    Mit dem Wasserblasen-Effekt hinter dem Titel hast du zwar offenbar versucht, das ganze etwas zu beleben - aber besonders gelungen finde ich das nicht. Dazu wirken die Blasen viel zu künstlich bzw. unecht, unter anderem durch die schnell erfolgende Wiederholung schon nach recht wenigen Pixeln, es entsteht ein fast schon strenger "Muster"-Effekt. Da wäre mehr rauszuholen, wenn das etwas mehr blubbern würde - z.B. mit einem echten Photo anstatt künstlich erzeugter Blasen.

    Und auch sonst fehlt mir ein wenig der Pepp.
    Grafische Auflockerungen sind kaum vorhanden, und noch dazu wurde in der Navigation jeder einzelne Oberpunkt "eingekästelt" - sowas muss doch nicht immer sein, etwas Verzicht auf solche einschränkenden Balken liesse das ganze doch viel weniger streng und "kleinkariert" wirken. Gib dem ganzen ruhig etwas mehr Freiheit.

    Und ein Kontaktforumlar, dass sich ganz ohne Angaben kommentarlos abschicken lässt, ist auch noch verbesserungswürdig.

    gruß,
    wahsaga

    --
    /voodoo.css:
    #GeorgeWBush { position:absolute; bottom:-6ft; }
    1. Hallo,

      Allgemein scheinst du dich ja um semantisches Markup bemüht zu haben - aber warum sind denn Seitenkopf und bspw. auf der Startseite auch die "Newsbox" noch in Tabellen eingequetscht?

      Die Tabelle der Newsbox wegzukriegen wird einfach sein. Bei dem Kopf hab ich das Problem, dass ich die Grafiken für die abgerundeten Ecken dann nicht dahin kriege wo ich sie haben will. Wie geh ich da ran?

      Die Möglichkeit, in der Navigation einzelne Ebenen "zuzuklappen", halte ich für eine vollkommen überflüssige Spielerei. Zumal sie dann nach dem Wechsel auf die nächste Seite ja doch wieder alle aufgeklappt sind. Das bietet m.E. absolut keinen Mehrwert, und kann ersatzlos rausfliegen.

      Ist auch nur eine Spielerei. Werd ich wohl auch wieder rausschmeißen

      Ob eine Breadcrumb-(Pseudo-)Navigation á la
      "Hier bist du: Verein -> Vorstand"
      nötig ist, [...]
      Macht den Eindruck eines blossen Füllers, weil im Seitenkopf halt noch Platz war, der mit irgendwas gefüllt werden wollte ...?

      Auch hier hast du recht. Ich fand eine weiße Fläche einfach zu langweilig. Meinst du das ist besser, oder was sollte da noch hin?

      Da wäre eine optische Hervorhebung des jeweils aktuellen Punktes innerhalb der Navigation m.E. sehr viel mehr wert.
      Und ein deutlicher Hover-Effekt für die Menüpunkte wäre auch wünschenswert.

      Guter Tip, danke!

      Zum Optischen:
      [...] Da wäre mehr rauszuholen, wenn das etwas mehr blubbern würde - z.B. mit einem echten Photo anstatt künstlich erzeugter Blasen.

      Die Blubber sind einem echtem Photo entnommen, sind nur noch etwas nachbearbeitet

      Grafische Auflockerungen sind kaum vorhanden, und noch dazu wurde in der Navigation jeder einzelne Oberpunkt "eingekästelt" - sowas muss doch nicht immer sein, etwas Verzicht auf solche einschränkenden Balken liesse das ganze doch viel weniger streng und "kleinkariert" wirken. Gib dem ganzen ruhig etwas mehr Freiheit.

      Grafiken und der gleichen waren noch nie meine Stärke. Ein etwas genauerer Vorschlag wäre daher sehr hilfreich für mich.

      Und ein Kontaktforumlar, dass sich ganz ohne Angaben kommentarlos abschicken lässt, ist auch noch verbesserungswürdig.

      Das Kontaktformular funktioniert aus irgendeinem Grund online noch nicht. Nach dem betätigen der Absenden-Taste wird an die falsche Seite weitergeleitet. Sprich die eingebenen Daten werden gar nicht verarbeitet. Normalerweise werden Name,Betreff und Text auf Inhalt überprüft. Den Fehler werd ich morgen dann vielleicht mal endlich suchen

      Tschau

      Tobias

      --
      Speedswimming? Finswimming? Flossenschwimmen?|http://www.tobiasklare.de
      fo:) ch:? rl:( br:^ n4:° ie:{ mo:) va:| fl:) ss:| ls:<
      Die Erklärung zum Selfcode findest du hier: http://emmanuel.dammerer.at/selfcode.html
      Einen Decoder für den Selfcode findest du hier: http://peter.in-berlin.de/projekte/selfcode
      1. hi,

        Die Tabelle der Newsbox wegzukriegen wird einfach sein. Bei dem Kopf hab ich das Problem, dass ich die Grafiken für die abgerundeten Ecken dann nicht dahin kriege wo ich sie haben will. Wie geh ich da ran?

        Den Seitenkopf an sich könnte man sicher mittels einer H1-Überschrift realisieren. Diese bekommt position:relative, und die in ihre enthaltenen "runden Ecken" werden dann absolute positioniert.
        Anstatt die Grafiken direkt einzubinden, könnte man übrigens inhaltsleere spans nehmen, die dann auf entsprechende Maße gebracht werden, und die Grafiken als Hintergrundbilder bekommen - schließlich haben diese nur eine "Zierfunktion", und transportieren keinen wirklichen Inhalt - also haben sie auch eigentlich nicht viel als echte Bilder im Dokument verloren.
        Und ja, der Vorschlag erfordert zusätzliches Markup (eben die spans) - ohne dürfte es derzeit kaum browserübergreifend gehen, und besser als die Tabelle dürfte es allemal sein.

        Auch hier hast du recht. Ich fand eine weiße Fläche einfach zu langweilig. Meinst du das ist besser, oder was sollte da noch hin?

        Das entscheide bitte du - aber nicht nach Kriterien wie "langweilig oder nicht", sondern danach, ob du wirklich einen _Inhalt_ hast, der dort angezeigt dem Nutzer einen Mehrwert bietet.

        Die Blubber sind einem echtem Photo entnommen, sind nur noch etwas nachbearbeitet [...]
        Grafiken und der gleichen waren noch nie meine Stärke. Ein etwas genauerer Vorschlag wäre daher sehr hilfreich für mich.

        Geht mir ähnlich, deshalb kann ich dir da leider auch nur sagen, was mir derzeit missfällt ;-)
        Ein "natürliches" Photo, weniger stark nachbearbeitet und verfremdet, könnte da mehr Wirkung haben.
        Irgendetwas, was ich auch mit "Tauchen" in Verbindung bringen kann ...

        Kannst ja mal die einschlägigen Archive mit kostenlosen und frei nutzbaren Photos durchstöbern, hier findest du eine recht umfangreiche Liste von Seiten, die sowas anbieten.

        gruß,
        wahsaga

        --
        /voodoo.css:
        #GeorgeWBush { position:absolute; bottom:-6ft; }
  3. Hi,

    ergänzend zum bereits gesagten: die weißen Ecken oben am Seitenkopf sehen doof aus auf dem hellblauen Hintergrund.

    cu,
    Andreas

    --
    Warum nennt sich Andreas hier MudGuard?
    Schreinerei Waechter
    O o ostern ...
    Fachfragen unaufgefordert per E-Mail halte ich für unverschämt und werde entsprechende E-Mails nicht beantworten. Für Fachfragen ist das Forum da.
    1. Hallo,

      ergänzend zum bereits gesagten: die weißen Ecken oben am Seitenkopf sehen doof aus auf dem hellblauen Hintergrund.

      Ja, du hast recht. Die Grafiken stammen noch aus dem Anfangsstadium der Seite und ich hab sie immer noch nicht an die jetzige Farbgebung angepasst. Wird aber schleunigst erledigt.

      Tschau

      Tobias

      --
      Speedswimming? Finswimming? Flossenschwimmen?|http://www.tobiasklare.de
      fo:) ch:? rl:( br:^ n4:° ie:{ mo:) va:| fl:) ss:| ls:<
      Die Erklärung zum Selfcode findest du hier: http://emmanuel.dammerer.at/selfcode.html
      Einen Decoder für den Selfcode findest du hier: http://peter.in-berlin.de/projekte/selfcode
  4. Hallo,

    mir gefällt die Farbwahl bei der Navigation nicht so sehr. Sieht ein bisschen so aus, als ob sie nicht zum Rest der Seite gehören würde. Vor allem die rote Schrift macht die Navigation meiner Meinung nach optisch zu einem Fremdkörper.
    Kleiner Tipp noch zu den Buttons, mit denen man Teile der Navigation einklappen kann (auch wenn du weiter unten zu Recht gesagt hast, dass sie wegkommen): Das Rot auf blauem Untergrund ist zu kontrastarm.
    Ansonsten finde ich die Seite übersichtlich und klar strukturiert.

    Gruß
    Josh

  5. Hallo,
    hab jetzt einige eurer Tips umgesetzt. Der Kopf ist jetzt ohne Tabelle gestaltet, das Einklappen der Menüs ist rausgeflogen. Auch das Kontaktformular funktioniert nun richtig.

    Zu dem Kontaktformular hab ich noch ne Frage:
    Wenn die email verschickt wurde, wird eine Bestehtigungsseite angezeigt. Problem ist nun, wenn die Seite z.B. mit F5 neugeladen wird, wird die mail nochmals versendet. Wie kann ich das verhindern?

    Danke für eure Hilfe

    Tschau

    Tobias

    --
    Speedswimming? Finswimming? Flossenschwimmen?|http://www.tobiasklare.de
    fo:) ch:? rl:( br:^ n4:° ie:{ mo:) va:| fl:) ss:| ls:<
    Die Erklärung zum Selfcode findest du hier: http://emmanuel.dammerer.at/selfcode.html
    Einen Decoder für den Selfcode findest du hier: http://peter.in-berlin.de/projekte/selfcode
    1. Hi,

      Zu dem Kontaktformular hab ich noch ne Frage:
      Wenn die email verschickt wurde, wird eine Bestehtigungsseite angezeigt.

      Woraus besteht die Seite denn? Oder bestätigt sie vielleicht etwas?

      Problem ist nun, wenn die Seite z.B. mit F5 neugeladen wird, wird die mail nochmals versendet.

      Das Script, das die Mail versendet, gibt nicht die Bestätigungsseite aus, sondern nur eine Weiterleitung auf die Bestätigungsseite. Damit wird beim Reload nur die Bestätigungsseite neu geladen, nicht aber die Mail neu gesendet.

      cu,
      Andreas

      --
      Warum nennt sich Andreas hier MudGuard?
      Schreinerei Waechter
      O o ostern ...
      Fachfragen unaufgefordert per E-Mail halte ich für unverschämt und werde entsprechende E-Mails nicht beantworten. Für Fachfragen ist das Forum da.
      1. Hallo,

        Das Script, das die Mail versendet, gibt nicht die Bestätigungsseite aus, sondern nur eine Weiterleitung auf die Bestätigungsseite. Damit wird beim Reload nur die Bestätigungsseite neu geladen, nicht aber die Mail neu gesendet.

        Danke, so ähnlich hab ich mir das schon gedacht. Nach langem hin und her hab ichs nun endlich geschafft.

        Tschau

        Tobias

        --
        Speedswimming? Finswimming? Flossenschwimmen?|http://www.tobiasklare.de
        fo:) ch:? rl:( br:^ n4:° ie:{ mo:) va:| fl:) ss:| ls:<
        Die Erklärung zum Selfcode findest du hier: http://emmanuel.dammerer.at/selfcode.html
        Einen Decoder für den Selfcode findest du hier: http://peter.in-berlin.de/projekte/selfcode
  6. Hallo.

    Bitte sagt mir eure Meinung zur Gestaltung, Quelltext, usw.

    Neben den bereits genannten Dingen hätte ich auch noch etwas anzumerken:

    • Wichtige Dokumente wie die Satzung sollten als HTML-Version vorliegen.
    • PDF-Dateien sollten immer als solche gekennzeichnet werden.
    • Auf der entsprechenden Seite fehlen Informationen über sowie direkte Kontaktmöglichkeiten zu den Vorstandsmitgliedern.
    • Die E-Mail-Adresse auf dem Kontaktseite ist nicht als Verweis ausgeführt.
    • Das Kontaktformular ist entschieden zu neugierig.
    • Das versehentliche Löschen von Formularinhalten sollte nicht durch überflüssige "Zurücksetzen"-Knöpfe erleichtert werden.
    • Unterstreichungen wie bei den Zwischenüberschriften sind zu vermeiden, wenn sie keine Verweise darstellen.
    • "Disclaimer" sind mindestens überflüssig.
      Ansonsten vermisse ich in erster Linie ein schlüssiges Farbkonzept und störe mich auch ein wenig an den vielen Kästchen. Freuen würde ich mich über mehr Informationen zu den auf den Seiten angerissenen Themen, gern auch in Form von Verweisen auf die Seiten anderer Anbieter. Gut gefällt mir die Struktur der Navigation, auch wenn "Sonstiges" natürlich keine sinnvolle Bezeichnung ist.
      MfG, at