Onboarding navigasyonu

Navigasyon ve dallanma, kullanıcıları onboarding’inizin her adımında yönlendirmenizi sağlar: herkesi temel ekranlara göndermek için statik rotalar, kullanıcı tercihlerine göre akışı uyarlamak için ise dinamik navigasyon kullanabilirsiniz. Üstelik tek bir satır kod yazmadan.

Navigasyonu ayarlama

Statik ve dinamik navigasyonu, ayrıca onboarding’in kapatılmasını butonlar ve quizler aracılığıyla yapılandırabilirsiniz.

Quizler için yalnızca tek cevaplı quizler navigasyona uygundur. Çok cevaplı quizler, koşullu öğe görünürlüğünü ayarlamak için kullanılabilir.

Statik navigasyon

Statik navigasyon, kullanıcıları her zaman aynı hedef ekrana yönlendirir. Ayarlamak için:

  1. Bir buton veya tek cevaplı quiz ekleyin.
  2. Butonu ya da quizi seçin ve sağ taraftaki Element sekmesine gidin.
  3. Quiz için On Press buton bölümünü veya Behaviour ayarını yapılandırın:
  • Action on (yalnızca quiz için): Quizin navigasyon ayarlarını etkinleştirmek için Option seçin.
  • Action: Navigate seçin.
  • Data: Kullanıcıları aynı hedef ekrana yönlendirmek için Static seçin.
  • Destination: Hedef ekranı seçin.

Statik navigasyonda quiz, kullanıcıların seçtiği cevaptan bağımsız olarak herkesi aynı ekrana yönlendirir.

static-navigation.png

Dinamik navigasyon

Dinamik navigasyon, kullanıcıları quiz cevaplarına göre yönlendirir:

  • Önceki ekranlardaki quiz cevapları: Hem butonlar hem de tek cevaplı quizler navigasyonu tetikleyebilir.
  • Mevcut ekrandaki quiz cevapları: Yalnızca tek cevaplı quizler navigasyonu tetikleyebilir.

Ayarlamak için:

  1. Kullanıcıları yönlendirecek bir buton veya tek cevaplı quiz ekleyin.
  2. Butonu ya da quizi seçin ve sağ taraftaki Element sekmesine gidin.
  3. Quiz için On Press buton bölümünü veya Behaviour ayarını yapılandırın:
  • Action on (yalnızca quiz için): Quizin navigasyon ayarlarını etkinleştirmek için Option seçin.
  • Action: Navigate seçin.
  • Data: Kullanıcıları önceki quiz cevaplarına göre yönlendirmek için Dynamic seçin.
  • State: Kullanıcının hedefini belirleyecek bir quiz seçin.
  1. Her quiz seçeneği için hedef ekranı belirleyin.

Buton veya quiziniz, kullanıcıları yapılandırdığınız hedeflere dinamik olarak yönlendirecektir.

dynamic-navigation.png

Onboarding’i kapatma

Kullanıcı yolculuğunuz onboarding akışının kapatılmasını gerektiriyorsa bunu butonlar veya tek cevaplı quizler aracılığıyla ayarlayabilirsiniz:

  1. Bir buton veya tek cevaplı quiz ekleyin.
  2. Butonu ya da quizi seçin ve sağ taraftaki Element sekmesine gidin.
  3. Quiz için On Press buton bölümünü veya Behaviour ayarını yapılandırın:
  • Action on (yalnızca quiz için): Quizin navigasyon ayarlarını etkinleştirmek için Option seçin.
  • Action: Close onboarding seçin.

Onboarding’in kapatılmasını nasıl ele alacağınızı şu platformlarda öğrenin: iOS, Android, React Native ve Flutter.

close-onboarding.png