Hover / Tooltip ile Gezegen ve Hat Bilgisi Gösterimi

Amaç: Kullanıcılar harita üzerindeki gezegen hatları veya evler üzerine geldiğinde bilgi penceresi (tooltip) ile hızlı yorum ve detay alabilsin.

 

🔹 1. Hangi Bilgiler Gösterilmeli?

1. Gezegen Adı

  • Örnek: Güneş, Ay, Venüs, Mars, Jüpiter, Satürn, Plüton, Chiron, Ay Düğümleri

2. Hat Türü

  • MC / IC / ASC / DSC
  • Planetary line
  • Parans veya çapraz hat

3. Kısa Yorum / Etki

  • Örnek: “Güneş hattı → kimlik, güç ve canlılık doruğu”
  • Örnek: “Venüs hattı → ilişkilerde uyum ve sosyal çekicilik artışı”

4. Ev ve Açı Bilgisi (Opsiyonel)

  • Hangi evin etkisinde
  • ASC, MC gibi kritik açılar

 

🔹 2. Görsel ve Etkileşim Önerileri

  1. Tooltip Konumu
    • Fare imleci üzerine gelince hattın yanına veya üstüne küçük pencere açılır
    • Mobilde dokunmatik için tıklama veya uzun basma ile gösterilebilir
  2. Renk Kodları
    • Güneş → Sarı
    • Ay → Gri / Mavi
    • Mars → Kırmızı
    • Jüpiter → Yeşil
    • Satürn → Kahverengi
    • Plüton → Mor
    • Chiron → Pembe
    • Parans / Çapraz Hat → Parlak veya animasyonlu renk
  3. Animasyon ve Fade-in Efekti
    • Tooltip hafifçe görünür ve kaybolur → kullanıcıyı yormaz
    • Hover sırasında hattın kendisi de vurgulanabilir (kalın çizgi veya parlak renk)
  4. Detay ve Gelişmiş Seçenek
    • Tooltip içinde “Daha fazla bilgi” butonu → tam analiz penceresi açılır
    • Transit ve progresyon etkisi, şehir veya tarih bazlı ek bilgi

 

🔹 3. Örnek Tooltip İçeriği

Örnek 1: Güneş-MC Hattı (Londra)

  • Gezegen: Güneş
  • Hat: MC (Medium Coeli)
  • Kısa Yorum: “Kariyer ve yaşam amacınız için yüksek enerji, liderlik potansiyeli dorukta”
  • Ev: 10. ev

Örnek 2: Venüs-DSC Hattı (Barselona)

  • Gezegen: Venüs
  • Hat: DSC (Descendant)
  • Kısa Yorum: “İlişkilerde uyum ve sosyal çekicilik artışı”
  • Ev: 7. ev

 

🔹 4. Kullanıcı Deneyimi Önerileri

  • Hover / Tooltip → Hızlı bilgi, kullanıcıyı detay okumaya yönlendirir
  • Click veya Dokunmatik → Daha kapsamlı analiz ve kişiselleştirilmiş yorum
  • Renkler ve animasyonlar → Enerji yoğunluğunu sezgisel gösterir
  • Mobil uyumlu tasarım → Dokunmatik etkileşim ve uzun basma

 

🔹 5. Özet

  • Tooltip / Hover ile kullanıcılar:
    • Gezegen ve hat bilgisine anında ulaşır
    • Kısa ve anlaşılır yorum alır
    • Gelişmiş detaylara tıklayarak daha fazla öğrenebilir
  • Görsel ve renk kodları → sezgisel enerji ve etki algısı
  • Mobil ve desktop uyumu → kullanıcı deneyimini artırır

✨ Sonuç: Kullanıcılar, sayfandaki haritaları fare veya dokunmatik ile keşfederek, gezegen ve hat bilgilerini hızlı ve interaktif şekilde öğrenebilir.

 

Tüm Makaleler