Marco: Feedback zu einem Redesign

Hallo zusammen

Vor 4 Jahren habe ich die Seite dertausch.ch erstellt. Nun bin ich dran, ein Redesign vorzunehmen und würde mich interessieren wie euch das Grundlayout der Seite gefällt: www.dertausch.ch/redesign/index.php

Ich würde mich riesig freuen, wenn ihr die Seite kurz anschaut. Cool wäre natürlich, wenn ihr euch kurz registriert damit ihr sieht wie der Registrierungsprozess funktioniert mit HTML-Mail usw. Natürlich ist alles nur Test und es werden keine Daten behaltet.

Ich freue mich riesig über Feedback von euch. Was für einen Eindruck macht die Seite? Wirkt sie seriös? Würdet ihr da bei bedarf anmelden? Wenn nicht was stört euch? Ist die Seite übersichtlich? Was würdet ihr anders machen? Ich habe auch wert auf SEO gelegt, was könnte man da noch besser machen?

Ich danke euch für eure Bemühungen.
Marco

  1. @@Marco:

    nuqneH

    Man kann sich auf der Startseite nicht einloggen, sondern muss dazu zu einer anderen Seite navigieren. Eine (unnötige!) Nutzeraktion zu viel.

    Stelle das Formular zum Einloggen mit auf die Startseite!

    Qapla'

    --
    Gut sein ist edel. Andere lehren, gut zu sein, ist noch edler. Und einfacher.
    (Mark Twain)
    1. Hallo Gunnar

      Zuerst mal vielen Dank für Deine Bemühungen resp. für Dein Feedback.
      Nun mit diesem Thema habe ich mich auch schon auseinander gesetzt und ich bin der Meinung, dass es einfach optisch nicht auf die Startseite passt. Aber Du hast Recht, es ist wieder ein klick mehr für den Benutzer.

      Werde mir das nochmals durch den Kopf gehen lassen!

      Freue mich auf weitere Feedback.

      Liebe Grüsse
      Marco

      @@Marco:

      nuqneH

      Man kann sich auf der Startseite nicht einloggen, sondern muss dazu zu einer anderen Seite navigieren. Eine (unnötige!) Nutzeraktion zu viel.

      Stelle das Formular zum Einloggen mit auf die Startseite!

      Qapla'

      1. @@Marco:

        nuqneH

        […] dass es einfach optisch nicht auf die Startseite passt.

        Form _follows_ function.

        Qapla'

        PS: Bitte kein TOFU!

        --
        Gut sein ist edel. Andere lehren, gut zu sein, ist noch edler. Und einfacher.
        (Mark Twain)
    2. Hallo

      Man kann sich auf der Startseite nicht einloggen, sondern muss dazu zu einer anderen Seite navigieren. Eine (unnötige!) Nutzeraktion zu viel.

      Stelle das Formular zum Einloggen mit auf die Startseite!

      Halte ich für Quatsch. Ein MUSS wäre das nur, wenn sich der User einloggen MÜSSTE. Er muss dies aber nicht tun, wenn er sich erstmal nur die Angebote ansehen möchte. Ich empfände es als Nötigung, auf der Startseite gleich mit einem Login-Formular belästigt zu werden. Im Kaufhaus wird mir ja auch nicht schon am Eingang eine Kundenkarte hingehalten. Amazon macht das imho schon ganz richtig so.

      PUPSI

  2. Om nah hoo pez nyeetz, Marco!

    wie euch das Grundlayout der Seite gefällt: www.dertausch.ch/redesign/index.php

    gefällt mir gut, ist allerdings nichts außergewöhnliches, sieht sehr nach Wordpress aus, passt mMn aber nicht zum Thema, ist eher ein Kindergarten/Bauklötze-Design

    Obwohl ich den Aktivierungslink nicht angeklickt habe, kann ich mir doch die Angebote ansehen

    ... mit HTML-Mail

    <schnorr>Kannst du da mal einen Code-Schnipsel fallen lassen?</schnorr>

    Ich freue mich riesig über Feedback von euch. Was für einen Eindruck macht die Seite? Wirkt sie seriös? Würdet ihr da bei bedarf anmelden? Wenn nicht was stört euch? Ist die Seite übersichtlich? Was würdet ihr anders machen? Ich habe auch wert auf SEO gelegt, was könnte man da noch besser machen?

    Übersichtlich ja, seriös wirkt sie auf mich nicht, obwohl ich das nicht begründen kann. Wahrscheinlich liegt es an den eingestellten Inhalten.

    Der Validator meldet eine ganze Reihe von Fehlern, auf den ersten Blick sieht das so aus, als ob du HTML5 in einem !HTML5-Doctype verwendest.

    Matthias

    --
    1/z ist kein Blatt Papier.

    1. Hallo Matthias

      Vielen Dank für Deine Antwort.

      Ich verstehe nicht ganz, was Du damit meinst:

      Obwohl ich den Aktivierungslink nicht angeklickt habe, kann ich mir doch die Angebote ansehen

      Angebote kann man immer anschauen auch wenn man nicht registriert ist. Oder was genau meinst Du damit?

      Freue mich auf Dein Feedback.
      Marco

      1. Om nah hoo pez nyeetz, Marco!

        Ich verstehe nicht ganz, was Du damit meinst:

        Obwohl ich den Aktivierungslink nicht angeklickt habe, kann ich mir doch die Angebote ansehen
        Angebote kann man immer anschauen auch wenn man nicht registriert ist. Oder was genau meinst Du damit?

        Ich brauch mich also nur registrieren, wenn ich kaufen oder anbieten möchte?

        Matthias

        --
        1/z ist kein Blatt Papier.

        1. Hallo Matthias

          Ganz genau nur wenn Du kaufen, tauschen resp. anbieten willst musst du dich registrieren und natürlich wenn du kommentare hinterlegen möchtest usw.

          Liebe Grüsse
          Marco

          Om nah hoo pez nyeetz, Marco!

          Ich verstehe nicht ganz, was Du damit meinst:

          Obwohl ich den Aktivierungslink nicht angeklickt habe, kann ich mir doch die Angebote ansehen
          Angebote kann man immer anschauen auch wenn man nicht registriert ist. Oder was genau meinst Du damit?

          Ich brauch mich also nur registrieren, wenn ich kaufen oder anbieten möchte?

          Matthias

      2. Om nah hoo pez nyeetz, Marco!

        Im Betreff der Email heißt es Deine neues Passwort.

        Ich würde einige Zeichen im generierten Passwort nicht verweden O und o und 0 und l und 1 und I beispielsweise, vielleicht grundsätzlich keine Vokale, ein Schimpfwort als Passwort ist sicher nicht toll.

        Matthias

        --
        1/z ist kein Blatt Papier.

        1. [latex]Mae  govannen![/latex]

          Ich würde einige Zeichen im generierten Passwort nicht verweden O und o und 0 und l und 1 und I beispielsweise, vielleicht grundsätzlich keine Vokale,

          Gute Idee. Man sollte es dem Hacker nicht schwerer machen als nötig ;)

          Stur lächeln und winken, Männer!
          Kai

          --
          It all began when I went on a tour, hoping to find some furniture
           Followed a sign saying "Beautiful Chest", led to a lady who showed me her best)
          SelfHTML-Forum-Stylesheet
          1. Om nah hoo pez nyeetz, Kai345!

            Ich würde einige Zeichen im generierten Passwort nicht verweden O und o und 0 und l und 1 und I beispielsweise, vielleicht grundsätzlich keine Vokale,

            Gute Idee. Man sollte es dem Hacker nicht schwerer machen als nötig ;)

            B4bf8h, o0O1il

            Ich sehe da keinen Unterschied hinsichtlich der Sicherheit:
            * Das Passwort wird im Klartext übertragen
            * Es ist im Idealfall nur wenige Minuten gültig

            noch mal ganz deutlich: Ich rede von dem Passwort-vergessen-Ersatz-Passwort.
            Matthias

            --
            1/z ist kein Blatt Papier.

  3. [latex]Mae  govannen![/latex]

    Was mir überhaupt nicht gefällt ist, daß sich die Seite bei kleine(re)n Viewports nicht anpasst. Mit inline-block oder float ist es möglich, die Seite so zu gestalten, daß eine variable Anzahl Punkte (bspw. Kategorien oder Top-Angebote) die Breite des aktuellen Viewports ausfüllen. Ansonsten wäre eine sinnvollere Struktur bei Kategorien und Top-Angeboten angebracht, es handelt sich hier um eine Auflistung, daher ul.

    Ansonsten scheinen so einige div-Elemente unnötig, beispielsweise <div class="kategorie_bild"><img src=... /></div> Für genau _ein_ eingeschlossenes Element wird üblicherweise kein zusätzliches Markup benötigt, man kann das eingeschlossene Element auch direkt formatieren.

    Es wird, wenn die Struktur sinnvoll ist, auch einfacher, Elemente per CSS anzusprechen (teilweise können dann Klassen entfallen), da dies schon durch die Verschachtelung vorgegeben wird.

    hättest du beispielsweise (vereinfacht)

    <ul id="kategorien">  
        <li>  
            <img src="" />  
            <div>Hier Beschreibung und so weiter</div>  
        </li>  
        <li>  
            <img src="" />  
            <div>hier Beschreibung und so weiter</div>  
        </li>  
        <li>  
            <img src="" />  
            <div>Hier Beschreibung und so weiter</div>  
        </li>  
        usw.  
    </ul>
    

    könnten die Klassen kategorie_bild und kategorie_beschreibung entfallen, da man die Elemente über die Struktur ansprechen kann:

    #kategorien > li > img {  
    }  
      
    #kategorien > li > div {  
    }  
    

    Stur lächeln und winken, Männer!
    Kai

    --
    It all began when I went on a tour, hoping to find some furniture
     Followed a sign saying "Beautiful Chest", led to a lady who showed me her best)
    SelfHTML-Forum-Stylesheet
    1. Hallo Kai

      Vielen Dank für Deine Optimierungsvorschläge. Ich werde mir Deine Tipps gerne anschauen und ggf. umsetzen.

      Wünsche Dir eine erfolgreiche Woche.
      Marco

      [latex]Mae  govannen![/latex]

      Was mir überhaupt nicht gefällt ist, daß sich die Seite bei kleine(re)n Viewports nicht anpasst. Mit inline-block oder float ist es möglich, die Seite so zu gestalten, daß eine variable Anzahl Punkte (bspw. Kategorien oder Top-Angebote) die Breite des aktuellen Viewports ausfüllen. Ansonsten wäre eine sinnvollere Struktur bei Kategorien und Top-Angeboten angebracht, es handelt sich hier um eine Auflistung, daher ul.

      Ansonsten scheinen so einige div-Elemente unnötig, beispielsweise <div class="kategorie_bild"><img src=... /></div> Für genau _ein_ eingeschlossenes Element wird üblicherweise kein zusätzliches Markup benötigt, man kann das eingeschlossene Element auch direkt formatieren.

      Es wird, wenn die Struktur sinnvoll ist, auch einfacher, Elemente per CSS anzusprechen (teilweise können dann Klassen entfallen), da dies schon durch die Verschachtelung vorgegeben wird.

      hättest du beispielsweise (vereinfacht)

      <ul id="kategorien">

      <li>
              <img src="" />
              <div>Hier Beschreibung und so weiter</div>
          </li>
          <li>
              <img src="" />
              <div>hier Beschreibung und so weiter</div>
          </li>
          <li>
              <img src="" />
              <div>Hier Beschreibung und so weiter</div>
          </li>
          usw.
      </ul>

      
      >   
      > könnten die Klassen kategorie\_bild und kategorie\_beschreibung entfallen, da man die Elemente über die Struktur ansprechen kann:  
      >   
      > ~~~css
      
      #kategorien > li > img {  
      
      > }  
      >   
      > #kategorien > li > div {  
      > }  
      
      

      Stur lächeln und winken, Männer!
      Kai

  4. Ich hab keine E-Mail bekommen *schnief*. Und wieder darf ich nicht mitspiel *heul*.

    Gruß
    *heulender*
    T-Rex

    1. Hallo T-Rex

      Vielen Dank für Deine Nachricht. Nun um ein E-Mail zu erhalten musst Du Dich registrieren :-) Ich sehe Deine Daten nicht inder Datenbank somit wurde der Registrierungsprozess resp. das Formular gar nicht fertig ausgefüllt.

      Kannst Du es nochmals versuchen und mir sagen, was genau das Problem ist?

      Grüsse Marco

      Ich hab keine E-Mail bekommen *schnief*. Und wieder darf ich nicht mitspiel *heul*.

      Gruß
      *heulender*
      T-Rex

      1. @@Marco:

        nuqneH

        Kannst Du es nochmals versuchen und mir sagen, was genau das Problem ist?

        Das frage ich micht auch. Kannst du mir sagen, was genau du an „PS: Bitte kein TOFU!“ nicht verstanden hast?

        Qapla'

        --
        Gut sein ist edel. Andere lehren, gut zu sein, ist noch edler. Und einfacher.
        (Mark Twain)
        1. Ich verstehe nicht ganz was Dir an meinem Schreibstiel nicht gefällt resp. was das TOFU genau aussagen soll...

          @@Marco:

          nuqneH

          Kannst Du es nochmals versuchen und mir sagen, was genau das Problem ist?

          Das frage ich micht auch. Kannst du mir sagen, was genau du an „PS: Bitte kein TOFU!“ nicht verstanden hast?

          Qapla'

          1. @@Marco:

            nuqneH

            Ich verstehe nicht ganz was Dir an meinem Schreibstiel nicht gefällt

            Was im verlinkten Wikipedia-Artikel unter Kritik an TOFU steht.

            resp. was das TOFU genau aussagen soll...

            Einem Link folgen kannst du schon?

            Qapla'

            --
            Gut sein ist edel. Andere lehren, gut zu sein, ist noch edler. Und einfacher.
            (Mark Twain)
            1. Hallo,

              hat dein TOFU-Gesülze irgendetwas mit der Fragestellung des Threaderstellers zu tun, was die Diskussion konstruktiv voranbringen würde?

              http://de.wikipedia.org/wiki/Klugscheißer <- einem Link folgen kannst du schon?

              MfG Hans

              1. Hi,

                hat dein TOFU-Gesülze irgendetwas mit der Fragestellung des Threaderstellers zu tun, was die Diskussion konstruktiv voranbringen würde?

                zumindest den Diskussionsstil, wenn schon nicht das Thema. Wenn du dich mit jemandem unterhältst, wiederholst du ja auch nicht jeden Satz deines Gesprächspartners, oder? Anstand und Manieren sind auch im virtuellen Raum kein Luxus.

                Ciao,
                 Martin

                --
                Ich bin im Prüfungsstress, ich darf Scheiße sagen.
                  (Hopsel)
                Selfcode: fo:) ch:{ rl:| br:< n4:( ie:| mo:| va:) de:] zu:) fl:{ ss:) ls:µ js:(
                1. Hallo,

                  Anstand und Manieren sind auch im virtuellen Raum kein Luxus.

                  wie wahr, wie wahr! Leider mangelt es desöfteren auch an klarer Linie, Sauberkeit und Zielführung.

                  Der Hinweis auf den TOFU-Zitierstil hingegen finde ich völlig richtig. Es ist ein Unding, dass dies bei der schriftlichen Kommunikation in elektronischen Medien immer noch sehr wenig Berücksichtigung findet.

              2. @@Hans:

                nuqneH

                hat dein TOFU-Gesülze irgendetwas mit der Fragestellung des Threaderstellers zu tun, was die Diskussion konstruktiv voranbringen würde?

                Ich hatte als erster im Thread etwas Konstruktives gesagt und im selben Posting die Kritik an TOFU im PS untergebracht. Also was genau ist dein Punkt?

                Qapla'

                PS: Bittersmannsches Gesetz zur Clusterung der Dummheit: Bei jedem dummen Geschwätz hier im Forum findet sich ein noch Dümmerer, der das „hilfreich“ findet.

                --
                Gut sein ist edel. Andere lehren, gut zu sein, ist noch edler. Und einfacher.
                (Mark Twain)
      2. Vielen Dank für Deine Nachricht. Nun um ein E-Mail zu erhalten musst Du Dich registrieren :-) Ich sehe Deine Daten nicht inder Datenbank somit wurde der Registrierungsprozess resp. das Formular gar nicht fertig ausgefüllt.

        Hmm...anscheinend war mein web.de zu inkompetent die Mail gleich an zu zeigen. Hab sie jetzt gesehen, sie kam am 10.04.2012 um 15:40 Uhr an. Also eigentlich gleich nachdem ich mich registriert hab. Seit web.de seine weboberfläche umgestellt hat blick ich da sowieso nicht mehr durch :(.

        Nun will ich mich aber fertig registrieren und klick auf den Aktivierungslink. Doch was ist das?
        http://www.dertausch.ch/aktivierung.php
        Die Seite gibts gar nicht.

        Da hast du mich aber gescheit an der Nase rumgeführt :D.

        Gruß
        der mit der langen Nase
        T-Rex

  5. Hallo

    Was würdet ihr anders machen?

    die Überschriften auf den Detailseiten sind viel zu groß und überlappen sich selbst, wenn sie mehrzeilig sind.

    Gruß
    Kalk