CoffeeCup Image Mapper

คำอธิบาย

CoffeeCup Image Mapper ช่วยให้คุณสามารถระบุหลายลิงก์ (หรือฮอตสปอต) ไปยังตำแหน่งเฉพาะของรูปภาพและชี้ไปที่เอกสารหรือเว็บไซต์ สร้างข้อความเมาส์โอเวอร์ ข้อความ ALT ลิงก์ และอื่นๆ รองรับรูปแบบภาพ JPG, PNG และ GIF!

แล้วมันทำงานอย่างไร? สมมติว่าคุณกำลังขายเฟอร์นิเจอร์ที่มีของเหลือหลายชิ้น แสดงรายการในรูป จากนั้นใช้เครื่องมือออกแบบ วาดโครงร่างของรายการเฉพาะและกำหนดที่อยู่เว็บไซต์ให้กับรายการนั้น ตอนนี้เมื่อมีคนคลิกที่เฟอร์นิเจอร์ พวกเขาจะถูกเปลี่ยนเส้นทางไปยังหน้าเว็บที่เกี่ยวข้องกับเฟอร์นิเจอร์นั้นเพื่อดูข้อมูลเพิ่มเติม

ใช้เทคนิคเดียวกันกับรูปภาพประเภทอื่นๆ เช่น แผนที่ ภาพถ่ายทีมขององค์กร ผังงาน แกลเลอรีศิลปะ และอื่นๆ สวยมากใช่มั้ย? :)

แผนที่ภาพที่ตอบสนองเป็นมิตรสำหรับผู้ใช้มือถือ

ด้วยปริมาณการใช้ข้อมูลมากกว่า 51% ที่มาจากอุปกรณ์มือถือ การอัปเดตแผนที่รูปภาพของคุณให้ตอบสนองเป็นสิ่งสำคัญ ซึ่งทำให้การนำทางสำหรับผู้ดูบนหน้าจอขนาดเล็กง่ายขึ้น เร็วขึ้น และใช้งานได้มากขึ้น

แผนที่รูปภาพที่ตอบสนองจะปรับพิกัดลิงก์ให้เหมาะสมตามความกว้างของการแสดงผล อย่างไรก็ตาม สิ่งหนึ่งที่ควรทราบคืออุปกรณ์เคลื่อนที่ไม่อนุญาตให้วางเมาส์หรือคำแนะนำเครื่องมือบนโฮเวอร์/เมาส์โอเวอร์ ด้วยเหตุนี้ คุณจะต้องคิดใหม่อย่างสร้างสรรค์ว่าแผนที่รูปภาพของคุณทำงานอย่างไร เพื่อให้ผู้ใช้ทราบวิธีใช้โดยสัญชาตญาณ

คุณทำอย่างนั้นได้อย่างไร? ง่าย. ทำให้แผนที่รูปภาพของคุณใช้งานได้มากขึ้นบนอุปกรณ์มือถือโดยการแสดง "กุญแจ" o "ตำนาน" ใกล้แผนที่ (หรือแม้แต่เพิ่มลงในรูปภาพเอง) ซึ่งชี้ให้เห็นถึงสิ่งที่พวกเขาสามารถสัมผัสได้ ตัวอย่างเช่น นี่คือแคตตาล็อกเฟอร์นิเจอร์ที่แสดงเฟอร์นิเจอร์บางส่วนสำหรับขายในแคตตาล็อก เราวางข้อความไว้ใต้ภาพเพื่ออธิบาย 8 รายการ ตัวบ่งชี้เพิ่มเติมถูกนำไปใช้กับรูปภาพต้นฉบับด้วย เครื่องช่วยเหล่านี้ช่วยให้ผู้ดูมือถือรู้ว่าสิ่งที่สัมผัสได้ เมื่อแตะรายการใดๆ เหล่านั้น คุณจะเปลี่ยนเส้นทางไปยังหน้าซึ่งคุณสามารถเรียกดูแค็ตตาล็อกสำหรับรายการที่คล้ายคลึงกัน