Header Bilder sollten sich in der Größe des Smartphone anpassen

  • Moin,

    bei einem anderen CMS habe ich kürzlich eine interessante Funktion gesehen. Statt sich für ein Format entscheiden zu müssen, kann man im sog. "Beschnitt-Editor" den passenden Ausschnitt eines Fotos festlegen (was nicht nur die Möglichkeit bietet, den "Fokus" auf einen bestimmten Bereich des Fotos zu legen, sondern auch die Ladezeiten bei der mobilen Anzeige der Website weiter optimiert).

    Das würde ich mir für die nächste Version des ZP auch wünschen.

    Bleib(t) gesund!

    Beste Grüße Jörg


    ---

    Ich nutze Zeta Producer Business / Windows 11 (jeweils aktuellste Version)

  • Hallo,

    das Verhalten ist so bei dem Layout gewollt.

    Alternativ anstatt dem Header einfach das Slider-Widget einfügen.

    Da ist das Verhalten dann so wie gewünscht.

    Freundliche Grüße
    Steffen T. (Zeta Producer-Support)

  • Hallo Steffen T. ,

    ich kann das nicht 1:1 wiedergeben wie vom Entwickler des anderen CMS, weil ich nicht namentlich auf ein Mitbewerber-Produkt hinweisen (oder ungewollt dafür werben) möchte.

    Der Vorteil des besagten - im CMS integrierten - Tools ("Beschnitt-Editor") wird an einem Beispiel erklärt und versuche, es hier mit anderen Worten und Bildern zu beschreiben.

    Es geht beim Webdesign ja nicht nur um den techischen Aspekt (leichte Bedienung der Internetpräsenz und schnelle Ladezeiten etc.), sondern ebenso um die Optimierung der "Bildwirkung" bei der Darstellung auf unterschiedlichen Bildschirmgrößen.

    Das wird meiner Ansicht nach leider ein wenig "stiefmütterlich" behandelt, ist aber im Sinne des Marketings sehr wichtig. Man könnte auch umgangssprachlich sagen: "Das Auge isst mit!".

    Mag sein (und das ist natürlich kein Vorwurf!), dass Programmierer eine andere Sichtweise darauf haben als Designer. Schlussendlich ist es aber sinnvoll, beide Sichtweisen im Sinne der Anwender zu kombinieren, um ein Software entsprechend zu optimieren und damit noch anwenderfreundlicher zu gestalten.

    Und Zielgruppe des Zeta Producer CMS sind ja (wie beim Mitbewerber) nicht ausschließlich Privatanwender, sondern eben auch Unternehmen und Web-Dienstleister.

    Wenn das Verhalten so beim Layout "gewollt" ist, wurden aber für das Marketing relevante Punkte nicht in Betracht gezogen.

    Der Vorschlag, statt eines Header einen Slider einzufügen ist in diesem Sinne auch nicht zielführend und das Verhalten ist eben im Hinblick auf eine Bildwirkung nicht "wie gewünscht" erreicht.

    Ein Praxis-Beispiel: Website, auf dem ein Unternehmen Designer-Ohrringe anbietet und bewirbt.

    Im (Header)foto wird das Gesicht einer Frau angezeigt, die einen Designer-Ohrring trägt. Auf dem Desktop ist die Bildwirkung mit dem entsprechenden Foto (Grafik 1) erreicht, aber nicht auf einem mobilen Endgerät, weil das Bild (Grafik 2) darauf zu klein angezeigt wird und dadurch schlicht der "Fokus" (auf das Produkt) nicht mehr zu erkennen ist.

    Das Foto wird mithilfe einer im CMS integrierten Funktion ("Beschnitt-Editor") entsprechend für die Darstellung auf mobilen Endgeräten angepasst (Grafik 3), wodurch die Bildwirkung erreicht wird (Grafik 4).

    Der Unterschied der Bildwirkung ist deutlich zu erkennen (Grafik 5).


    Ich denke, man wird sich schon etwas dabei gedacht haben, das CMS um eine solche Funktion erweitert zu haben. Es bietet den Anwendern eine große Hilfe beim Erstellen von Webprojekten und erleichtert die Arbeit ungemein, weil man nicht zwischen unterschiedlichen Anwendungen wechseln muss, was die Effektivität sehr begünstigt. Letztendlich ist es ja so, dass Software die tägliche Arbeit erleichtern soll - und das wird mit solchen Features verwirklicht.

    Sofern nun der Einwand kommt, man wolle die ZP-Anwender nicht "überfordern": In eine Bildbearbeitung müsste sich ein Anwender ebenfalls (und zudem zusätzlich) einarbeiten, um damit die gewünschten Ergebnisse (also die Bildwirkung) zu erreichen.

    Bleib(t) gesund!

    Beste Grüße Jörg


    ---

    Ich nutze Zeta Producer Business / Windows 11 (jeweils aktuellste Version)

  • Hallo, ich mische mich hier mal dazu:

    ich habe ein Widget eingefügt vom Mario, da wo man ab einer gewissen mobilen Breite zb. ab 960 ein anderes Bild einfügen kann, so machen es alle anderen großen Shops auch !

    1. Es wird quasi ab der 960 das große Bild mit Display: none abgeschaltet, so ist es bei vielen Shops wie Wix, Shopyfi und wie die alle heißen üblich.

    2. Das mit dem zuschneiden ist auch nicht wirklich zielführend - bei Ohrringen mag das Ok sein, bei Artikel mit Klamotten nicht so toll. (Ist keine Kritik an dich jjonline )

    3. Die Varianten wie ich oben geschildert habe, ist die wo eigentlich fast jeder nutzt.

    Ein Beispiel von mir als Bild:

  • Hallo masch ich denke es geht allgemein um den Header - was Steffen T. auch richtig gesagt hat, mit dem Slider ist die Auswirkung fast so wie gewollt.

    Aber nemessis wollte eher diese Lösung wie ich sie geschrieben habe - weil ja dort 0% abgeschnitten wird, weil es ja 2 Bilder sind einen für Desktop und einen für Mobil.

    Bei dem Slider insgesamt wird mit dem Cover-Fit gearbeitet, das ist eine bessere Lösung als mit dem Header und das hat glaube ich weniger mit dem Layout zu tun.

    So habe ich es vernommen um was es geht.

  • Hallo,

    zunächst einmal vielen Dank für euer Feedback!

    @GYMWAVE.de Ich stimme dir zu, dass es bei Fotos, wie du sie für Kleidung veröffentlichst und der Darstellung von Accessoires, wo es auf Details ankommt, Unterschiede bei der notwendigen Bildwirkung gibt. Du verweist auf ein Widget von Mario und ich weiß die Arbeit von Mario auch zu würdigen, seine Widgets sind wirklich erstklassig! Das Marios Wifgets gerne und häufig genujtzt werden, spricht also für sich. Sie erweitern die Möglichkeiten ungemein und erleichtern die Umsetzung von interessanten Webprojekten, die den Auftraggebern gefallen.

    Wenn sich ein CMS also auch an Nicht-Programmierer richtet (und ich denke, dass längst keine Websites mehr "händig" erstellt werden), dann sollten das integrierte Features abbilden.

    In diesem Zusammenhang darf man aber vielleicht dennoch die Frage stellen, weshalb diese häufig benötigte und sinnvolle Funktion nicht bereits in einem CMS integriert ist. An die Entwickler: Dies bitte nicht als "böse Kritik" werten, sondern als Verbesserungsvorschlag.

    masch Ja, das möchte ich auch nicht bestreiten. Hier kommt aber die Frage auf, weswegen die Layouts überhaupt in den Möglichkeiten so unterschiedlch bzw. gewissemaßen eingeschränkt sind. Das meiner Ansicht nach flexibelste Layout ist "Top Responsive".

    Bleib(t) gesund!

    Beste Grüße Jörg


    ---

    Ich nutze Zeta Producer Business / Windows 11 (jeweils aktuellste Version)

  • Danke an alle, schau ich mir mal in Ruhe an, was dann passen könnte..

    Ich nutze den Zeta Producer 16.8.7 Premium - :evil: :thumbup:
    Ich meine es auch nicht böse :P

  • Danke, welches Widget ist das bitte?

    Ich nutze den Zeta Producer 16.8.7 Premium - :evil: :thumbup:
    Ich meine es auch nicht böse :P

  • Hallo @GYMWAVE.de,

    wie auch nemessis, meine ich es ja nicht "böse" und ich arbeite nach wie vor mit dem Zeta Producer sehr gerne, bin gleichfalls immer sehr neugierig darauf, was neue Versionen uns an interessanten und hilfreichen Features bieten werden!

    Der "SEO-Check" ist bspw. eine Funktion, die ich nicht erwartet hatte, die aber sehr hilfreich ist und von mir ständig genutzt wird!

    Insofern sind meine "Einwände" als "konstruktive Kritik" gedacht, denn selbstverständlich schaut man auch als Anwender immer über den Tellerrand hinaus und erhält im Internet Informationen über neue Innovationen im Bereich von Software-Produkten. Es liegt mir ja auch daran, dass der ZP noch bekannter und vielfacher genutzt wird!

    Wünsche ebenfalls allen ein angenehmes und sonniges Wochenende!

    Bleib(t) gesund!

    Beste Grüße Jörg


    ---

    Ich nutze Zeta Producer Business / Windows 11 (jeweils aktuellste Version)

  • jjonline Alles gut, ich denke, jeder weiß in diesem Forum, die öfters mal einen Beitrag schreiben, wie es gemeint ist, keiner von uns meint es „böse“ eher immer als Hilfreich oder als konstruktive Kritik.


    Weil nur so kann ein Programm noch besser werden und wachsen, dass man nicht immer alles umsetzen kann oder nicht vorgesehen, das ist halt so.

    Alleine diese Community ist schon einfach toll wie man sich austauschen kann oder dass man sich hier gegenseitig hilft, vor allem auch Steffen T. oder auch Stefan S, die hier immer zur Hilfe stehen finde ich super  :)

  • :thumbup: :thumbup: :thumbup:

    Bleib(t) gesund!

    Beste Grüße Jörg


    ---

    Ich nutze Zeta Producer Business / Windows 11 (jeweils aktuellste Version)

  • Ich hoffe den Teilnehmern hier gefällt das neue Fokuspunkt-Feature der Version 16.7. Inspiriert durch diesen Beitrag.

    PS: bei Shop-Bildern greift die Funktion noch nicht. Das folgt in einem künftigen Update.

    Freundliche Grüße
    Stefan S. (Zeta Producer-Support)

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!