Tipps & Tutorials

Folgenschwere Fehler im Web-Design. Oder: Lost in the supermarket...


Veröffentlicht am 28.10.2016 von Anna Philipp

Ist eine Webseite nicht klar strukturiert und benutzerfreundlich aufgebaut, kann das schwere Folgen haben: Die Besucher verlassen die Seite trotz Interesse an den Produkten, sind verärgert, vielleicht sogar frustriert. Die folgende Infografik zeigt einige Fehler, die man einfach vermeiden kann. Veranschaulicht werden die Fehler aber nicht etwa auf einer Webseite, sondern im Supermarkt. :)

 

Empfohlener Soundtrack: youtube.com: The Clash - Lost in the supermarket 😉

 

Folgenschwere Fehler im Web-Design. Oder: Lost in the supermarket...

Code zum Teilen der Infografik:

<textarea style="width: 540px; height: 100px;">&lt;a href='https://www.df.eu/blog/2015/02/16/folgenschwere-fehler-im-web-design-oder-lost-in-the-supermarket/'&gt;&lt;img src='/fileadmin/user_upload/blog/2015/02/lostinthesupermarket.png' alt='Folgenschwere Fehler im Web-Design' width='600px' border='0' /&gt;&lt;/a&gt;</textarea>

Die Grafik als PDF (z.B. um sie drucken zu lassen):

Infografik : Folgenschwere Fehler im Web-Design. Oder: Lost in the supermarket... (PDF)

Der Autor:


Kommentare

  • Jochen Abitz Webdesign Hannover

    Jochen Abitz Webdesign Hannover

    am 12.11.2019

    Die Grafik ist zwar schon älter, hat aber nichts von den angesprochenen Punkten für schlechtes Webdesign verloren und ist immer noch aktuell. Sehr schön gemacht. Natürlich habe ich mir das PDF zum [...] Die Grafik ist zwar schon älter, hat aber nichts von den angesprochenen Punkten für schlechtes Webdesign verloren und ist immer noch aktuell. Sehr schön gemacht. Natürlich habe ich mir das PDF zum Audrucken heruntergeladen. Vielen Dank.

  • DbjE Webdesign aus Hannover

    DbjE Webdesign aus Hannover

    am 09.08.2019

    letzlich ist die Aufgabe von Kommunikation, ein Extrakt dessen (welches die Website anbietet), auf den Punkt zu bringen. Und pauschal ist das nicht zu beantworten, ob man eine Suche, Musik oder [...] letzlich ist die Aufgabe von Kommunikation, ein Extrakt dessen (welches die Website anbietet), auf den Punkt zu bringen. Und pauschal ist das nicht zu beantworten, ob man eine Suche, Musik oder ähnliches analog zu einem Supermarkt benötigt. Man sollte sich doch fragen, warum der Nutzer auf der Webseite ist und dementsprechend Botschaft und Webdesign konzipieren.

  • Niklas

    Niklas

    am 15.04.2019

    Sehr schöne Infografik! Macht richtig Spaß anzuschauen. Sehr schöne Infografik! Macht richtig Spaß anzuschauen.

  • Christian

    Christian

    am 14.11.2018

    Klasse Artikel, hat mir sehr geholfen :)
    Gruß Christian Klasse Artikel, hat mir sehr geholfen :)
    Gruß Christian

  • ONMA Hannover

    ONMA Hannover

    am 26.04.2018

    Ich finde, dass diese Grafik echt gelungen ist. Sie spiegelt auf jeden Fall, den alltäglichen Wahnsinn wieder. Ich finde, dass diese Grafik echt gelungen ist. Sie spiegelt auf jeden Fall, den alltäglichen Wahnsinn wieder.

  • we-love-webdesign

    we-love-webdesign

    am 26.03.2018

    Hi Anna,

    dein Beitrag ist jetzt schon etwas älter, jedoch nehme ich mir die Freiheit es zu kommentieren. Sehr schöne Grafik die genau das veranschaulicht, was du damit sagen möchtest. Heutzutage [...] Hi Anna,

    dein Beitrag ist jetzt schon etwas älter, jedoch nehme ich mir die Freiheit es zu kommentieren. Sehr schöne Grafik die genau das veranschaulicht, was du damit sagen möchtest. Heutzutage ist es ja nicht anders. Ich arbeite Tag für Tag mit Internetseiten und muss echt sagen das du ein guten Job mit der Grafik gemacht hast. Ich hoffe du bist immer noch fleißig mit dabei.

    • Nils Dornblut

      Nils Dornblut

      am 26.03.2018

      Aktuell nimmt Sie sich eine kleine erfreuliche Auszeit und ist danach wieder voll dabei. Danke für Ihr Lob :) Aktuell nimmt Sie sich eine kleine erfreuliche Auszeit und ist danach wieder voll dabei. Danke für Ihr Lob :)

  • Sara

    Sara

    am 06.08.2017

    Sehr gut gemacht!! Sehr gut gemacht!!

  • IT Masters

    IT Masters

    am 15.07.2017

    Sehr gute Grafik und Danke für die PDF. Viele grüße Sehr gute Grafik und Danke für die PDF. Viele grüße

  • alfred

    alfred

    am 06.07.2016

    Danke, finde ich Cool!
    zum Beispiel die <a href="https://exklusiv.gutscheinlike.de/wie-es-funktioniert/shopbertreiber"; rel="nofollow">grafik</a> finde ich sehr einfach aber effektiv.

    Gruß Danke, finde ich Cool!
    zum Beispiel die <a href="https://exklusiv.gutscheinlike.de/wie-es-funktioniert/shopbertreiber"; rel="nofollow">grafik</a> finde ich sehr einfach aber effektiv.

    Gruß

  • inre99

    inre99

    am 16.08.2015

    So eine Webseite darf aber nicht von einer <a href="http://www.marktideen.ch"; rel="nofollow">Marketingagentur</a> oder Typo3 Agentur erstellt werden. So eine chaotische und unpassende Site kann [...] So eine Webseite darf aber nicht von einer <a href="http://www.marktideen.ch"; rel="nofollow">Marketingagentur</a> oder Typo3 Agentur erstellt werden. So eine chaotische und unpassende Site kann nur von einem Leien kommen. Sollte Sie dennoch von einer Marketing Agentur kommen, dann wäre diese ab sofort zu meiden.

  • i-love-webdesign

    i-love-webdesign

    am 27.07.2015

    Eine wirklich sehr gelungen Grafik, die auch leihen deutlich macht, worauf es beim Webdesign ankommt. Habe die Grafik mal einen Kunden gezeigt, der danach ein wenig Kleinlaut zugeben musste, dass auf [...] Eine wirklich sehr gelungen Grafik, die auch leihen deutlich macht, worauf es beim Webdesign ankommt. Habe die Grafik mal einen Kunden gezeigt, der danach ein wenig Kleinlaut zugeben musste, dass auf seiner Website noch erheblicher Optimierungsbedarf besteht.

  • AKMedia

    AKMedia

    am 24.05.2015

    Das ist nicht nur im Web so.

    18/1 Plakate, wo der Betrachter gar keine Chance in 3-5 Sek. hat die Botschaft zu erfassen, usw. Das ist nicht nur im Web so.

    18/1 Plakate, wo der Betrachter gar keine Chance in 3-5 Sek. hat die Botschaft zu erfassen, usw.

  • Harald Lang

    Harald Lang

    am 26.02.2015

    Ich gratuliere dir zu dieser Darstellung, Anna!

    Du hast die allseits bekannten Probleme wirklich auf den Punkt gebracht – Gottseidank habe ich einen hervorragenden Host und einen ausgezeichneten [...] Ich gratuliere dir zu dieser Darstellung, Anna!

    Du hast die allseits bekannten Probleme wirklich auf den Punkt gebracht – Gottseidank habe ich einen hervorragenden Host und einen ausgezeichneten Designer ;-)

    Lieben Gruß von

    Harald

  • Claudia

    Claudia

    am 26.02.2015

    Wie schön, dass es nun schon für alle die Druckversion dieser tollen Grafik gibt. Auch ich werde sie gerne nutzen, erst einmal für mich selbst, da ich gerade meine Website aufbaue. :) Liebe Anna, [...] Wie schön, dass es nun schon für alle die Druckversion dieser tollen Grafik gibt. Auch ich werde sie gerne nutzen, erst einmal für mich selbst, da ich gerade meine Website aufbaue. :) Liebe Anna, mehr davon. Alles Dinge, die man eigentlich weiß, aber so visualisiert denkt man konsequenter daran. LG Claudia

  • Fotograf Hochzeitsfotos in München

    Fotograf Hochzeitsfotos in München

    am 26.02.2015

    "super" versucht, den "Markt" zu veranschaulichen.

    Kleines "aber":
    Supermärkte haben wirklich immer einen Kreisverkehr. Auf dem Poster ist das nicht so. Wieso?

    Und ich denke genau darauf [...] "super" versucht, den "Markt" zu veranschaulichen.

    Kleines "aber":
    Supermärkte haben wirklich immer einen Kreisverkehr. Auf dem Poster ist das nicht so. Wieso?

    Und ich denke genau darauf sollte es auch auf jeder Shop-Website hinauslaufen.

    Surfer, ergo eShopbesucher, dürfen dann immer die Gewissheit haben, dass sie am Ende dort landen, wo es etwas passendes für sie gibt. Mir persönlich gehts so: Wenn auch mal nichts brauchbares für mich im Sortiment ist, empfehle ich einen Laden dennoch weiter, falls ich zumindest das Gefühl habe, dass man sich dort um die Empfinden des Kunden kümmert. Es wäre also eine gute Idee, sich für die grundlegende Struktur einer Shop-Website am Kreisverkehr eines jeden Supermarktes zu orientieren. Aus dem Grund würde ich mich freuen, liebe Anna, wenn Du Deine Infografik ggf. nochmal überdenkst ;-)

    Ich habe bereits vor ein paar Jahren mal etwas zu dem Thema "Kybernetik im Ecommerce" philosophiert:
    http://www.public-tools.de/de/leistungen/internet_kybernetik-im-ecommerce.php

    Viele Grüße

    Stephan

  • Anna

    Anna

    am 26.02.2015

    Wir freuen uns sehr, dass eine Druckversion so zahlreich gewünscht wird! :)

    Daher haben wir die Grafik als PDF in den Beitrag geladen, die Sie für den Druck verwenden können. Den Direktlink zu dem [...] Wir freuen uns sehr, dass eine Druckversion so zahlreich gewünscht wird! :)

    Daher haben wir die Grafik als PDF in den Beitrag geladen, die Sie für den Druck verwenden können. Den Direktlink zu dem PDF finden Sie auch hier:
    http://www.df.eu/blog/wp-content/uploads/2015/02/lostinthesupermarket.pdf

  • Volker Schäfer

    Volker Schäfer

    am 26.02.2015

    "Über den Autor
    Anna Leonhardt" - so Ihre Info - habe ich mich sehr gefreut!

    Die Grafik ist brillant und sehr instruktiv. Deshalb reihe ich mich in die Schar der InteressentInnen ein, die davon [...] "Über den Autor
    Anna Leonhardt" - so Ihre Info - habe ich mich sehr gefreut!

    Die Grafik ist brillant und sehr instruktiv. Deshalb reihe ich mich in die Schar der InteressentInnen ein, die davon ein Poster erbitten. Mit vorauseilendem Dank
    und freundlichen Grüßen
    Volker Schäfer

  • GG

    GG

    am 26.02.2015

    Liebe Anna, sehr gut gelungen. Meine Tochter Anna-Sophie ist auch so eine WEB-Seiten Gestalterin und noch jung und lernfähig. Eine druckfähige Version würde ich ihr gerne überreichen. Herzlichen [...] Liebe Anna, sehr gut gelungen. Meine Tochter Anna-Sophie ist auch so eine WEB-Seiten Gestalterin und noch jung und lernfähig. Eine druckfähige Version würde ich ihr gerne überreichen. Herzlichen Dank!

  • Michael Schuh

    Michael Schuh

    am 26.02.2015

    i like i like

  • Alexandra

    Alexandra

    am 26.02.2015

    Das ist ja eine ganz schöne Infografik. Smart, Sympathisch, einfach toll! Das ist ja eine ganz schöne Infografik. Smart, Sympathisch, einfach toll!

  • SFIT

    SFIT

    am 25.02.2015

    <strong>Super</strong>, in Kürze humorvoll das Wichtigste zusammengefasst!
    Aber was tun, wenn der Kunde Musik auf seiner Startseite möchte? ... <strong>Super</strong>, in Kürze humorvoll das Wichtigste zusammengefasst!
    Aber was tun, wenn der Kunde Musik auf seiner Startseite möchte? ...

    • Hermann

      Hermann

      am 26.02.2015

      Dann tust Du ihm Deine Meinung kund und nach zu erwartendem widerspruch, baust Du ihm die Kleine Nachtmusik als midi-sound ein. .-) Das passt dann schon. Dann tust Du ihm Deine Meinung kund und nach zu erwartendem widerspruch, baust Du ihm die Kleine Nachtmusik als midi-sound ein. .-) Das passt dann schon.

    • SFIT

      SFIT

      am 26.02.2015

      Genauso hab ich´s gemacht!
      Danke, dass Ihr alle so humorvoll reagiert!
      Habe mir das Poster auch heruntergeladen.
      Schöne Grüße und weiter so! Genauso hab ich´s gemacht!
      Danke, dass Ihr alle so humorvoll reagiert!
      Habe mir das Poster auch heruntergeladen.
      Schöne Grüße und weiter so!

  • Rudi Seibt

    Rudi Seibt

    am 25.02.2015

    Tja, wenn Technik-Insider ihre Webseite selbst gestalten sieht sie aus wie in der Grafik und (beinahe) wie bei DF. Tja, wenn Technik-Insider ihre Webseite selbst gestalten sieht sie aus wie in der Grafik und (beinahe) wie bei DF.

  • Brian

    Brian

    am 25.02.2015

    Hallo Anna,

    sehr schöne Grafik.

    Genau das Problem haben sehr viele unserer Kunden.

    Wir sind schon seit vielen Jahren Kunde bei DF und sehr begeistert von euch.

    Wäre es mögliche diese [...] Hallo Anna,

    sehr schöne Grafik.

    Genau das Problem haben sehr viele unserer Kunden.

    Wir sind schon seit vielen Jahren Kunde bei DF und sehr begeistert von euch.

    Wäre es mögliche diese Grafik auf unserer Homepage zu nutzen?

    Natürlich würden wir unter der Grafik eine Quelle mit verweis auf dich setzen.

    Gruss Brian

    • Anna

      Anna

      am 25.02.2015

      Hallo Brian! Sie können die Grafik gerne nutzen.

      Direkt unter der Grafik ist ein Link zur Einbindung in die eigene Seite! :) Hallo Brian! Sie können die Grafik gerne nutzen.

      Direkt unter der Grafik ist ein Link zur Einbindung in die eigene Seite! :)

  • D.Sign

    D.Sign

    am 25.02.2015

    Bei der Graphik habe ich an Webseiten von vor 10-15 Jahren gedacht, aber wenn man ehrlich ist, ist das meiste davon immer noch ein Thema. Leider :-(.
    Guter Reminder. Bei der Graphik habe ich an Webseiten von vor 10-15 Jahren gedacht, aber wenn man ehrlich ist, ist das meiste davon immer noch ein Thema. Leider :-(.
    Guter Reminder.

  • Andre

    Andre

    am 23.02.2015

    Sauber!
    Wenn wir eine Druckfähige Datei davon bekommen könnten würde ich dies (wenn genehmigt) gerne als Poster für unseren Meeting-Raum drucken.

    Viele Grüße
    André Sauber!
    Wenn wir eine Druckfähige Datei davon bekommen könnten würde ich dies (wenn genehmigt) gerne als Poster für unseren Meeting-Raum drucken.

    Viele Grüße
    André

    • Anna

      Anna

      am 23.02.2015

      Natürlich, gerne! Wir schicken Ihnen eine E-Mail dazu! ;) Natürlich, gerne! Wir schicken Ihnen eine E-Mail dazu! ;)

    • Nils

      Nils

      am 25.02.2015

      Hallo Anna,

      auch ich würde mich über eine druckfähige Datei für interne Zwecke sehr freuen.

      Vielen Dank im Voraus und viele Grüße!

      Nils Hallo Anna,

      auch ich würde mich über eine druckfähige Datei für interne Zwecke sehr freuen.

      Vielen Dank im Voraus und viele Grüße!

      Nils

    • Mike

      Mike

      am 25.02.2015

      Hallo Anna,

      diese Grafik ist einfach perfekt, mitten aus dem Leben und spricht mir aus dem Herzen - perfekte Arbeit ;-)
      Auch ich würde mich -wenn möglich- über eine druckfähige Version freuen - [...] Hallo Anna,

      diese Grafik ist einfach perfekt, mitten aus dem Leben und spricht mir aus dem Herzen - perfekte Arbeit ;-)
      Auch ich würde mich -wenn möglich- über eine druckfähige Version freuen - perfekt fürs Büro ;-)

      Tausend Dank im Voraus!

    • Arnar

      Arnar

      am 25.02.2015

      hi, nuetzliche und schöne infografik. wuerde mich sehr freuen ueber druckfaehige datei. Mfg. arnar hi, nuetzliche und schöne infografik. wuerde mich sehr freuen ueber druckfaehige datei. Mfg. arnar

    • Bernhard

      Bernhard

      am 26.02.2015

      ich schließe mich den anderen an, herzlichen Dank im Voraus ich schließe mich den anderen an, herzlichen Dank im Voraus

    • Levent

      Levent

      am 21.05.2015

      aich ich würde mich sehr über das pdf freuen. :) aich ich würde mich sehr über das pdf freuen. :)

  • MissVip

    MissVip

    am 17.02.2015

    Super veranschaulicht, das Thema.
    Über das Kundenmenü bei dF kann ich nur sagen, das ist kein Problem, wenn man sich auskennt - nach einigen Jahren fällt Dir das gar nicht mehr auf. :) ;) Super veranschaulicht, das Thema.
    Über das Kundenmenü bei dF kann ich nur sagen, das ist kein Problem, wenn man sich auskennt - nach einigen Jahren fällt Dir das gar nicht mehr auf. :) ;)

  • Sascha B

    Sascha B

    am 16.02.2015

    Gefällt mir. Gefällt mir.

  • Reseller4711

    Reseller4711

    am 16.02.2015

    Die Grafik ist definitiv mitten aus dem Leben, aber manche lernen es nie ;-) Die Grafik ist definitiv mitten aus dem Leben, aber manche lernen es nie ;-)

  • dfkunde

    dfkunde

    am 16.02.2015

    Hm, chaotische Navigation, zu viel Text, fehlende Suche, Popup-Fenster. Denke da nur ich gerade an das Kundenmenü hier? Hm, chaotische Navigation, zu viel Text, fehlende Suche, Popup-Fenster. Denke da nur ich gerade an das Kundenmenü hier?