Marc Reichelt: Beispiel: Link-Prioritisierung

Beitrag lesen

Hallo nochmals,

ich habe den Begriff der "Link-Prioritisierung" bereits mehrfach vorgestellt, mit der wir eine bessere Struktur von SELFHTML erstellen können.
Nun möchte ich an einem Beispiel (http://de.selfhtml.org/) demonstrieren, wie ich mir das genau vorstelle.

Natürlich ist es schwierig, zu entscheiden, welche Links "wichtig" sind.
Das liegt daran, dass man einfach keine Relation hat.
Wenn man aber zwei Links vergleicht, kann man entscheiden, welcher davon wichtiger ist.

Am Beispiel der Liste für die Web-Technologien angewendet könnte man zur folgenden Sortierung kommen:
HTML
CSS
JavaScript/DOM
PHP
XML
Perl
Dynamisches HTML

Nun fallen mir an dieser Stelle folgende Dinge auf:

  • "PHP" wird in SELFHTML nur wage beschrieben.
  • "Dynamisches HTML" ist bei weitem der unwichtigste Punkt (da DHTML eigentlich vor allem eine Eigenschaft von JavaScript ist), buhlt aber durch seine Länge um mehr Aufmerksamkeit als alle anderen Begriffe. Und noch dazu sorgt es bei Anfängern für Verwirrung, denn "Dynamisches HTML" kann schließlich durch das Attribut nur ein "besseres HTML" sein. Oder etwa doch nicht?

Es fällt wohl einigen auf, dass ich einige Begriffe geändert habe:
1. HTML/XHTML -> HTML
    (XHTML ist streng genommen kein HTML, aber beide bieten die gleichen Elemente an (und das wird wohl auch in Zukunft so sein, wenn man (X)HTML 5 als Beispiel betrachtet)
2. Stylesheets (CSS) -> CSS
    (um Einheitlichkeit zu den anderen Links herzustellen)
3. XML/DTDs -> XML
    (DTDs gehören als komplexes Thema zu XML hinzu)

Wenn ich nun die beiden Punkte "PHP" und "Dynamisches HTML" weglassen würde, sähe die neue Liste wie folgt aus:
HTML
CSS
JavaScript/DOM
XML
Perl

Das ist bereits übersichtlicher als die alte Liste.

Nun weise ich auf weitere Dinge hin:

1. Die Sortierung von Links ist (bei kleinen Mengen) wenig relevant. Wie man sieht, sprechen die Links in der Liste alle optisch auf die gleiche Weise heraus, und wirken so auch auf die gleiche Weise.
Schlimmer noch: Alle Links auf der Seite haben den gleichen Stil. Als Folge hat der Benutzer eine Menge an Informationen zu verarbeiten, welchen Link er nun anklicken möchte.
Wenigstens in dieser Liste könnte man die beiden Links "HTML" und "CSS" optisch hervorheben.

2. Es gibt viele unnötige Texte auf der Seite. Zum einem die beiden Texte "Inhalt: " und "Navigation: " in den Titeln. Die Texte "Kurzreferenz: " sind durch die Überschrift überflüssig.

3. Es gibt weitere unnötige Links auf der Startseite. "Quickbar", "Sidebars", "Fertige Layouts" und "Kleine Helferlein" könnte man auf eine andere Seite verschieben, die durch "Extras" verlinkt wird.

4. Zu allem kommt hinzu, dass die Überschriften von der Schriftgröße und -formatierung den Links zu sehr ähneln.

Wenn man nun das Konzept für eine neue Seite entwirft, könnte man zusätzlich folgende Überlegungen anstellen:

  • "Wie fange ich an?" bleibt weit oben, um einen schnellen Zugangspunkt für Anfänger zu gewährleisten.
  • FAQ weiter nach unten, da sie vermutlich seltener gebraucht wird (vor allem seltener als die Links zur eigentlichen Dokumentation).
  • Die "Einführung" kann ein klein wenig nach unten verschoben werden, um den Web-Technologien (die ich sogar in "Technologien" oder in etwas anderes umbenennen würde) und den Kurzreferenzen ("Schnellreferenzen"?) Platz zu machen. Das mag zunächst komisch klingen (eventuell wäre der Titel anzupassen?), aber wenige Nutzer werden damit starten wollen, die Geschichte des Internets durchzulesen, bevor sie mit dem eigentlichen - also HTML - beginnen. Eventuell wäre "Geschichte" besser?
  • Eine neue Rubrik "Einführungen" könnte die Aufgabe übernehmen, Anfängern einen schnellen und guten Einstieg in die wichtigsten Themen "HTML" und "CSS" zu geben. Ja, ich vermeide bewusst den englischsprachigen Begriff "Tutorials". A little bit deutsch muss sein. ;-)
  • Die Links von "Ergänzendes Wissen" sind von geringerer Priorität als die Links von "Web-Technologien" und "Kurzreferenzen". Das sollte grafisch auch verdeutlicht werden.
  • Neue Links "Forum", "Weblog" und "Extras" können weiter unten ihren Platz finden.
  • Die Suche sollte auf der Startseite einen besseren Platz finden als bisher - sie ist ein sehr wichtiges Element von SELFHTML. Der Begriff "Suche" ist ein wenig irreführend, denn dafür gibt es ja das Suchfeld. Ein Link "Erweiterte Suche" in der Nähe des Suchfelds wäre sinnreicher.

Ich hoffe, hiermit bringe ich wieder ein wenig Anregungen in diese Diskussion hinein.

Noch ein Hinweise:
Die Begriffe "oben" und "unten" beschreiben nicht unbedingt die Position der Links oder Inhalte, sondern eher deren Gewichtung.

Von der Struktur halte ich HTML Dog derzeit für besser. Diese Dokumentation liefert weniger Inhalte als SELFHTML, strukturiert diese aber dafür übersichtlicher.

Ich freue mich auf eine ansprechende Diskussion. :-)

Grüße

Marc Reichelt || http://www.marcreichelt.de/

--
Linux is like a wigwam - no windows, no gates and an Apache inside!
Selfcode: ie:{ fl:| br:> va:} ls:< fo:} rl:( n4:( ss:) de:> js:| ch:? sh:| mo:) zu:)
0 335

Die Zukunft von SELFHTML (Struktur, Markup, Layout usw.)

Orlando
  • meinung
  1. 2
    Rafael
    1. 0
      Orlando
      1. 3
        Rafael
        1. 0
          nimble
  2. 0
    Ilja
    1. 0
      King^Lully
      1. 0
        Mathias Bigge
        1. 0
          King^Lully
          1. 0
            Mathias Bigge
            1. 0
              Siramon
              1. 0
                Mathias Bigge
  3. 0
    Christoph Schnauß
    1. 1
      Orlando
      1. 0

        SELFHTML-ML?

        Robert Bienert
        • xml
        1. 0

          SDML

          Orlando
          1. 0
            King^Lully
            1. 0
              Thomas J.S.
              1. 0
                King^Lully
            2. 0
              Christoph Schnauß
          2. 0
            Robert Bienert
        2. 0
          King^Lully
        3. 0
          Thomas J.S.
    2. 3
      Cheatah
      1. 0
        Christoph Schnauß
        1. 0
          Detlef G.
          1. 0

            Die Zukunft von SELFHTML - Browserverträglichkeit

            Christoph Schnauß
            1. 0
              Orlando
              1. 0
                Christoph Schnauß
            2. 0

              Browserverträglichkeit kann man auch übertreiben

              Detlef G.
            3. 0
              Tim Tepaße
            4. 0
              Wilhelm Turtschan
              1. 0
                Thomas J.S.
                1. 0
                  Wilhelm Turtschan
                  1. 0
                    Thomas J.S.
            5. 1
              Jonathan
    3. 0
      Andreas Lindig (noReg)
      1. 0
        Cheatah
      2. 0
        Der Martin
        1. 0
          Andreas Lindig (noReg)
        2. 0
          Christoph Schnauß
          1. 0
            Marian
      3. 0
        Jens Müller
        1. 0
          Andreas Lindig (noReg)
          1. 0
            Jens Müller
  4. 3
    Jonathan
    1. 1
      Orlando
      1. 0
        Jonathan
        1. 0

          Nachtrag

          Jonathan
        2. 0
          Detlef G.
          1. 0
            Jonathan
            1. 0
              Thomas J.S.
            2. 0
              Detlef G.
              1. 0
                Wilhelm Turtschan
                1. 0
                  Detlef G.
                  1. 0
                    Wilhelm Turtschan
                    1. 0
                      Detlef G.
              2. 0
                Jonathan
                1. 0
                  Detlef G.
                  1. 0
                    Jonathan
                    1. 0
                      Artist
                      1. 0
                        Marc Reichelt
                    2. 0

                      Umstrukturierung von SELFHTML

                      Christoph Gärtner
                      1. 0
                        Robert Bienert
                      2. 0
                        Jonathan
                        1. 0
                          Marian
                      3. 2

                        Meine ersten Anregungen zur Umstrukturierung von SELFHTML

                        Marc Reichelt
                        1. 1
                          Sven Rautenberg
                          1. 0
                            Jonathan
                            1. 0
                              Jens Müller
                          2. 2
                            Marc Reichelt
                      4. 0
                        Sven Rautenberg
                        1. 1
                          Marc Reichelt
                        2. 0

                          Alternative Aktuell-Startseite

                          Sven Rautenberg
      2. 0
        Marian
    2. 0
      Marc Reichelt
    3. 0
      Robert Bienert
      1. 0
        Der Martin
  5. 0
    xpfreund
    1. 0
      Nico
      1. 0
        xpfreund
  6. 1
    Marc Reichelt
    1. 0
      Der Martin
      1. 0
        Mathias Brodala
        1. 0
          Sven Rautenberg
          1. 0
            Mathias Brodala
            1. 0
              Robert Bienert
              1. 0
                Mathias Brodala
        2. 0
          Der Martin
          1. 0
            Detlef G.
    2. 0
      Andreas Lindig (noReg)
  7. 0
    Der Martin
    1. 0
      Robert Bienert
      1. 1
        Der Martin
    2. 0
      Nico
  8. 0
    Felix Riesterer
    1. 0
      Robert Bienert
  9. 0

    Die Zukunft von SELFHTML (Markup und Layout)

    Orlando
    1. 0
      Cheatah
  10. 0
    Tom
    1. 0
      Christoph Schnauß
    2. 2
      Orlando
      1. 0
        Christoph Schnauß
      2. 0
        wahsaga
        1. 0
          xpfreund
          1. 0
            wucher wichtel
        2. 0
          Ilja
      3. 0
        Robert Bienert
        1. 0
          Der Martin
          1. 0
            Robert Bienert
            1. 0
              Der Martin
              1. 0
                Robert Bienert
      4. 0
        Schuer
        1. 0
          Jonathan
          1. 0
            Schuer
            1. 1
              Bud
              1. 0
                Robert Bienert
              2. 1
                Schuer
          2. 0
            Der Martin
            1. 0
              Jonathan
        2. 0
          Robert Bienert
          1. 1
            Christoph Gärtner
            1. 0
              Jonathan
            2. 0
              wucher wichtel
              1. 1
                Christoph Gärtner
            3. 0
              Robert Bienert
              1. 0
                Christoph Gärtner
          2. 0
            Tom
            1. 0
              Auge
          3. 0
            Orlando
            1. 0
              Robert Bienert
              1. 0
                Wilhelm Turtschan
        3. 0

          Die Zukunft von SELFHTML (Layout)

          Orlando
          1. 0

            SELFHTML-LAYOUT-CONTEST?

            Artist
            1. 0
              Orlando
              1. 0

                Layoutvorschlag als Diskussionsbasis

                Christoph Gärtner
                1. 0
                  Wilhelm Turtschan
                  1. 0
                    Christoph Gärtner
                    1. 0
                      Thomas J.S.
                      1. 0
                        Christian Seiler
                        1. 0
                          Sven Rautenberg
                          1. 0
                            Christoph Gärtner
                          2. 0
                            Thomas J.S.
                            1. 0
                              Sven Rautenberg
                              1. 0
                                Artist
                              2. 0
                                Thomas J.S.
                          3. 0
                            Wilhelm Turtschan
                            1. 0
                              Sven Rautenberg
                2. 0
                  Robert Bienert
                  1. 0
                    Christoph Gärtner
                    1. 0
                      Christian Seiler
                      1. 0
                        Christoph Gärtner
                    2. 0
                      Robert Bienert
                      1. 0
                        Christoph Gärtner
                3. 0
                  Christoph Gärtner
                  1. 0
                    Robert Bienert
                    1. 0
                      Jonathan
                      1. 0
                        Christoph Gärtner
                4. 0
                  Marian
                5. 0
                  Orlando
                  1. 0
                    Wilhelm Turtschan
                    1. 0
                      Orlando
                      1. 0
                        Wilhelm Turtschan
                        1. 0
                          Orlando
                          1. 0
                            Wilhelm Turtschan
                            1. 0
                              Orlando
                              1. 0
                                Wilhelm Turtschan
                          2. 0
                            Wilhelm Turtschan
                            1. 0
                              Robert Bienert
                            2. 0
                              Orlando
                              1. 0
                                Wilhelm Turtschan
                                1. 0
                                  Orlando
                                  1. 0
                                    Wilhelm Turtschan
              2. 0

                SELFHTML-LAYOUT-CONTEST - Und noch ein Vorschlag

                Jan L.
                1. 0
                  Sven Rautenberg
                  1. 0
                    Jan L.
                2. 0
                  Jonathan
              3. 0

                Mein Vorschlag

                Jonathan
                1. 0
                  Marc Reichelt
                  1. 0
                    Jonathan
                    1. 0
                      Marc Reichelt
                      1. 0
                        Jonathan
                        1. 0
                          Orlando
                          1. 0

                            box-shadow

                            Jonathan
                  2. 0
                    Marian
              4. 0

                Vorschlag Nr. 3

                Orlando
                1. 0
                  Jens Müller
                2. 0
                  Wilhelm Turtschan
                3. 0
                  Schuer
                4. 0

                  Vorschlag Nr. 3 online

                  Orlando
                  1. 0
                    Detlef G.
                  2. 0
                    Thomas J.S.
                  3. 1
                    Christoph Gärtner
                    1. 0
                      Marc Reichelt
                    2. 0
                      Mathias Brodala
                    3. 0
                      Vinzenz Mai
                      1. 0
                        Christoph Gärtner
                        1. 0
                          Vinzenz Mai
                          1. 0
                            Christoph Gärtner
                            1. 0
                              Marian
              5. 0

                Navigation nachgezogen / Layout Nr. 3

                Orlando
                1. 0
                  Marian
          2. 0
            Robert Bienert
      5. 0
        Jens Müller
      6. 0
        Tom
        1. 0
          Orlando
    3. 0
      frankx
  11. 0
    _roro
    1. 0
      Robert Bienert
  12. 0
    Ilja
  13. 0

    Ausschreibung für neues Layout?

    Marc Reichelt
    1. 0
      Orlando
      1. 0
        Artist
      2. 0
        Der Martin
        1. 0
          Artist
      3. 0
        Sven Rautenberg
        1. 0
          Wilhelm Turtschan
          1. 0
            Orlando
            1. 0
              Wilhelm Turtschan
      4. 0
        Marc Reichelt
    2. 0

      Ausschreibung! (langsam: nötige Vorarbeiten)

      Orlando
  14. 0

    OT: Forum

    KraKi
    1. 0
      Christian Seiler
      1. 0
        KraKi(noAuth)
  15. 0
    Steffi
    1. 0

      Forums-Archiv

      Marc Reichelt
      1. 0
        Gegenfrage!
        1. 0
          Robert Bienert
          1. 0
            molily
            1. 0
              Robert Bienert
              1. 0
                Christian Seiler
            2. 0
              Wilhelm Turtschan
  16. 0
    Steffi
    1. 0
      Mathias Brodala
      1. 0
        Hallöchen!
        1. 0
          Thomas J.S.
          1. 0
            xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
            1. 0
              Thomas J.S.
            2. 0
              Struppi
              1. 0
                Huhu!
                1. 0
                  Struppi
                  1. 0
                    Huhu!
                    1. 0
                      Struppi
                      1. 0
                        Heidi oder Uschi
                    2. 0
                      Jens Müller
                2. 0
                  Wilhelm Turtschan
                  1. 0
                    Wilhelm Turtschan
                3. 0
                  Thomas J.S.
                  1. 0
                    Struppi
                    1. 0
                      Auge
                      1. 0
                        Heidi
                        1. 0
                          Auge
                          1. 0
                            Multiple
                            1. 0
                              Auge
                            2. 0
                              Thomas J.S.
                    2. 0
                      Thomas J.S.
                  2. 0
                    Artist
                    1. 0
                      Thomas J.S.
    2. 0
      Robert Bienert
  17. 3

    Beispiel: Link-Prioritisierung

    Marc Reichelt
    1. 0
      Wilhelm Turtschan
      1. 0
        Robert Bienert
    2. 0
      MudGuard
      1. 0

        Beispiel: Link-Priorisierung

        Marc Reichelt
        1. 0
          MudGuard
          1. 0
            Marc Reichelt
    3. 0
      Jonathan
      1. 0

        Beispiel: Link-Priorisierung

        Marc Reichelt
        1. 1
          Marian
          1. 0
            Marc Reichelt
            1. 0
              Marian
        2. 0
          Jeena Paradies
  18. 3
    Richard
    1. 0
      Orlando
      1. 0
        Auge
    2. 0
      Wilhelm Turtschan
      1. 0
        Thomas J.S.
      2. 0
        Richard
  19. 0

    Zusammenfassung der vorgeschlagenen Layouts

    Orlando
    1. 0
      Artist
      1. 0
        Orlando
    2. 0
      Richard
    3. 4
      Vinzenz Mai
    4. 0
      Christoph Gärtner
      1. 0
        Jonathan
        1. 0
          Christoph Gärtner
        2. 0
          Detlef G.
      2. 0
        Christian Seiler
        1. 0
          Christoph Gärtner
          1. 0
            Christian Seiler
            1. 0
              Christoph Gärtner
      3. 0

        Suchfunktion

        Orlando
      4. 0
        Ich
        1. 0
          Bud
    5. 0

      Stand der Dinge

      Christoph Gärtner
      • seitenbewertung
      1. 0
        Jonathan
        1. 0
          Vinzenz Mai
      2. 0
        Vinzenz Mai
      3. 0
        Marian
        1. 0
          Christoph Gärtner
          1. 0
            Marc Reichelt
          2. 0
            Thomas J.S.
          3. 0
            Marian
    6. 0
      Mathias Bigge
    7. 1
      Jan L.
      1. 0
        Richard
      2. 0
        Vinzenz Mai
  20. 1

    HTML-Quellcode

    Jonathan
    1. 0
      Detlef G.
  21. 0
    Mathias Bigge
    1. 0
      Orlando
      1. 0
        King^Lully
      2. 0
        Mathias Bigge
        1. 0
          Orlando
          1. 0
            Jonathan
            1. 0
              Orlando
              1. 0
                Jonathan
                1. 0
                  Cyx23
            2. 0
              Vinzenz Mai
          2. 0
            wahsaga
            1. 0
              Wilhelm Turtschan
            2. 0
              Orlando
              1. 0
                Orlando
  22. 0
    Orlando
  23. 0
    Beat
    1. 0
      Auge
      1. 0
        molily
        1. 0
          Wilhelm Turtschan
          1. 0
            molily
        2. 0
          Cyx23
    2. 0
      Thomas J.S.
      1. 0
        Wilhelm Turtschan
        1. 0
          Thomas J.S.
          1. 0
            Wilhelm Turtschan
  24. 0

    Ausschreibung des Layouts

    Orlando
    • zur info