Zapps Blog » mieses Webdesign

Sehr gute Website

Zapp — Wed, 26 Sep 2007 15:49:52 +0000

Normalerweise produzieren mies erstellte Webseiten lediglich frustrierte Ex-Besucher, die Website der SEB-Bank stellte hingegen fÃ¼r die Kunden dieser Bank ein handfestes finanzielles Risiko dar: Online Banking fatal (heise security).

Dass die Bank auch noch mit einem Siegel â€žSehr gute Website” wirbt, setzt dem Ganzen dann die schwedische Krone auf (1). Erinnert mich irgendwie an eine katastrophale Kommunen-Website, die mit ihrer Barrierefreiheit warb.

Es sind also leider nicht nur deutsche Kommunen, sondern auch Privatunternehmen mit extrem hohen SicherheitsbedÃ¼rfnissen absolut ahnungslos, was Internettechniken angeht. Und zwar so ahnungslos, dass sie nicht mal auf die Idee kommen, externen und unabhÃ¤ngigen Sachverstand zur ÃœberprÃ¼fung ihrer Seiten einzukaufen.

1) Wobei anzumerken wÃ¤re dass dieses â€žQualitÃ¤tssiegel” von einem Markforschungsinstitut aufgrund einer Befragung der Besucher der Site vergeben wurde. Von einer so fachkundigen und reprÃ¤sentativen Jury (Sehbehinderte werden wohl kaum darunter gewesen sein, mein Alt-Text-Favorit ist â€žteaser_bjoern_3”) kann man natÃ¼rlich keine ernsthafte Bewertung erwarten.

SmÃ¸rrebrÃ¸d?

Zapp — Mon, 03 Sep 2007 19:18:36 +0000

UndersÃ¶kningen kan ocksÃ¥ avliva en del myter om den svenska bloggvÃ¤rlden.

Syftet Ã¤r att sprida kunskap och nyfikenhet om bloggvÃ¤rlden till folk som vanligtvis inte lÃ¤ser bloggar.

Das bekomme ich momentan zu lesen, wenn ein Server seine Besucher anhand der IP-Adresse erkennt und automatisch auf eine Seite in der vermeintlich passenden Sprache umleitet. Nur scheint es fÃ¼r ihn nicht so einfach zu sein, zwischen Schweden und Schweiz zu unterscheiden.

Dieses PhÃ¤nomen kann ich leider immer wieder mal beobachten, mein DSL-Provider scheint eine Vorliebe fÃ¼r â€žschwedische” IP-Adressen zu haben. Wenn die serverseitige Weiterleitung – wie in diesem Fall – auch noch auf eine Seite fÃ¼hrt, die keine Auswahl der Sprache zulÃ¤sst, steht man ganz schon im Regen.

Sowas kÃ¶nnte ich echt hassen â€¦

SmÃ¸rrebrÃ¸d ist Ã¼brigens DÃ¤nisch und nicht Schwedisch, aber es passte so schÃ¶n und auf eine falsche Sprache mehr oder weniger kommt es bei dem Thema auch nicht mehr an. RÃ¶mpÃ¶mpÃ¶mpÃ¶m.

Dezenter Hinweis aus der Industrie

Zapp — Tue, 14 Aug 2007 15:10:52 +0000

Als grossgewachsener Mensch gewÃ¶hnt man sich ja irgendwann an die Probleme beim Klamottenkauf: Ã„rmel und Hosenbeine sind grundsÃ¤tzlich zu kurz und bei der BauchumhÃ¼llung gibt es regelmÃ¤ssig nur die Wahl zwischen Sack und Presswurstpelle.

Dass nun aber auch noch die Produktion meiner Lieblingsjeans in der von mir benÃ¶tigten Weiten/LÃ¤ngen-Kombination eingestellt wurde, kann ich nur als dezenten Hinweis auf die Notwendigkeit einer DiÃ¤t verstehen. Oder ist es vielleicht doch ein Aufruf zur SelbstverstÃ¼mmelung? Bei kÃ¼rzeren BeinlÃ¤ngen gehen die Bundweiten schliesslich wieder bis zum Fassformat.

Liebe Planer von Levi's: Sagt mir doch bitte das nÃ¤chste Mal vorher Bescheid, dann kaufe ich euch eine Monatsproduktion ab und mache damit Ã¼ber die folgenden Jahre ein VermÃ¶gen bei Ebay.

PS: Ãœber die Firmenhomepage von Levi's, von der ich mir irrigerweise sachdienliche Informationen erhofft hatte, kÃ¶nnte man sich auch hervorragend aufregen. Kein Wunder, dass sie bei einer Google-Suche nach "Levis Deutschland" gar nicht auf der ersten Ergebnisseite auftaucht und selbst bei der Suche allein nach dem Markennamen noch locker von einem polnischen GeschÃ¤ftsmann geschlagen wird.

taz-Printausgabe wieder online

Zapp — Thu, 26 Jul 2007 13:00:40 +0000

Durch einen Zufall habe ich heute entdeckt, dass die von mir vermisste virtuelle Printausgabe der taz wieder online verfÃ¼gbar ist.

Allerdings scheinen die taz-Macher sie vor ihren Besuchern verstecken zu wollen, man gelangt nur Ã¼ber recht unauffÃ¤llig platzierte Links zu ihr:

(Man kommt alternativ auch Ã¼ber das Archiv, dass sich offensichtlich auf die Printausgabe der taz und nicht auf die Internetseite bezieht, zum Ziel.)

Der virtuellen Printausgabe fehlen bei Artikeln, die nicht auch separat online gestellt wurden, wie gewohnt alle Bilder und jedes weitergehende Layout. Leider kann man sich die aktuelle Titelseite der taz nicht mehr in OriginalgrÃ¶sse anschauen, auf der Abo-Seite wird lediglich ein stark verkleinertes Bild prÃ¤sentiert.

Insgesamt ist es sicher positiv, dass auf die Kritik der Leser eingegangen wurde und die Printausgabe wieder in alter Form verfÃ¼gbar gemacht wurde, allerdings ist es fÃ¼r mich unverstÃ¤ndlich, warum sie so versteckt wird.

Habe ich eigentlich schon mal angemerkt, dass taz.de mittlerweile aussieht, wie jede beliebige andere Nachrichtenseite auch?
GrossflÃ¤chige Werbung, irrelevante Leserumfragen, Leserforen (momentan drei(!) Themen) und die unvermeidlichen Bildergalerien haben hier nun auch Einzug gehalten. Ihr Profil wird die taz-Genossenschaft so wohl kaum schÃ¤rfen.

Passendes aus dem Archiv:

taz nicht mehr rot

taz nicht mehr rot

Zapp — Thu, 14 Jun 2007 20:48:12 +0000

Und noch ein neues Layout im Pressedschungel: Die taz hat ihren Internetauftritt renoviert und dabei auch gleich die alte Leitfarbe deutlich zurÃ¼ckgefahren.

Nun sieht es dort auch so aus, wie auf anderen Newsseiten und die Printausgabe ist hinter der Seite kaum mehr zu erkennen. Gerade das hat fÃ¼r mich den Charme des alten Layouts ausgemacht, man hatte im taz-losen Ausland fast das GefÃ¼hl, die Druckausgabe durchblÃ¤ttern zu kÃ¶nnen. Ausserdem fand ich es extrem praktisch, Ã¼ber eine kleine Datumsmanipulation in der URL gezielt auf Ã¤ltere Ausgaben zugreifen zu kÃ¶nnen.

PS: Vielleicht dient das neue Layout ja auch der FÃ¶rderung des digitalen Abos?

Nachtrag: Puh, was eine Friemelei, ein Benutzerstylesheet hinzubekommen, dass eine vernÃ¼nftige Textbreite bei einer grÃ¶sseren Schrift ermÃ¶glicht. Der Code ist, sagen wir mal, interessant. Falls jemanden meine momentane LÃ¶sung interessiert:

ZusÃ¤tzlicher Code in der userContent.css:

/*TAZ*/
@-moz-document domain(taz.de){

  div#werbung_rechts, 
  div#werbung_oben, 
  .anzeige, 
  #anzeige, 
  .werbeblock_inline, 
  .schwarzer_rahmen_links
    {display:none;}

  #hauptbereich, 
  #content_gesamt, 
  #main_navi_div, 
  #main_navi_sub_div, 
  .schwarzer_rahmen_oben 
    {width:100% !important;}

  #linke_spalte, 
  #linke_spalte > div 
    {width:700px !important;}
  
  #artikel * 
    {font-size: 20px !important; 
     line-height:1.3em !important;}

  #artikel h1 
    {font-size:30px !important;}

  .artikelheader 
    {border:0 !important;}
  
  #hauptbereich 
    {background:white !important;}

  .schwarzer_rahmen_oben, 
  #hauptbereich 
    {position:static !important; 
     top:0;}

  #linke_spalte 
    {margin-left:120px; 
     margin-right:30px;}

}

Das Benutzerstylesheet ist natÃ¼rlich stark auf meine persÃ¶nlichen BedÃ¼rfnisse und Lesegewohnheiten zugeschnitten und fÃ¼r eine Bearbeitung der Ãœbersichtsseiten hat meine Motivation noch nicht gereicht. Die px-Angaben dÃ¼rfen angepasst werden. ;-)

Alles neu macht der Mai

Zapp — Tue, 15 May 2007 11:51:59 +0000

Der FrÃ¼hjahrsputz bei den grossen Newsseiten scheint immer noch nicht abgeschlossen zu sein, jetzt hat es die Zeit erwischt. Das Design Tagebuch hat sich schon den gestalterischen Aspekten gewidmet, mal schauen, ob der immer noch ziemlich seltsame Quelltext demnÃ¤chst im Trash Log erwÃ¤hnt wird. (Nachtrag: Im Trash Log gibt es mittlerweile einen entsprechenden Artikel.)

FÃ¼r mich als Nutzer bedeutet so eine gravierende Umstellung einer meiner Stammseiten zunÃ¤chst einmal, dass die userContent.css angepasst werden muss, damit die Artikel wieder besser lesbar werden.

GrundsÃ¤tzlich sind mir die SchriftgrÃ¶sse und die Spaltenbreite auf den meissten Newsseiten zu klein, weshalb beide angepasst werden. Auf Teile der Navigation kann ich dabei gerne verzichten, da ich die Seite fast ausschliesslich Ã¼ber den Feedreader betrete. Um die Werbung kÃ¼mmert sich Adblock, der stÃ¶rende graue Hintergrund wird ebenfalls Ã¼ber die userContent.css entfernt. Das Ergebnis entspricht dann schon eher dem, was ich persÃ¶nlich unter einer gut lesbaren Internetseite verstehe.

Ich bin immer wieder begeistert davon, wie einfach es mit dem Firefox und ein paar Grundkenntnissen in HTML und CSS ist, "das Internet" seinen eigenen BedÃ¼rfnissen anzupassen.

ZusÃ¤tzlicher Code in der userContent.css:

@-moz-document domain(www.zeit.de) {
  body {
    background:white !important;
    }

  #content .inner {
    background-color:white;
    background-image:none;
    position:absolute;
    left:0;
    width:50em !important;
    z-index:100;
    font-size:18px;
    margin:0 !important;
    padding-left:3em !important;
    }
}

Update (08.03.2008):

Das an das aktuelle Layout der Zeit angepasste Benutzerstylesheet findet sich in den Kommentaren.

Webdesign zum AbgewÃ¶hnen

Zapp — Fri, 11 May 2007 09:37:05 +0000

Es gibt Dinge, bei denen ich mir als potentieller Kunde ziemlich verarscht (sorry fÃ¼r die deutlichen Worte) vorkomme. Zu diesen Dingen gehÃ¶rt sicherlich, wenn eine Webseite zunÃ¤chst komplett lÃ¤dt, ich wÃ¤hrend der relativ langen Ladezeit schon zu lesen anfange, und mich die Seite gerade nachdem ich das erste interessante Produkt gefunden habe, damit Ã¼berrascht, neu zu laden und nur noch diese Meldung zu zeigen:

This site requires Javasript to be enabled. Enable Javasript from your browser. Then go to the front page of the site.

Sowas lÃ¶st bei mir automatisch den Tab-Schliessen-Reflex aus und ist meiner Meinung nach noch mal eine Kategorie schlimmer als eine "Meine Seite ist so schlecht, dass sie ohne JS gar nicht funktioniert"-Meldung gleich zu Beginn.

Quelltext fÃ¼r Fortgeschrittene

Zapp — Sun, 22 Apr 2007 12:20:44 +0000

Wie formatiert man ein Leerzeichen? Der Macher von bahndeutsch.de hat sich fÃ¼r folgende LÃ¶sung entschieden:

Falls das kein besonders ausgetÃ¼ftelter Werbetrick ist, zolle ich dem kreativen Einsatz eines veralteten HTML-Elements mit einer leichten Verbeugung in Richtung Frontpage, Word und Co. meine Hochachtung.

Wenn man vom interessanten Quelltext mal absieht (das Leerzeichen findet sich Ã¼brigens in Zeile 35), ist die Bahndeutsch-Seite aber gar nicht mal so Ã¼bel.

Gefunden im Trash Log.

Nachtrag: Es war ja eigentlich nur eine Frage der Zeit: Das Leerzeichen ist mittlerweile mitsamt Formatierung ersatzlos gestrichen worden.

Im Focus

Zapp — Sun, 11 Mar 2007 18:08:36 +0000

Eine beachtliche Zahl von Bloggern hat sich an diesem Wochenende mit dem neuen Internetauftritt des Magazins Focus auseinandergesetzt. Das fÃ¤ngt mit der Betrachtung journalistischer Aspekte bei Stefan Niggemeier an, geht mit der Begutachtung des neuen Designs (Design Tagebuch, Wortfeld) und eher allgemeinen Anmerkungen (turi2, Medienrauschen) weiter, und endet schliesslich bei den Webkrauts mit einem Blick in den Quelltext der in den letzten Wochen neu aufgelegten Newsseiten:

Viel Geld und viel Zeit wurde verbraucht, doch letztlich haben drei von vier Zeitungen versagt.

Dem habe ich nichts hinzuzufÃ¼gen.

DesignKlicks – PreiswÃ¼rdig?

Zapp — Thu, 01 Mar 2007 17:06:19 +0000

Nach Angaben von Indiskretion Ehrensache hat heute DesignKlicks den Lead Award für "WebDesign des Jahres" gewonnen. Auf den Seiten der Lead Academy, die den "Oskar der Medienbranche" vergibt, findet sich diese Information momentan noch nicht, sondern nur der Satz "Die Preisträger werden am 1. März 2007 bekanntgegeben". Dann müssen sie sich aber mal langsam beeilen ...

O.K., gespannt klicke ich auf den Link zum Preisträger und werde freundlich begrüsst:

Da hat wohl jemand seine eigene Fehlermeldung nicht gelesen. Die erste Kontaktaufnahme scheitert also wegen des mit NoScript abgeschalteten JavaScripts an der Flash-Erkennung.

Für eine Gewinnerseite schalte ich JavaScript aber gerne mal ein, und gelange mit erkanntem Flash-Player schliesslich auf die Seite. Und man muss wirklich sagen, innovativ ist sie. Beim Versuch, die Navigation zu meistern (hinter der seltsamen Wolke oben rechts verbirgt sich übrigens auch ein Steuerelement), erlebt man einige positive Überraschungen.

Flüge durch Bilderwelten, sehr schöne Aufnahmen, interessante Objekte: Der Inhalt ist eindeutig erstklassig. Nur leider hakt es manchmal an der Technik. Mir persönlich sind die Bildunterschriften viel zu klein, und dank Flash lassen sie sich natürlich auch nicht vergrössern. Für den Genuss der Seite ist ein sehr grosser Bildschirm empfehlenswert, selbst auf meinem 1280er Monitor erscheinen Scrollbalken, die aufgrund der besonderen Navigationseigenschaften einiger Unterseiten ziemlich sinnlos sind.

Die Einblendung des Impressums dürfte nicht nur beim Firefox am Popup-Blocker scheitern. Rechtlich ist es eine interessante Frage, ob ein aus einem Flash-Element hinter den Links "Sign In" und "Impressum" aufgerufenes (bzw. geblocktes) Impressum dem Kriterium der unmittelbaren Erreichbarkeit nach §5 TMG entspricht.

Mein Fazit: Eine sehr hübsche Seite für junge Designer mit guten Augen, die experimentierfreudig und an ein buntes Durcheinander von Deutsch und Englisch gewöhnt sind. Dem wirklich tollen Inhalt wird die handwerkliche Umsetzung leider nicht gerecht. Dass man für so ein Projekt den Flash-Player voraussetzt ist verständlich, an einer Erkennung per JavaScript muss man aber eigentlich nicht scheitern.

Wer sich fragt, warum man trotz solcher Schlampigkeiten einen der höchsten Preise für Webdesign in Deutschland bekommen kann, sollte vielleicht mal einen Blick auf die Liste der Juroren und ihrer Brötchengeber werfen.

Nachtrag:
Wie ich gerade bei wirres gelesen habe, versteigern die Leute von Titanic ihren Preis. Die nehmen ihn wohl auch nicht so ganz ernst ;-)

Wie man es nicht machen sollte

Zapp — Sun, 25 Feb 2007 09:40:41 +0000

RTL hat seinen Webauftritt überarbeitet, die entsprechende Pressemitteilung kann man als Artikel getarnt bei Quotenmeter.de nachlesen.

Dass die Websites von Privatsendern nicht so ganz das Gelbe vom Ei sind, war mir ja spätestens klar, seit ich vor einigen Wochen mal versucht habe, eine Programminformation bei ProSieben.de zu finden. Nach etlichen Minuten und dem Aufpoppen von drei neuen Fenstern gab ich schliesslich entnervt auf. RTL hat diese Benutzerunfreundlichkeit jetzt allerdings noch getoppt und Stefan Niggemeier titelt ganz zutreffend Bei RTL.de ist das Grauen jetzt blau.

Seinen ausführlichen Anmerkungen kann ich nur hinzufügen, dass die Seite ohne JavaScript weitgehend unbenutzbar ist, bei einer leicht vergrösserten Schriftgrösse Texte und Navigationselemente überlappen, und man gerne mal von lautstarken Flash-Werbetrailern überrascht wird. Die 272 Fehler, die der HTML-Validator im Moment für die div-Suppe von RTL.de auswirft, überraschen da wahrscheinlich niemanden mehr.

Fazit: Wer eine moderne Alternative zur Christen-Front sucht, sollte sich mal bei RTL umschauen.

Vielleicht gehöre ich aber auch einfach nicht zur RTL-Zielgruppe:

Die Seiten sind offenkundig optimiert für Leute, die auch auf virus.exe-Anhänge doppelklicken und auf Spam-Mails mit ihren Kontodaten antworten.
Stefan Niggemeier