it-swarm.com.de

Kann sich eine schlechte Bildqualität negativ auf die Benutzererfahrung auswirken, obwohl sie die Leistung der Website verbessert?

Kann sich eine schlechte Bildqualität negativ auf die Benutzererfahrung auswirken, obwohl sie die Leistung der Website verbessert? Wir verwenden 3 Arten von Bildern auf unserer Website:

  • Symbole, Logo, Kugeln
  • Stock Fotos wie echte Menschen, Natur, Produktbilder usw.
  • CSS wiederholte oder nicht wiederholte Hintergrundbilder

Das Optimieren von Bildern für die Leistung wird als Best Practice angesehen. Meistens machen wir das. Ich bin oft verwirrt darüber, wie viel Komprimierung ich verwenden soll.

Meine Fragen sind: Kann sich eine Verringerung der Bildqualität zur Verringerung der Dateigröße negativ auf die Benutzererfahrung auswirken? Erwarten Benutzer scharfe, klare Bilder? Und wie wichtig sind qualitativ hochwertige Bilder für die Benutzer?

3
Jitendra Vyas

Ja aus folgenden Gründen

  • Wenn ich eine Website mit schlechter Qualität oder gequetschten oder sogar gestreckten Bildern sehe, würde ich die Qualität der Marke ernsthaft bezweifeln, da sie nicht daran interessiert zu sein scheint, eine positive Front mit Bildern von schlechter Qualität zu präsentieren, es sei denn, die Website hat einen starken Markennamen.
  • Zweitens, wenn die Website zwar guten Inhalt, aber Bilder von schlechter Qualität enthält, besteht für mich die Möglichkeit, mich von den Bildern ablenken zu lassen (da die Grafik mehr als der Inhalt hervorsticht), was meine Benutzererfahrung beeinträchtigt.
  • Wenn ich zu einer Produktwebsite oder einer E-Commerce-Website gehe, die mir Bilder von schlechter Qualität des Produkts liefert, das mir zu verkaufen versucht, verringert sich natürlich mein Vertrauen und ich würde zögern, es zu kaufen.

Z.B. Ich wollte kürzlich einen Laptop-Festplattencontainer kaufen und hatte Schwierigkeiten, einen in meiner Stadt zu finden. Ich fand schließlich einen Online-Händler, der es verkaufte, aber die Qualität des Bildes, das er auf die Website gestellt hatte, war so vage, dass ich mir nicht sicher war, wann das Produkt echt oder eine Täuschung war und den Kauf nicht getätigt hatte

Ich empfehle, dies zu betrachten ausgezeichnete Diskussion über die Bildqualität und wie sie sich auf die Konvertierung auswirkt

Um zusammenzufassen, was der Artikel in Bezug auf die Wichtigkeit eines qualitativ hochwertigen Bildes sagt:

Dies ist wichtig, da Ihr Ziel darin besteht, den Benutzern genügend Informationen zur Verfügung zu stellen, damit sie das Produkt bewerten/vergleichen und eine Kaufentscheidung treffen können. Wenn die Details eines Produkts für den Benutzer wichtig sind, er sie jedoch nicht erkennen kann, besteht eine gute Chance, dass er Ihre Website verlässt und sich anderswo umschaut.

Dieser Artikel So wählen Sie Bilder für Ihre Website aus hebt auch einige wichtige Punkte hervor:

  1. Bilder mit geringer Qualität sind nicht nur unangenehm anzusehen, sondern hinterlassen auch den Eindruck eines Amateurbetriebs. Dies ist das Letzte, was die Benutzer mit Ihrer Website verknüpfen sollen.

  2. Bilder sind nicht nur ein hübsches Richtfest. Sie sind ein Marketinginstrument, bereichern den Inhalt der Website und geben den Besuchern das Vertrauen, dass Ihre Website kein Scherz ist.

2
Mervin

Das ist eigentlich eine sehr gute Frage. Und doch, wie Sie Ihre Frage formuliert haben, ist die Antwort sehr klar: Kann sich eine schlechte Bildqualität negativ auf die Benutzererfahrung auswirken? -> absolut kann es!

Klar, die Frage ist also: Was tun? Was sind gute Möglichkeiten, um eine gute Website-Leistung sowie eine gute Bildqualität zu erzielen?

Einige Hinweise:

  • sie können und sollten meiner Meinung nach qualitativ hochwertigere Grafiken für Retina-Displays verwenden und wissen, dass diese Grafiken (wenn Sie sie richtig implementieren) nur für Geräte mit Retina-Display verwendet werden. Geräte mit "normalen" Anzeigen verwenden weiterhin die anderen Grafiken. Sie müssen also zwei Auflösungen für jedes Bild angeben.

  • ja, es stimmt, dass Geräte mit Retina-Display nicht immer über eine schnelle Internetverbindung verfügen, wie dies auch für Geräte ohne Retina-Display der Fall ist. Aber zuerst wird sich dies in Zukunft ändern, da viel mehr Dienste und Funktionen verfügbar sein werden, so dass es nur eine Frage der Zeit ist. Wenn Sie in die Zukunft schauen, machen Sie sich nicht zu viele Sorgen.

Zweitens ist Ihre Website für Benutzer mit langsamen Internetverbindungen nicht die einzige, deren Laden viel Zeit in Anspruch nimmt. Dies sollte keine Entschuldigung sein, aber ich meine, dass es bei Benutzern, die alte Webbrowser verwenden, ähnlich ist - sie sind in der Minderheit und erwarten nicht, dass sich Ihre Website von anderen unterscheidet.

Und schließlich, ja, bis jetzt hatten nur das iPhone und das iPad Retina-Displays, aber jetzt wurde das erste MacBook Pro mit Retina-Display von Apple) gestartet, und Sie können davon ausgehen, dass irgendwann in Zukunft auch der Laptop Leitungen und Desktop-Computer haben höhere Auflösungen.

Was sind Best Practices und Lösungen?

  • benutze so wenig Bilder wie möglich! Verwenden Sie für alles, was mit dem Layout zu tun hat, überhaupt keine Bilder, wenn Sie können. Dies ist mit CSS3 einfacher als je zuvor. Beispiel: Ich habe gehört (eigentlich nie überprüft), dass das Menü oben auf www.Apple.com nur CSS-basiert ist. Heutzutage ist also viel möglich.

  • wissen, wie man Bilder richtig komprimiert! Lesen Sie mehr über den Unterschied zwischen JPEG, JPEG 2000, GIF und PNG. Gute Bildbearbeitungsprogramme können Bilder sehr gut komprimieren, ohne die Qualität stark zu beeinträchtigen. Sehr einfach - denken Sie an Websites wie Facebook oder Flickr, sie müssen mit Millionen von Fotos und vielen Fotos auf einer Seite umgehen - also ist es IS möglich.

  • perfekte Benutzererfahrung: Sie können Bilder vorab laden. Google tut dies, ohne dass Sie es wissen, wenn Sie z. Geben Sie einen Suchbegriff ein, mit dem bereits Bilder der ersten aufgelisteten Ergebnisse vorgeladen werden.

  • und trotzdem: Überlegen Sie, welche Fotos wirklich angezeigt werden müssen und wie hoch die Auflösung ist. Beendet das Laden von Bildern beim Laden der Site das Laden des Layouts? Versuchen Sie zuerst das Layout und dann die Bilder zu laden.

Insgesamt gibt es oft viele andere Dinge, die Sie verbessern können, bevor Sie die Bildgröße reduzieren. Oft konzentrieren sich die Leute darauf, die Bildgröße auf Webseiten zu reduzieren, ohne zu wissen, dass Plugins von Drittanbietern wie die sozialen Plugins von Facebook die Website viel stärker verlangsamen als jedes Bild.

4
Chris