| Версия | 5.0 |
|---|---|
| Издател | CoffeeCup Software |
| Дата на излизане | 15.10.2015 г. |
| Датата е добавена | 15.10.2015 г. |
| Os изисквания | Windows 10, Windows 8, Windows Vista, Windows, Windows 7 |
| Изисквания | IE 9 or higher |
| Общо изтегляния | 328 |
| Изтегляния на седмица | 2 |
| Цена | Free to try |
Описание
CoffeeCup Image Mapper ви позволява да посочите множество връзки (или горещи точки) към конкретни местоположения на изображение и да ги насочите към документ или уебсайт. Създавайте текст с мишката, ALT текст, връзки и др. Поддържа JPG, PNG и GIF формати на изображения!
И така, как работи? Да приемем, че продавате мебели с няколко части, които могат да бъдат взети. Покажете предметите на снимка. След това с помощта на инструментите за проектиране начертайте контур върху конкретен елемент и му задайте адрес на уебсайт. Сега, когато някой щракне върху мебел, той се пренасочва към свързаната с нея уеб страница за повече информация.
Приложете същата техника към други типове изображения като карти, снимки на корпоративни екипи, блок-схеми, художествени галерии и други. Доста страхотно, нали? :)
Адаптивните карти с изображения са удобни за мобилни потребители
Тъй като над 51% от трафика идва от мобилни устройства, важно е да актуализирате картите си на изображения, за да реагират бързо. Това ги прави по-лесни, по-бързи и по-функционални за навигация за зрителите на по-малки екрани.
Картите на изображения, които реагират, ще коригират координатите на връзката по подходящ начин въз основа на ширината на дисплея. Въпреки това, едно нещо, което трябва да имате предвид е, че мобилните устройства не позволяват преместване на курсора на мишката или подсказки при задържане на курсора на мишката. Поради това ще трябва творчески да преосмислите как работи вашата карта с изображения, така че потребителите инстинктивно да знаят как да я използват.
Как можеш да правиш това? лесно. Направете вашата карта на изображението по-функционална на мобилни устройства, като покажете „Ключ“ или „Легенда“ близо до картата (или дори го добавете към самото изображение), което посочва текстово какво могат да докоснат. Например, тук е каталогът с мебели, който показва някои мебели за продажба в каталога. Поставихме текст под изображението, за да опишем 8-те елемента. Към изходното изображение беше приложен и допълнителен индикатор. Тези помощни средства помагат на мобилните зрители да разберат какво може да се докосне. Докосвайки някой от тези артикули, ще бъдете пренасочени към страница, където можете да прегледате каталога за подобни артикули.