An zahllosen Stellen im Web und auch in diesem Magazin ist immer wieder die Rede von der Bedeutung von Usability und der Notwendigkeit eines professionellen Designs für Unternehmen, die im Internet erfolgreich sein und Umsatz generieren wollen. Und man möchte meinen, inzwischen hätten alle Unternehmen zumindest schon einmal davon gehört, dass Nutzerfreundlichkeit und Design Erfolgsfaktoren sind.
Doch weit gefehlt, denn nach wie vor gibt es zahlreiche wahrlich unerschrockene Firmen, die (unfreiwillig) auf Schocktherapie setzen. Wir haben uns einmal umgesehen und stellen Ihnen zehn kommerzielle Websites vor, denen man zu Weihnachten eine Design- und Usability-Beratung schenken sollte – ein Kuriositätenkabinett mit Augenzwinkern. – Die Sites sind ausnahmsweise und mit Absicht nicht verlinkt.
Platz 10: Dinghyinsurance.com
Konservative Zurückhaltung in Sachen Layout ist auf der Website der W. H. Insurance Consultants Trumpf. Den Unterschied macht jedoch das revolutionäre Navigationskonzept: Ein Alleinstellungsmerkmal wird nämlich dadurch geschaffen, dass unterstrichene Wörter hier einmal keine Links sind. Sie müssen schon auf die gelb-schwarzen Buttons klicken. Allein deshalb hat dinghyinsurance.com einen Platz in dieser Liste redlich verdient.
Platz 9: Stexps.com
„Back to the Roots“ heißt es auch auf der Website des Sarasota-Tampa-Express. Doch nicht der (fast) konsequent durchgezogene Retro-Stil, nicht die Inverted-L-Navigation mit den gleichen Links im vertikalen und im horizontalen Menü, nicht der animierter Cursor, der eine wogende Schlange roter Buchstaben in einer anderen Schriftart hinter sich herzieht, nicht die in spacigen Regenbogenfarben blinkenden NEW-Elemente haben uns überzeugt, sondern das unübertrefflich hektische FlightView-Widget rechts, das Sie sich gerne auch als Bildschirmschoner herunterladen können.
Platz 8: CWOL.com
Wenn Websites aussehen wie das Faltblatt des 1-Euro-Marktes am Ende der Fußgängerzone, das man im Briefkasten findet, schlagen Designer-Herzen naturgemäß höher. Zudem sorgt der Web-Auftritt der Technikfachleute von CWOL dafür, dass nicht nur die Preise den Nutzer in erhöhte Alarmbereitschaft versetzen, sondern auch das Farbkonzept.
Platz 7: 5safepoints.com
Zwar pfeifen die Leute der 5 Points Driving School unter anderem auf ein homogenes Bild- und Typografiekonzept, dafür berücksichtigen sie zwei andere interessante Usability- und Design-Erkenntnisse: 1) Heute haben User kein Problem mehr damit, nach unten zu scrollen. 2) Weißraum sorgt für Ruhe. Das nimmt man sich zu Herzen und verbindet dieses Wissen kongenial – lassen Sie sich überraschen!
Platz 6: Videosoniclab.com
Eine Zeitreise in die Gründerzeit des Internets erwartet den Nutzer auf der Website von Videosonic, wobei gemütlichem Schwarz tatsächlich eine zentrale Bedeutung zukommt. Auch interessant: Die Buttons im linken Bereich sind zwar nicht anklickbar, sorgen aber beim genaueren Betrachten für Kopfschmerzen. Einen Blick wert ist zudem der Online-Shop.
Platz 5: Webking.com
Zum Dienstleistungsumfang der Web King Internet Services LLC gehören nicht nur Online-Marketing, E-Commerce-Expertise und Hosting, sondern auch Web-Design. Hier muss die eigene Website natürlich als Referenz herhalten. Ein Klick auf den entsprechenden Menüpunkt hat den schönen Nebeneffekt, dass man seinen künftigen Dienstleister gleich einmal persönlich kennenlernt – eine wichtige vertrauensbildende Maßnahme und Grundlage für eine enge, fruchtbare Zusammenarbeit.
Platz 4: Lingscars.com
An Ideen mangelt es nicht: Zunächst klettert uns Autohändlerin Ling vom Header entgegen. Und was es nicht noch alles zu entdecken gibt. Live-Chat, Twitter-Integration, Office-TV, ein Quiz, ein ominöses Game namens „Hang Me“, es blinkt und flackert an allen Ecken und Enden … Man könnte sich wahrscheinlich stundenlang auf dieser Website amüsieren. Das ist alles so cool und offensichtlich gutgemeint, dass wir lingscars.com nur sehr schweren Herzens in diese Liste aufnehmen und das leise Gefühl haben, dieser ambitionierten Dame unrecht zu tun.
Platz 3: Yvettesbridalformal.com
Man muss sich schon etwas Zeit nehmen, um herauszufinden, was Yvette nun genau verkauft. Nach einigen (von zentralasiatischen Klängen begleiteten) Klicks findet man immerhin heraus, dass Yvette nicht nur einen Shop betreibt, sondern offenbar auch Plätzchen liebt. Irgendwo gibt es eine Seite mit Rezepten (die leider nach fünfminütiger Suche nicht wiederzufinden ist und deshalb hier nicht verlinkt werden kann). Ohne diese Anleitungen eingehender studiert zu haben, drängt sich angesichts der Website der Verdacht auf, dass sich unter den Zutaten für die Kekse auch die eine oder andere … sagen wir bewusstseinserweiternde Substanz befindet. Wie dem auch sei, unser dritter Platz geht an yvettesformalbridal.com.
Platz 2: Arngren.net
Nur haarscharf am ersten Platz schrammt arngren.net vorbei. Beim Aufrufen der Seite stellt sich nur eine einzige Frage: Meinen die das ernst oder ist das ein Scherz? Ja, die meinen das ernst.
Platz 1: Havenworks.com
Sicherlich ist Content nach wie vor King. Doch wie teasert man das gesamte politische Wissen der Welt auf einer einzigen Web-Page an? Diese Frage beantwortet unser Sieger havenworks.com. Nehmen Sie sich gefühlte fünf Minuten Zeit für den Ladeprozess – auch Ihnen werden anschließend wahrscheinlich die Worte fehlen 😉
Kennen Sie weitere Beispiele?
Dies sind zehn eindrucksvolle Beispiele dafür, wie blauäugig auch heute noch manche Unternehmen im Web zugange sind und wie man Potenziale und Geld mit vollen Händen zum Fenster hinauswerfen kann. Wir wollen gewiss nicht hämisch sein oder hochnäsig wirken – manchmal verschlägt es einem aber eben schier die Sprache, wenn man durchs Web surft …
Oder sind manche dieser Seiten vielleicht sogar schon wieder so strange, dass sie innovativ sind? Kennen Sie andere kuriose Beispiele, die unter Mottos wie „… hat sich bemüht …“ oder auch „… ist dieser Zeit voraus …“ stehen? Wir freuen uns auf Ihre inspirierenden Hinweise.
70 Antworten
Nicht ganz sooo extrem aber dafür peinlich, da doch auch recht bekannter Name: http://skoda.de
Wurde irgendwann wohl mal auf dem neueren Stand gebracht 👍
Beim “Farbkonzept” von #8 musste ich spontan an http://www.pearl.de denken.
Und bei der Mindestbreite im Browser des PC um die komplette Breite sehen zu können, sind es 1000 Pixel, bei der mobilen Ansicht passt der Inhalt irgendwie noch rein, aber man sollte nicht allzu schlechte Augen haben… Der Inhalt ist von der Breite eh auf 1000 Pixel begrenzt…
Und warum sind die Webseiten nicht verlinkt, wenn man fragen darf?
Langweilig!
Ich kenn da einen Kandidaten aus Deutschland:
http://www.ra-kotz.de
Man sollte nicht alles selber machen…
Scheint auf dem neueren Stand zu sein 👍
Toll … eine Linkliste ohne Links, sodass man sich die Links hier per CopyPaste selbst rausfriemeln muss. Albern. Soviel zum Thema Usability liebe Redaktion.
Das Paradoxe ist dass bei einigen Seiten/Teilen sogar durchaus Code dahinter steht, der angesichts dessen was er darstellt, noch recht ordentlich wirkt.
Meine Nackenhaare haben mir die Seiten denoch aufgestellt.
Extreme Beispiele, die keiner kennt – wo aber offensichtlich ist, dass hier ganz massiv was nicht stimmt.
Spannender hätte ich es gefunden, wenn man die Webseiten von bekannteren Firmen (pearl, siemens, conrad, …) auf echte (aber womöglich nicht gleich ins Auge stechende) Usability-Schwachstellen hin untersucht.
Ich bin fast so weit zu behaupten, dass 9 von 10 Webseiten aus diesem Listing sich einen Spaß aus ihrer unterirdischen Webpräsenz machen. Ich mein, verkaufen können die über so etwas doch eh nichts. Zumal schon jemand angemerkt hat, dass irgendwie doch gelegentlich etwas komplexere Technik hinter dem schlimmen Layout versteckt ist.
Zu Platz 4: Lingscars.com & Hendriks Kommentar (“Ich mein, verkaufen können die über so etwas doch eh nichts.”…)
Hatte im Vorfeld schon einmal was über die Autohändlerin Ling aus GB gehört. Diese “Billigheimer-Website” hat durchaus System und ist mit Sicherheit absatzfördernder als so manche Autohaus-Homepage-Lösung von der Stange (bzw. von der Herstellermarke).
Hier wird ganz bewusst eine “Reste-Rampe-Sonder-Schnäppchen”-Stimmung beim User erzeugt und dieser somit zur lockeren und unverbindlichen Kontaktaufnahme verleitet.
Bei Standard-BMW-Händlerseiten z.B. muss emotional eine größere Hürde überwunden werden, um sich mit dem seriösen, verbindlichem BMW-Verkäufer in Verbindung zu setzen.
Bei Lingscars.com denkt sich der User schon eher: “Fragen kostet ja nix, blamieren kann ich mich bei der komischen Chinesin ohnehin mit keiner Frage..”
Mein Senf..
So long,
@HumphreyBlogart
Voll krass und absolut daneben…
http://www.fiberopticproducts.com
Auch nach fast 13 Jahren ein Augengraus 🙈
http://www.rind-bw.de
viel Informationen, aber schrecklich angeordnet.
Nochmal zu Platz 4:
Ich denke auch, daß Frau Ling sehr genau weiss, was sie tut und damit anscheinend auch recht erfolgreich ist:
http://www.lingscars.com/feature/bized.php
Die trashige Aufmachung ist m.E. gewollt, um ins Gespräch zu kommen und im Gedächtnis zu bleiben.
Viele hochglanzpolierte perfekt gestylte Websites vergisst man schneller als lingscar.com.
Bloß kein Gesicht zeigen und nur feige nichtdeutsche Seiten auflisten!
Schade eigentlich.
Oh ja, sehr hübsch. Farbenfroh und kreativ 😉 Der Webking erinnert mich ein bisschen an meine erste Website. 1997 wohlgemerkt. Da hatte ich auch mal so einen Wölkchen-Hintergrund 🙂
Ich muss meinen Vorpostern zustimmen. Ist sicher eine nette Ansammlung und “schön” zu betrachten, aber nicht wirklich lehrreich; wie bereits gesagt wäre es wesentlich interessanter, Websites großer Unternehmen bzw. überlebenswichtige Websites genau zu analysieren und auch verstecke NO-Go’s zu protokollieren und ggf. Lösungsvorschläge zu posten. Vielleicht was für die Zukunft? Dennoch danke
Haha – ich mach mir in die Hosen. Danke fuer die tolle Sammlung. Yvette’s Rezepte stehen uebrigens gleich oberhalb der pink ‘invitation’ box. Entgegen dem Screenshot steht da jetzt ein Rezept fuer peach cobbler. Wie es aussieht wird die Site sogar aktualisiert! Seiten wie die auf dem 1. Platz sind mir schon bevor ueber den Weg gekommen. Frage mich allerdings, welchen Zweck die verfolgen. Die werden warscheinlich von irrwitzigen Eremiten mit Sammlungs-Wahn erstellt.
Das Schlimme ist ja, dass oftmals die Leute mit dem zufrieden sind und denken, dass sie eine so tolle Webseite haben. Da dann Überzeugungsarbeit zu leisten ist (leider) meist vergebens…
Diese Liste läßt sich schier endlos verlängern, angefangen von Vereinswebseiten über die perönlichen Reisehomepages bis hin zu “kommerziellen” Kosmetikstudios..
Aber auf die Homepage angefragt, ob’s da nicht mal was moderneres sein darf, kriegt man oft die Antwort, dass es ja reicht. Ist ja “nur” die Homepage..
Da schläft wohl hier und da jemand, der denkt, dass die Leute nur gelegentlich nach Infos im Netz suchen.. 😉
M.
Mir hätten schreckliche Websites von bekannten großen Firmen auch mehr gebracht.
Schreckliche Seiten im Netz zu finden ist eher eine Fleißaufgabe als lehrreich.
Mir ist z.B. http://www.katholisch.de/ auch ein bisschen buttonlastig.
Auch Seiten wie http://browseusers.myspace.com/Browse/Browse.aspx
sind in meinen Augen schrecklich.
Ob das nun Bug oder Feature ist, wer will das wissen 🙂
Jetzt war’s genug, das RSS-Abo ist gekündigt.
Sicher mögen solche Artikel amüsant sein,
aber ich hätte mich wahrscheinlich mehr über einen handfesten Beitrag gefreut.
Tolle Zusammenstellung.
Mein Tip:
* Kopfhörer aufsetzen
* Platz Nummer 2 aufrufen
* oben links beim Tiger Panzer auf Metall klicken
* …
Vor allem bei hohen Auflösungen sehr zu empfehlen:
http://www.gauselmann.de/
Die “Dort werde ich mein Geld los-Seite” scheint responsive zu sein…
http://www.riesenbuhei.de/
So schlecht, dass es echt wieder gut ist 🙂
Da weiss man nicht, ob man Lachen oder heulen soll. Mein Lieblingskandidat in dieser Ecke des Ringes ist noch immer dieser hier: http://nva.4mg.com
Man beachte neben dem herausragenden Design den Eintrag im Impressum wie auch die TLD http://4mg.com.
Hoffentlich findet ein Anwalt diese nette Auflistung; solche Verbrecher haben wirklich nichts im Netz zu suchen…
Auf der Webseite von Pfaff (Nähmaschinen) wollte ich eine Registrierung zwecks Verlängerung der Gewährleistung vornehmen. Die entspr. Skripte klappen aber leider nicht. Eine Kontakt-Email ist nirgendwo angegeben. Nach langer Suche fand ich bei einem Spezialthema doch eine Email eines Pfaff-Mitarbeiters, fragte dort dann nach und erhielt nie eine Antwort !
Auch eine Form einer schlechten Webseite …
Ich möchte diese Art der Beiträge nicht mehr auf drweb.de finden!
Ein unterirdisch schlechtes Beispiel aus der Schweiz:
http://texsana.ch/
Bitte Ton einschalten.
Manche Leute hier gehen auch zum Lachen in den Keller glaub ich
Wenn es um bekanntere Wenseiten und deren Usability und Design geht, wundere ich mich bei einer Größenordnung wie ebay über deren schwache Ausführungen.
auf Platz 2 hab ich das gefunden
http://www.arngren.net/hoverpod.html
ich weiß nicht genau was es sein soll, aber ich will es haben 😀
Ich habe den Nick mit Absicht gewählt – und dennoch ist in meinen Augen diese Auflistung vielleicht mal Ende der 90er “lustig” gewesen. 2010 wirkt solch ein Artikel speziell auf/in einer Website, die sich “professionell” mit Web & Co. auseinandersetzt, mehr als peinlich.
Thema völlig verfehlt, Note 6.
Ich finde ja #5 die Härte. Schaut euch mal die Websites an die er gemacht hat, die hätten alle hier einen Platz bekommen!
Und für sowas erntet er auch noch Lob (“Great Job Alan. Thank You!” usw.)
Peinlich…
bundeshaeuschen.de
z.B. unter Jahreskalender
so in etwa sah auch die Speisekarte aus…
Also ich finde das auch etwas unpassend… Solche Uhr-alt-design Seiten gibt es wie Sand am Meer, die meisten findet man halt erst gar nicht durch die tollen Frames ^^
Interessanter wäre es wirklich gewesen, auf Seiten einzugehen die auch einen gewissen Stellenwert im Internet tragen. Als Beispiel fällt mir da z.b. http://swisscom.ch ein. “Top Modernes” Design, aber findet da mal infos, geschweige den eine Telefonnummer!
Na drweb.de muß sich hier aber auch mal an die eigene Nase fassen. Eure Seite sprudelt auch nicht gerade vor Professionalität über. Ihr habt tatsächlich 4 Navigationsleisten, oben, unten, links und rechts. Die Anordnung der einzelnen Bereiche folgt keinem erkennbaren Schema: Links Rubriken, rechts Rubriken, dann Haupt- und Unternavigationspunkte auf der linken Seite, die sich teilweise auch oben wiederfinden. Unter dem Favicon des Tages (WTF?) sind weitere Links, die nicht näher bezeichnet sind, aber vermutlich auch zu den (linken) Rubriken gehören sollen. Gekrönt wird das ganze durch viel zu große bunte Bildchen für Twitter und RSS rechts. Also ich bitte Euch!
Platz 6: Wie jetzt, die Buttons links mit der Bezeichnung LCD und Plasma sind doch anklickbar? ;-))))
Vielen Dank für den Artikel! Ich schreibe derzeit meine Diplomarbeit im Bereich Usability und hab jetzt ein paar exzellente Beispiele für NICHT(!!!!!!)-Usability.
Gruß,
Franz