azok: Mal wieder eine Bitte um Kritik u. Vorschläge etc.

hi!

So. Ich habe nun das Aussehen meiner "alten" Seite (siehe Link oben) komplett verändert. Das neue Design könnt ihr unter diesem Link aufrufen.

Ich würde mich freuen, wenn ihr euch mal die Seite anschauen könnt und mir mitteilen könntent, was euch daran gefällt, was nicht bzw. was noch verbesserungswürdig ist. (Ja, ich weiß, das Stylesheet muss ich noch validieren! ;)))

Schönen Dank im Voraus,

lg
azok

--
Murphys Law: "Alles Schöne im Leben ist entweder illegal, ungesetzlich oder es macht dick."
Mein Selfcode: ie:% fl:( br:> va:) ls:& fo:) rl:( n4:° ss:) de:> js:| ch:? sh:) mo:) zu:)
  1. Hallo azok.

    Das erste was mir an dem Design auffiel war der große Abstand vom Haupt-Bereich zum oberen Rand. Hab dann mal im IE & FF geschaut, aber scheinbar ist das so gewollt...
    Oben links das Band gefällt mir eigentlich ganz gut, allerdings meine ich sollte das v2.0 nicht so extrem im Vordergrund stehen...
    Das Layout gefällt mir insgesagt gut, bis auf (wie gesagt) den großen Abstand. Auch den Farbübergang finde ich gelungen.

    Die "Auch Interessant"-Spalte rechts gefällt mir. Auch wenn ich zuerst nicht verstanden habe, dass sich der Inhalt der Spalte auf jeder Seite entsprechend ändert...

    Man liest sich, H2O

    --
    <!--[if IE]> Download Opera <![endif]-->
    Selfcode: [ie:% fl:( br:< va:) ls:[ fo:| rl:( n4:( ss:) de:> js:| ch:? sh:( mo:| zu:}](http://www.peter.in-berlin.de/projekte/selfcode/?code=ie%3A%25%20fl%3A(%20br%3A%3C%20va%3A)%20ls%3A%5B%20fo%3A%7C%20rl%3A(%20n4%3A(%20ss%3A)%20de%3A%3E%20js%3A%7C%20ch%3A%3F%20sh%3A(%20mo%3A%7C%20zu%3A%7D)
    1. Moin,

      Mir gefällt die Seite schon recht gut. Farben und Layout ermpfinde ich auf Anhieb als angenehm, übersichtlich und einladend.

      Sehr nett finde ich die Idee mit den border_n die als zartes Band um die Boxen laufen. Das fäält zwar erst auf den 3ten Blick auf, ist m. E. aber echt ein interessantes Design.

      Bei mir (IE6 und Mozilla) flickert allerdings die Navi etwas. Lädst Du beim hovern neue Bilder?
      Vielleicht wäre auch sowas machbar?
      http://www.andreas-kalt.de/webdesign/tutorials/menue-rollover2#punkt/

      Was mich echt stört ist daß die Seite horizontal scrollt obwohl eigentlich alles locker im Fenster sitzt und es nicht wirklich etwas zum scrollen gibt.
      Das ist aber eigentlich alles was ich bemängeln möchte.

      MfG
      Ulrich

      1. hi!

        Mir gefällt die Seite schon recht gut. Farben und Layout ermpfinde ich auf Anhieb als angenehm, übersichtlich und einladend.

        Danke!

        Sehr nett finde ich die Idee mit den border_n die als zartes Band um die Boxen laufen. Das fäält zwar erst auf den 3ten Blick auf, ist m. E. aber echt ein interessantes Design.

        *gg* - das ist mir während des Schlafes gekommen....

        Bei mir (IE6 und Mozilla) flickert allerdings die Navi etwas. Lädst Du beim hovern neue Bilder?

        Nein, die werden schon vorher geladen. Bei mir ist das im Firefox 1.5 bzw. Opera u. IE 6 aber nicht der Fall...

        Vielleicht wäre auch sowas machbar?
        http://www.andreas-kalt.de/webdesign/tutorials/menue-rollover2#punkt/

        Werde ich mir anschauen.

        Was mich echt stört ist daß die Seite horizontal scrollt obwohl eigentlich alles locker im Fenster sitzt und es nicht wirklich etwas zum scrollen gibt.

        Oh. Bei mir ist das nämlich überhaupt nicht. Naja, in welchem oder welchen Browser(n) tritt das auf bzw. welche Auflösung nutzt du?

        lg
        azok

        --
        Murphys Law: "Alles Schöne im Leben ist entweder illegal, ungesetzlich oder es macht dick."
        Mein Selfcode: ie:% fl:( br:> va:) ls:& fo:) rl:( n4:° ss:) de:> js:| ch:? sh:) mo:) zu:)
        1. Hallo,

          • technisch recht sauber.
          • text-align:justify find ich persönlich am Bildschirm gräßlich.
          • padding fehlt, wie Jeena schon geschrieben hat. Der Text klebt an Deinen bordern. Mit mehr padding wäre das design viel luftiger.
          • Dein Headerbild "v2.0" nimmt zu viel wertvollen Platz weg. Mach evtl. ein bg draus, dann kannst Du den Inhalt weiter nach oben positionieren.
          • das mit dem border, der sich wie eine Schlange um den Inhalt zieht, ist recht pfiffig. Allerdings wirkt es irgendwie unfertig. Je nachdem, was der Farbverlauf im bg grad für einen Farbton anzeigt, grenzt ein weißer Kasten ohne border an hellgrauen Hintergrund. Sieht dann so aus, als ob das CSS fehlerhaft wäre, und ein Stück Rahmen fehlt. Wie gesagt: die Grundidee ist pfiffig, die Ausführung wirkt irgendwie unfertig.
          • img als Menü: ich hab da immer ein ungutes Gefühl. Du hast das zwar korrekt mit alt und title ausgezeichnet, und es funktioniert auch bei abgeschalteten bildern (z.b. im Lynx Browser); aber mach mal die Schriftgröße in Deinem Browser kleiner: dann zerfällt Dein schönes layout.

          Gruß Fritz

          --
          ie:( fl:( br:? va:) ls:< fo:| rl:? ss:{ de:> js:| mo:} zu:}
          http://webdesign.weisshart.de
          1. Hallo,

            hab mal ein bißchen an Deinem CSS gespielt, um zu zeigen, wie ich mir meine Vorschläge umgesetzt in etwa vorstelle:
            http://webdesign.weisshart.de/peterheinrich.png
            Gruß Fritz

            --
            ie:( fl:( br:? va:) ls:< fo:| rl:? ss:{ de:> js:| mo:} zu:}
            http://webdesign.weisshart.de
            1. Hallo,

              und noch was ist mir aufgefallen.
              Der erste Absatz ist _nicht_ mit <p> ausgezeichnet. Absicht? Das Schriftbild wird dadurch jedoch unruhig.

              Gruß Fritz

              --
              ie:( fl:( br:? va:) ls:< fo:| rl:? ss:{ de:> js:| mo:} zu:}
              http://webdesign.weisshart.de
              1. hi!

                Danke mal für deine Anregungen. Finde ich gar nicht schlecht, was du daraus gemacht hast.

                und noch was ist mir aufgefallen.
                Der erste Absatz ist _nicht_ mit <p> ausgezeichnet. Absicht? Das Schriftbild wird dadurch jedoch unruhig.

                Ähh, ja, das ist Absicht...

                lg
                azok

                --
                Murphys Law: "Alles Schöne im Leben ist entweder illegal, ungesetzlich oder es macht dick."
                Mein Selfcode: ie:% fl:( br:> va:) ls:& fo:) rl:( n4:° ss:) de:> js:| ch:? sh:) mo:) zu:)
  2. Hallo,

    Ich würde mich freuen, wenn ihr euch mal die Seite anschauen könnt und mir mitteilen könntent, was euch daran gefällt, was nicht bzw. was noch verbesserungswürdig ist.

    Du kennst padding? Das fehlt noch bei den Inhaltsspalten.

    Grüße
    Jeena Paradies

    --
    Open- vs. Closed Source Software - Verdienstmöglichkeiten | Jlog | Gourmetica Mentiri
    1. hi!

      Du kennst padding? Das fehlt noch bei den Inhaltsspalten.

      Kenne ich. Allerdings bin ich der Meinung, es eingesetzt zu haben...

      lg
      azok

      --
      Murphys Law: "Alles Schöne im Leben ist entweder illegal, ungesetzlich oder es macht dick."
      Mein Selfcode: ie:% fl:( br:> va:) ls:& fo:) rl:( n4:° ss:) de:> js:| ch:? sh:) mo:) zu:)
      1. Hallo,

        Kenne ich. Allerdings bin ich der Meinung, es eingesetzt zu haben...

        Ich habe das eher so wie Fritz gemeint :-).

        Grüße
        Jeena Paradies

        --
        Open- vs. Closed Source Software - Verdienstmöglichkeiten | Jlog | Gourmetica Mentiri
  3. Hallo,

    Farblich gefällt mir die Seite sehr gut. Schön (und) schlicht.

    Auch gut finde ich, wie bereits H2O erwähnte, die "Auch interessant"-Spalte. Allerdings würde ich die Unterkategorien auch in ein "normales" Menü packen. Im Moment wirkt es etwas durcheinander, Unterpunkte aus dem Text und aus "Auch Interessant" zusammensuchen und einordnen zu müssen.

    Was auch mir negativ auffällt, sind die großen Randabstände. Ich würde da noch weiter gehen und nicht nur sagen, dass der Abstand nach oben viel zu groß ist, sondern auch zu den Seiten. Irgendwie fühle ich mich etwas eingeengt.

    Die vertikale Navigation ist ebenso weniger mein Ding, aber vielleicht bin ich da einfach zu konservativ ;)

    Viele Grüße
    Patrick

    --
    "Though this be madness, yet there's method in't."
    sh:( fo:| ch:? rl:( br:^ n4:( ie:{ mo:) va:} de:> zu:) fl:| js:( ss:| ls:[
    1. Hallo,

      Die vertikale Navigation ist ebenso weniger mein Ding, aber vielleicht bin ich da einfach zu konservativ ;)

      Ach so, _das_ ist die Navigation?! Ich habe mich schon beim lesen der anderen Antworten gewundert über was die eigentlich sprechen.

      Grüße
      Jeena Paradies

      --
      Open- vs. Closed Source Software - Verdienstmöglichkeiten | Jlog | Gourmetica Mentiri
  4. Heißa, azok,

    So. Ich habe nun das Aussehen meiner "alten" Seite (siehe Link oben) komplett verändert. Das neue Design könnt ihr unter diesem Link aufrufen.
    Ich würde mich freuen, wenn ihr euch mal die Seite anschauen könnt und mir mitteilen könntent, was euch daran gefällt, was nicht bzw. was noch verbesserungswürdig ist. (Ja, ich weiß, das Stylesheet muss ich noch validieren! ;)))

    Dass es bei großen Seiten wie Microsoft, Spiegel und Tagesschau mittlerweile Mode geworden ist, Schriftarten von ungefähr 6 Pixeln Größe einzusetzen, heißt noch lange nicht, dass du das auch machen musst. Wohl liegt es auch an der winzigen Schriftart, dass der Textbereich nur etwa 20% der gesamten Bildschirmbreite einnimmt.
    1em sollte die minimale Schriftgröße sein, bis zu 0.8em würde ich höchstens für wirklich kleine Hinweise verwenden, die keiner lesen braucht.

    Wie außerdem Jeena schon gesagt hat, finde ich das Padding der Textbereiche zu klein.

    Ansonsten ist das so in Ordnung, ja.

    Gautera!
    Grüße aus Biberach Riss,
    Candid Dauth

    --
    Ein Fußball-Fan? Noch auf der Suche eine Schlafmöglichkeit im Großraum Stuttgart für die WM 2006? Wie wäre es mit Herrenberg, einer gemütlichen Kleinstadt am Rande des Schönbuchs – von der Lage her ideal, auch für andere Vorhaben im Urlaub. Ferienwohnungen-Herrenberg.com.
    http://cdauth.de/
  5. Tag azok.

    Die Seite reagiert extrem träge beim Scrollen (FF 1.0.7 unter Win XP), die Ursache kann ich jedoch nicht lokalisieren.

    Siechfred