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.

 

Deneyiminizi kişiselleştirmek için çerezler kullanıyoruz. Bu web sitesini ziyaret etmeye devam ederek çerez kullanımımızı kabul etmiş olursunuz.

Daha Fazla