Vom Bild zur Erlebniswelt
Scroll down⭣
Mit unserem brandneuen Content-Element "Hotspots" kannst du deine Bilder und Grafiken in faszinierende und informative Erlebniswelten verwandeln. Diese Funktion erlaubt es dir, interaktive Bereiche zu erstellen, die bei Mouseover oder Klick, bzw. Tap auf Smartphones, zusätzliche Informationen anzeigen.
Willkommen in der neuen Ära für interaktive Inhalte!
Team Pageflow
Egal, ob du deine Stadtkarte dynamischer gestalten, Geschichten von Protagonisten erzählen willst, Produkte ansprechend präsentieren oder Lerninhalte interaktiv vermitteln möchtest – Hotspots bieten dir unzählige Möglichkeiten mehr Tiefe und User Engagement zu erzielen.
Lass uns gemeinsam die Welt der Hotspots erkunden und herausfinden, wie du diese vielseitige Funktion einsetzen kannst.
Was sind Hotspots?
Hotspots sind interaktive Bereiche in Bildern oder Grafiken, die bei Mouseover / Tap oder Klick zusätzliche Informationen anzeigen. Für jeden dieser Bereiche kann ein „Tooltip“ mit Text, Bild oder Link zu weiterführenden Inhalten befüllt werden. Hotspots helfen dabei, deine Inhalte lebendig und informativ zu gestalten, ohne dass ein Bild selbst überladen wirkt.
Varianten
1. Mouseover und Tap: Der Tooltip erscheint, sobald du mit der Mouse über den aktiven Bereich fährst, oder auf dem Smartphone drauftippst.
Ausprobieren ⭣
2. Pan and Zoom: Bei Klick oder Tap auf einen Hotspot wird der markierte Bildbereich herangezoomt. Die Intensität des Zooms lässt sich im Editor per Schieberegler einstellen.
3. Pan and Zoom nur mobil Sinnvoller Kompromiss für mobile Geräte, falls die Darstellung eines Motivs ohne Zoom zu kleinteilig ist.
Bild und Platzierung
Du kannst ein Bild sowohl für die Desktop- als auch für die Smartphone-Version verwenden, sofern die Dimensionen und Motive für beide Seitenverhältnisse passen.
Deine Eingabeformate werden, wie alle Bilder, in WebP gewandelt, wodurch auch PNGs und GIFs ihre Transparenz behalten.
Mobile Hotspots
Falls das Bild oder einzelne Motive auf dem Smartphone zu klein sind, kann ein separates Hochkant-Bild für Smartphones verwendet werden, um die Sichtbarkeit und Platzierung der Hotspots auch hier zu optimieren. Beispiele dafür zeigen wir im weiteren Verlauf.
Bereiche anlegen
Der aktive Bereich um den Hotspot-Indikator kann als Rechteck oder Polygon angelegt werden. An den Abgrenzungen dieser Markierung wird ein Hotspot bei Mouseover aktiviert.
Präzision
Die Umrisse und Indikatoren eines Bereichs können per Anfassen beliebig verschoben werden. Für eine präszise Ausrichtung können die einzelnen Punkte auf der X- und Y-Achse auch mit der Eingabe von Prozent-Werten auf dem Bild feinjustiert werden.
Das Polygon-Feature ist besonders hilfreich bei nah aneinander liegenden Motiven, die möglichst sauber getrennt werden sollen. So stellst du sicher, dass bei einem Mouseover oder Tap exakt der Bereich innerhalb dieser Markierung reagiert.
Aktive Bilder
Für jeden Hotspot kannst du ein "aktives Bild" verwenden, das sich vom ursprünglichen Bild unterscheidet. Das ermöglicht es dir grafische Effekte zu erzeugen, die bestimmte Bereiche hervorheben und die Aufmerksamkeit der User auf sich ziehen.
In dem zuvor gezeigten Hotspots Element wurden dafür aus dem ursprünglichen Bild beispielsweise vier Varianten erstellt, die jeweils eine der vier Personen in Farbe, den Rest des Bildes hingegen in Graustufen zeigt. Zur Veranschaulichung hier einmal alle Varianten zum Vergleich:
Swipe doch mal durch ⭣
So nutzt du Hotspots effektiv
Steigere die Benutzerfreundlichkeit Hotspots machen es deinen Usern leicht, relevante Informationen schnell und intuitiv zu finden. Ob es sich um die Details eines Produkts, die Beschreibung eines historischen Ereignisses oder die Vorstellung von Teammitgliedern handelt – Hotspots sorgen dafür, dass wichtige Informationen nicht übersehen werden.
Schaffe interaktive Lernerfahrungen In E-Learning-Umgebungen können Hotspots dazu beitragen, komplexe Themen aufzugliedern und verständlich zu machen. Durch interaktive Grafiken und Bilder können Lernende selbstständig Entdeckungen machen und sich aktiv mit dem Lernmaterial auseinandersetzen.
Verbessere die Visualisierung von Daten Mit Hotspots kannst du Daten auf visuell ansprechende Weise präsentieren. Interaktive Diagramme und Infografiken machen es den Nutzern leichter, Daten zu interpretieren und Zusammenhänge zu erkennen. Dies ist besonders nützlich in Bereichen wie Finanzen, Wissenschaft und Marktforschung.
Erhöhe die Interaktivität deiner Inhalte Interaktive Inhalte ziehen die Aufmerksamkeit deines Publikums auf sich und fördern das Engagement. In Marketingkampagnen, Jahresberichten oder Reportagen können Hotspots dazu beitragen, dass User länger auf deiner Seite bleiben und sich intensiver mit deinen Angeboten beschäftigen.
BEISPIELE
Nachdem du nun einen ersten Einblick in die Funktionsweise der Hotspots hast und wie sie deine Inhalte in immersive, interaktive Erlebnisse verwandeln können, ist es an der Zeit, sie in Aktion zu sehen.
Hier findest du inspirierende Beispiele, die die Vielseitigkeit und Leistungsfähigkeit der Hotspots zeigen. Viel Spaß beim Entdecken!
Introducing the Chic Essentials for the Modern Man
Classic Leather Watch: Perfect for any setting, this watch's sleek design and premium leather strap make it a must-have accessory for the discerning gentleman. Whether at the office or a weekend getaway, its elegance never goes unnoticed.
Vintage Leather Boots: Step out in style with these rugged yet refined leather boots. Built for durability and comfort, they are the ideal companion for your daily adventures or an evening out.
Premium Leather Belt: Complete your look with our high-quality leather belt. Its sturdy buckle and rich brown tone ensure it pairs seamlessly with any outfit, adding a touch of sophistication.
Soft Cotton Crew Neck Sweater: Embrace comfort without compromising on style. This soft cotton sweater, in a versatile light grey, is perfect for layering and offers a cozy fit for those cooler days.
Classic Round Sunglasses: Protect your eyes with flair. Our classic round sunglasses not only offer excellent UV protection but also come with a stylish leather case, making them a practical and fashionable addition to your accessory collection.
Tailored Checkered Trousers: Experience the perfect blend of comfort and elegance with our tailored checkered trousers. Crafted from high-quality fabric, they are ideal for both professional and casual wear, ensuring you always make a polished impression.
QUIZTIME
What do you think are the average monthly expenses of an American household?
Milestones in the History of Space Exploration
Space exploration has always been a frontier of human ingenuity and ambition. The journey to understand and explore the vast cosmos is punctuated by remarkable milestones that have propelled humanity into the space age.
- Bild: NASA
Sight Seeing in Melbourne
Willkommen in Melbourne, einer Stadt voller Vielfalt und Charme! Beginnen Sie Ihre Erkundung in den Docklands, einem modernen Hafenviertel mit beeindruckender Architektur. Schlendern Sie über die kunstvolle Webb Bridge und genießen Sie die Aussicht auf den Yarra River.
Tauchen Sie im Melbourne Aquarium in die Unterwasserwelt ein und entdecken Sie Haie, Schildkröten und bunte Fische. Danach erwartet Sie das Arts Centre Melbourne mit seiner ikonischen Architektur und einer Vielzahl an Theater- und Kunstausstellungen.
Besuchen Sie den Shrine of Remembrance, ein beeindruckendes Denkmal mit einer atemberaubenden Aussicht auf die Stadt. Schließen Sie Ihren Tag im Melbourne Museum ab, wo Sie in die Geschichte und Kultur Australiens eintauchen können.
Melbourne bietet eine perfekte Mischung aus Kultur, Geschichte und moderner Architektur – ein Muss für jeden Besucher!
Melbourne ist eine Stadt voller Kontraste – von modernen Hafenvierteln über kulturelle Zentren bis hin zu historischen Denkmälern. Diese Touristenattraktionen bieten einen wunderbaren Einblick in das, was Melbourne so besonders macht. Planen Sie Ihren Besuch und lassen Sie sich von der Vielfalt und dem Charme dieser einzigartigen Stadt verzaubern!
the Beach Crew
From left to right, there's Amy, Janet, Melissa, and Jules. Each of them has a unique story and a special connection to this tranquil place.
Amy is the calm and thoughtful one of the group. She finds inspiration in the waves and often comes here to think and recharge.
Janet is all about the simple joys of life. Her radiant smile and love for sunsets make her the heart of the group, always reminding everyone to appreciate the moment.
Melissa is the adventurous spirit, always ready to explore new places. The beach is her playground, where she can let loose and have fun with her closest friends.
Jules is the laid-back, introspective guy who feels most at home by the sea. He comes here to escape the busyness of life and find his inner peace.
Click on the Hotspot links and dive into their stories ⭣
Jules
Jules had always been drawn to the sea. The rhythm of the waves, the smell of salt in the air, and the gentle sway of the palm trees felt like home to him. This beach, with its golden sands and rustic huts, was his sanctuary.
Today, Jules was taking a break from his usual routine. Wearing his comfortable hoodie, his identification badge still around his neck, he walked along the beach, enjoying the warmth of the setting sun on his face. The evening breeze ruffled his hair, and he smiled, lost in memories of simpler times.
The sun dipped lower, casting a golden hue over everything. Jules paused to take in the scene—families laughing, children building sandcastles, and the distant hum of a local band. He knew he’d soon have to return to his responsibilities, but for now, he was content to just be Jules, enjoying the peace this place always brought him.
Janet
Janet felt at home by the sea. The beach was her refuge, where she could escape the pressures of her busy life and find a sense of peace. As the sun began to set, painting the sky with soft hues of orange and pink, she walked along the shore, her wide-brimmed hat shielding her from the fading light.
The evening breeze was gentle, carrying the scent of saltwater and the sounds of laughter from families enjoying the day. Janet paused by the water's edge, letting the cool waves touch her feet. Here, she could let go of her worries and simply enjoy the moment.
As the sun dipped below the horizon, Janet took a deep breath, savoring the tranquility. She knew that tomorrow would bring new challenges, but for now, she was content. With a final glance at the sky, she turned back toward the beach huts, feeling refreshed and ready to face whatever lay ahead.
Fazit
Hotspots bieten dir eine innovative Möglichkeit, deine Inhalte interaktiv, informativ und fesselnd zu gestalten – auch auf Smartphones. Egal, ob du das Nutzererlebnis verbessern, komplexe Informationen anschaulich präsentieren oder eine stärkere Bindung erzielen möchtest – mit Hotspots verfügst du über die nötige Flexibilität und Kreativität, um deine Vorhaben zu verwirklichen.
Mach den ersten Schritt und verwandle deine Projekte in dynamischen Web Content. Erlebe selbst, wie wirkungsvoll es ist, die Aufmerksamkeit deiner Leserschaft zu gewinnen und sie zu begeistern.
WEITERE ARTIKEL