Live-Webdesign: Gentlemen, start your engines!

Falls es eine gewisse Irritation ob des visuellen Eindrucks bei Jeriko One geben sollte, so kann ich erst einmal beruhigen, bei euch ist alles in Ordnung.

Der normale Prozess einer Website-Produktion beinhaltet die Ausarbeitung auf einem Testserver zusammen mit einer Testphase, bevor dann in einen Produktiveinsatz gewechselt wird, die Website also für die Surfer zur Verfügung gestellt wird. Live-Webdesign dagegen ist eine Art Debugging, es gibt keinen Testserver, man arbeitet auf dem für jeden sichtbaren Webserver. Der Surfer wird damit gleichzeitig zum Beobachter. Es gibt verschiedene Gründe, warum man etwas in dieser Form machen möchte, die erste Website, bei der ich etwas ähnliches gesehen habe, war unfreiwillig dazu gezwungen. Andere haben jedoch freiwillig nachgezogen, und gerade für eine Website, die sich mit bzw. auch mit Webdesign betrifft, kann es für die Leserschaft sicherlich interessant sein.

Mein Hauptgrund ist, dass ich unter Druck besser arbeiten kann. Natürlich liegt mir was daran, meinen Lesern so schnell wie möglich wieder etwas zu präsentieren. Das andere betrifft das Design an sich; hatte ich ursprünglich noch vor, alles an ein oder zwei Tagen durchzuziehen, bin ich von dieser Idee mittlerweile etwas abgewichen. Es sollte meiner Meinung nach etwas länger dauern, einerseits, weil ich mir über gewisse Elemente noch nicht ganz im Klaren bin, andererseits, um euch, die Leser, einzubeziehen.

Gebt mir Feedback! Was gefällt euch? Was findet ihr schlecht? Was könnte man besser machen? Gänzlich andere Ideen? Ich gebe schon eine grobe Richtung vor, aber warum soll ich nicht auf euch hören? Wer weiss, vielleicht findet ja ein reger Austausch statt, von dem beide Seiten etwas lernen können.

Und falls euch das Ganze überhaupt nicht interessieren sollte, nie vergessen: Es geht um die Inhalte. Das Design entscheidet nur, ob ein Besucher bleibt oder nicht.

16.12.2006: Ein bisschen Ordnung ins Chaos gebracht und nebenbei eine Archivseite eingefügt. Durch diesen Artikel der Webkrauts habe ich endlich mal ein etwas besseres Verständnis von Microformats bekommen. Für den Moment gibt es hier das hAtom Format für die Beiträge, weitere folgen.

17.12.2006 Kommentare sind vom Aussehen her soweit fertig, da gibts aber noch überflüssiges Markup, was ich noch loswerden muss. Meinungen? Einzelansicht ist jetzt auch ein bisschen besser strukturiert, der erste Absatz fungiert als Opener und ist optisch hervor gehoben, der Rest ist in einer schmaleren Spalte, was die Lesbarkeit fördert. Ach ja, man kann jetzt auch halbwegs erkennen, wie es so farbmäßig mal werden wird ;-)

Ähnliche Beiträge

3 Trackbacks

  1. 17.12.2006 - WebNobbi - Meinungen ~ Informationen ~ Spaß » Meine fDawn-Anpassungen geh [...]
  2. 08.02.2007 - joshimotions » The last “Beitrag”…via WP :-(
  3. 16.02.2007 - » Live-Webdesign: Gentlemen, start your engines! Webdesign Blogschleuder

Diskussion: 43 Kommentare

Neu RSS
  1. 1 Malte (Website)

    So wie jetzt kanns bleiben :P lädt ungewohnt schnell und sieht aufm Handy auch gut aus…

    AntwortenReply to this comment
  2. 2 Pablo (Website)

    Wann fängt an sich was zu tun?

    AntwortenReply to this comment
  3. 3 Jeriko (Website)

    Heute nicht mehr, morgen im Laufe des Tages. Ich habe vor es etwas langsamer angehen zu lassen, damit man die einzelnen Schritte erkennen kann. Deswegen auch schon heute abend die “Basis”

    AntwortenReply to this comment
  4. 4 Pablo (Website)

    Achso.. Hatte mich auf 5-10 Minuten Schritte fertig gemacht…

    AntwortenReply to this comment
  5. 5 Jeriko (Website)

    Erstes Update ist da.

    AntwortenReply to this comment
  6. 6 Michel Balzer (Website)

    Datumsangaben bei den Kommentaren wären wunschenswert ;)

    Aber erstaunlich, dass man erkennen kann, was wofür und was was ist ohne aufwändiges Styling.

    AntwortenReply to this comment
  7. 7 Felix (Website)

    Gefällt mir prima!
    Kann nicht das ganze Internet so sein? ;-)
    baex

    AntwortenReply to this comment
  8. 8 Nobbi (Website)

    Hach, ich liebe sowas auch *g*. Ich bin leidenschaftlicher Praktizierer dieser Methode. Spannend war es vor allem immer dann, wenn mehrere an der betreffenden Seite beteiligt waren, die bekamen regelmäßige “Herzinfarkte”, wenn ich nur schon ankündigte, “mal wieder was am offenen Herzen zu testen. Nur mal eben…” :-).

    Zwar habe ich mir damit auch schon so manches, was ich gerade zum Laufen gebracht hatte, wieder mit dem Hintern umgeworfen, aber das ist eben der Nervenkitzel, der einem beim Druck des Reload-Knopfes durchfährt *gg*.

    AntwortenReply to this comment
  9. 9 Duddle (Website)

    Der Kommentarbereich gefällt mir schonmal. Wird das so eine “oben hell, unten dunkel”-Geschichte, die ich in letzter Zeit sehr häufig sehe (und die mir auch sehr gefällt)?

    AntwortenReply to this comment
  10. 10 Pablo (Website)

    nice… :)

    AntwortenReply to this comment
  11. 11 Ben-Inside (Website)

    Also mir gefällt das ganze Kommentar-Design.

    AntwortenReply to this comment
  12. 12 baex (Website)

    Schaut gut aus! Opera macht unten bei dem E-Mail-Feld aber noch Mist mit dem Hintergrund… Sehe ich gerade auf dem Schulcomputer ;-)

    AntwortenReply to this comment
  13. 13 Jarlaxle

    sieht doch bis jetzt sehr nett aus. Auch die Tatsache, dass das geschriebene Kommentar erscheint und man gleich weiß, wie es aussieht, gefällt mir.

    AntwortenReply to this comment
  14. 14 Martin Labuschin (Website)

    Jo, Die Kommentararea gefällt mir sehr gut. Auch dieses simple beim Rest. Also meinetwegen musste nur noch den Header (“Jeriko One Home Archiv Wer? etc.”) ein wenig optimieren (verschönern), dann wärste fertig!

    AntwortenReply to this comment
  15. 15 Jeriko (Website)

    Erstmal Danke fürs Feedback, keep it comin’! :-)

    @baex: Mit Opera 9.1 seh ich keine Unterschiede, Opera 8.x muckt noch ein bisschen, aber das krieg ich schon hin. Jedenfalls Danke für den Hinweis.

    @Martin: Ein bisschen was kommt schon noch, aber es lässt sich ja schon erkennen, dass es generell etwas “leichter” wird, also nicht überladen oder ähnliches. Bin mir aber bei ein paar Sachen immer noch nicht so sicher, werd wohl ein bisschen rumprobieren müssen und sehen, was mir (und euch!) zusagt.

    Das mit den täglichen Updates wird jetzt aber erstmal nichts mehr, Klausuren gehn vor. Ab spätestens Donnerstag gehts dann aber in vollem Tempo weiter :-)

    AntwortenReply to this comment
  16. 16 Tom S. Weber (Website)

    Mein Gefühl sagt dass es gut kommt ;)
    Btw. Krasser Übergang Hell [content] – Dunkel [comments].

    Plane übrigens bald ein Comeback. 2007 halt.

    LG & Schöne Feiertag
    Tom Swasayan Weber

    AntwortenReply to this comment
  17. 17 Martin Labuschin (Website)

    Schön mal wieder was von dir zu hören, Tom. Warum gehst du nicht auf die E-Mails von mir und Jeriko ein?

    Ich hoffe, es haut bald wieder bei dir hin. Mein Feedreader beschwert sich über Mangel bei deinem Feed. Er ist schon ganz unterernährt :)

    AntwortenReply to this comment
  18. 18 Jeriko (Website)

    Ay, der Herr Weber! Schön mal was von dir zu hören, hab mir ja schon ein bisschen Sorgen gemacht :-) Das mit den Kontrasten wird noch ein wenig entschärft, keine Sorge – letztlich soll ja alles angenehm zu lesen sein, das ist mein primäres Ziel bei dieser ganzen Geschichte.

    Na dann lass ich mich mal überraschen was “The Return of tomsw.org” bringt. Der Feed ist bei mir übrigens auch noch nicht gelöscht ;-)

    AntwortenReply to this comment
  19. 19 Pablo (Website)

    Bitte mehr Abstand im Menü… Da erkennt man ja nichts :)

    Außerdem ist das Daily Ranting unsauber…

    Gruß,
    Pablo

    AntwortenReply to this comment
  20. 20 Jeriko (Website)

    Done. :-)

    Das mit dem unsauber lässt sich irgendwie nicht vermeiden, liegt wohl am Font (Delicious Smallcaps) selbst. Ich habs jetzt testweise mal mit Strong AntiAliasing probiert und ein wenig abgedunkelt, damit es nicht so heraussticht.

    AntwortenReply to this comment
  21. 21 Michel Balzer (Website)

    Klau mir nicht die Logo-Fonts ;)

    AntwortenReply to this comment
  22. 22 Jeriko (Website)

    Hmmm ist mir noch gar nicht aufgefallen, dass das dieselbe Schrift ist. Aber letztlich fällt es ja nicht so sehr auf ;-)

    AntwortenReply to this comment
  23. 23 Michel Balzer (Website)

    Und im Endeffekt ist mir das auch egal ;)

    BTW, grob gesehen gefällts mir bis jetzt.

    AntwortenReply to this comment
  24. 24 Felix (Website)

    Okay, auf der Wer?-Seite seh’ ich die Überschriften nur zum Teil, die hackt FF2.0 (WinXP) ab.
    Sonst sieht’s gut aus!

    AntwortenReply to this comment
  25. 25 Jeriko (Website)

    Fixed, danke für den Hinweis. Warum auch immer das passiert ist…

    AntwortenReply to this comment
  26. 27 Jeriko (Website)

    Jep, an Suchergebnissen und Listenarchiven hab ich mich noch nicht dran gegeben, das kommt als nächstes.

    AntwortenReply to this comment
  27. 28 Michel Balzer (Website)

    Seltsamerweise werden auf der Startseite nur der CSS-Geburtstags-Glückwunsch und alles davor ausgegeben.

    AntwortenReply to this comment
  28. 29 Jeriko (Website)

    Weniger seltsam als bewusst. Die ganzen kleineren Sachen fallen unter die Kategorie “Sidenotes”, von denen die letzten drei auf der Frontseite unterhalb der Artikel angezeigt werden. Und die Glückwünsche waren nunmal der letzte lange Beitrag, den ich geschrieben habe. Aber da stehen noch ein paar Punkte auf der Liste, die noch in diesem Jahr geschrieben werden wollen ;-)

    Ich bin mit der Aufbereitung der Sidenotes auf der Frontseite noch nicht ganz zufrieden, mal sehen was ich da noch biegen werde. Mit dem Design gehe ich ja so oder so einen Kompromiss zwischen unkonventionell und navigationsfreundlich ein, nur muss ich da noch einen Level finden, mit dem ich zufrieden sein kann. Ich muss noch ein wenig das allgemeine Verhalten meiner Besucher analysieren, bevor ich da endgültig was dran mache.

    Alles nicht so einfach :-)

    AntwortenReply to this comment
  29. 30 Pablo (Website)

    Bitte die Links umdesignen! Das sieht ja gräslich aus auf der Startseite :) Am besten ohne Hintergrundfarbe.

    Und noch mehr Abstand zwischen den Buchstaben in dem riesigen Text… So ist der doch recht unleserlich.

    Wie hast du die Sidenotes mit WordPress implementiert? Gehst du einfach stur nach Beitragslänge und sortierst das mit PHP aus oder machst du die alle manuell?

    Aber mit unkonventionell habe ich bei mir auch schon meine Probleme bekommen… User wollen scheinbar unbedingt eine Navi haben ^^ Aber da werde ich bei mir die Tage auch noch rumwerkeln müssen dass das gut aussieht.

    Gruß,
    Pablo

    AntwortenReply to this comment
  30. 31 Jeriko (Website)

    Hintergrundfarbe bleibt, aber nicht diese. Da ich gerade an einem Röhrenmonitor sitze merke ich auch, dass es so noch nicht optimal ist, mein eigenes LCD ist wohl sehr hell. Morgen bin ich zu Gast bei einem Grafiker, da werd ich das dann ein wenig optimieren – aufm Sony 24″ Profi CRT mit richtiger Farbtreue gehts halt besser ;-)

    Die Sidenotes sind einfach eine Kategorie, die zu den anderen Kategorien dazu kommt. Die Entscheidung, ob ein Beitrag dazu gehört, liegt also bei mir.

    Ich werde aber so oder so noch einen längeren Beitrag zum Entstehungsprozess schreiben (oder mehrere kleinere, je nachdem), wenn der größte Teil gelaufen ist, da wird das alles dann noch ein wenig genauer erklärt ;-)

    AntwortenReply to this comment
  31. 32 Tom S. Weber (Website)

    Du wirst immer besser!

    AntwortenReply to this comment
  32. 33 Karsten (Website)

    Die Templates finde ich sehr gelungen. Was etwas in den Augen brennt sind die Kontraste (rot/schwarz). Die Zeilenabstände bei den Überschriften Startseite könnte für mein empfinden größer sein. Den Kommentarbereich finde ich super. Der hat mir schon bei Orderedlist gut gefallen.

    AntwortenReply to this comment
  33. 34 Martin Labuschin (Website)

    Dein Feed braucht auf meiner netvibes Seite echt lange zum laden. Hängt hier was?

    AntwortenReply to this comment
  34. 35 Jeriko (Website)

    Könnte am Update auf WP 2.0.6 liegen. Hab eben mal den Fix für Feeds über Feedburner eingespielt, gehts nun besser?

    Achja und Hosteurope scheint im Moment ein paar Probleme zu haben, in den letzten 2 Tagen gabs hier diverse Störungen. Vielleicht liegts auch daran.

    AntwortenReply to this comment
  35. 36 jez (Website)

    I like the live-comments! sieht alles sehr stimmig aus, weiterhin die großen Zahlen neben den Kommentaren. Balsam auf deine Kreationskünste!

    AntwortenReply to this comment
  36. 37 Mathias (joshi) (Website)

    Live-Webdesign…der Hammer!
    Sowas nenne ich innovativ.
    Ja, dass mit dem “live unter Druck” arbeiten kenne ich. Erfahrungsgemäß habe ich dabei meist die besten Ergebnisse, gerade in Bezug auf die Gestaltung. Zumindest bei mir ist es so, dass da meist die Entscheidungen “aus dem Bauch” heraus, also nach Gefühl getroffen werden.
    Angeblich sollen das ja immer die Besten Entscheidungen sein.
    Dein Comment-Design ist einfach superklasse! “fetten Reschpekkt!!!”
    lg
    mathias

    AntwortenReply to this comment
  37. 38 MisterBrightside (Website)

    Meine Fresse, dein Archiv ist ja ziemlich cool. Wie hast du das gemacht?

    AntwortenReply to this comment
  38. 39 Jeriko (Website)

    Uhm… geschrieben? :-)

    Also ist kein Plugin, falls du darauf hinaus wolltest.

    AntwortenReply to this comment
  39. 40 MisterBrightside (Website)

    Nein, das habe ich mir auch gedacht – ist ja recht ungewöhnlich. Auch, dass die ersten drei Monate (absteigend) en detail aufgelistet sind.

    AntwortenReply to this comment
  40. 41 Jeriko (Website)

    Naja im Grunde ist da nicht viel dabei, bisschen WordPress Funktionen hier, bisschen PHP da. Vielleicht bastel ich mal ein Plugin daraus :-)

    AntwortenReply to this comment
  41. 42 MisterBrightside (Website)

    Oder ich versuch mich mal dran, sowas ähnliches hinzukriegen…
    BTW, du hast nichts dagegen, dass ich dich verlinkt habe? :)

    AntwortenReply to this comment
  42. 43 Nemesis#13

    sehr nettes design. auch wenn ich die schrift etwas kleiner gestalten würde. auf meinem iceweasel(firefox) sieht das schon ziemlich gigantisch aus. ansonsten alles super übersichtlich und klar. einfach weiter so ;-)

    AntwortenReply to this comment

Kommentar schreiben

SEOs brauchen es erst gar nicht probieren, werbliche Kommentare (Links zu Shops, Firmen, o.ä.) werden ebenfalls als Spam markiert. Wenn ihr etwas völlig anderes beisteuern wollt, dann bitte über den normalen Kontakt.

oder