CoffeeCup Image Mapper permette di specificare più collegamenti (o hotspot) a posizioni specifiche di un'immagine e li puntare ad un documento o un sito web. Creare un testo mouseover, testo alternativo, link e altro ancora. Supporta JPG, PNG, GIF e formati di immagine!
Quindi, come funziona? Diciamo che state vendendo mobili con diversi pezzi in palio. Vetrina gli elementi in una foto. Quindi, utilizzando gli strumenti di progettazione, disegnare un contorno su un elemento specifico e assegnare un indirizzo del sito web ad esso. Ora, quando un utente fa clic su un mobile, vengono reindirizzati alla pagina web ad esso associato per ulteriori informazioni.
Applica la stessa tecnica ad altri tipi di immagini come mappe aziendali foto di squadra, diagrammi di flusso, gallerie d'arte e altro ancora. Giusto abbastanza impressionante? :)
Responsive mappe immagine sono friendly per gli utenti mobili
Con oltre il 51% del traffico proveniente da dispositivi mobili, è importante aggiornare le mappe di immagine per essere reattivi. Questo li rende più facile, più veloce e più funzionale da navigare per spettatori su schermi di piccole dimensioni. Mappe di immagini che sono sensibili regolerà collegamento coordinate in modo appropriato in base alla larghezza del display. Tuttavia, una cosa da tenere a mente è che i dispositivi mobili non consentono mouseovers o tooltip al passaggio del mouse / mouseover. A causa di questo, è necessario ripensare creativamente come la mappa immagine funziona così gli utenti saranno istintivamente sapere come usarlo.
Come si può fare? Facile. Fai la tua mappa immagine più funzionale su dispositivi mobili per la visualizzazione di una "chiave" o "Legend" vicino alla carta (o anche aggiungere all'immagine in sé), che sottolinea testualmente quello che possono toccare. Ad esempio, ecco il catalogo di mobili che mette in mostra alcuni mobili in vendita nel catalogo. Abbiamo messo il testo sotto l'immagine per descrivere le 8 articoli. Un ulteriore indicatore è stato applicato anche per l'immagine sorgente. Questi aiuti contribuiscono telespettatori mobili sanno ciò che è tangibile. Toccando uno qualsiasi di questi elementi, sarai reindirizzato ad una pagina con cui è possibile sfogliare il catalogo per oggetti simili.
Requisiti :
IE 9 o superiore
Limitazioni :
Funzionalità limitata
I commenti non trovato