Console · Onboarding Studio
Ürün turlarını kod yazmadan kurmak ve ölçmek
Lidia'nın panelleri için harici bir onboarding aracının yerine geçecek; PIM, Console ve Merchant Console'a gömülü bir onboarding stüdyosu tasarladım. MVP kapsamındaki genel bakış, tur editörü ve analitik ekranlarını burada örnek veriyle gösteriyorum.
Lidia ekranları gizlilik kapsamındadır. Bu sayfadaki ekranlar, ürünlerdeki deneyimime dayanarak örnek veriyle yeniden çizilmiş temsili çalışmalardır.
Problem
Ekipler kullanıcıları yeni özelliklere yönlendirmek için harici bir araç kullanıyordu. Turlar panelden ayrı yönetiliyor, hedef element değiştiğinde turlar sessizce bozuluyor ve kullanıcının nerede bıraktığı görünmüyordu.
Çözüm
Panellerin içine gömülü bir stüdyo: canlı önizlemeli tur editörü, element eşleşmesini anında gösteren hedef seçici ve kaybı adım adım gösteren analitik.
Hedeflenen etki
Turu kuran ekibin bozuk adımları yayından önce, terk edilen adımları yayından sonra hızla bulması.
Ekran 1
Genel bakış: en çok terk edilen adım en üstte
- 1
Sorun öncelikli
Ekran en iyi performansı değil, en çok terk edilen adımları öne çıkarıyor.
- 2
Öneriyle birlikte
Terk nedeni bulunduğunda, örneğin hedef element yoksa, ne yapılması gerektiği yazıyor.
- 3
Hızlı oluşturma
Tur, checklist, banner ve hotspot tek tıkla başlatılıyor.
Ekran 2
Tur editörü: adım listesi, canlı önizleme, özellikler
- 1
Hatalı adım listede görünüyor
Hedef elementi bulunamayan adım kırmızı işaretleniyor; tur bozuk yayına çıkmıyor.
- 2
Gerçek sayfada önizleme
Tooltip, spotlight ve konum seçimi panelin kendi ekranı üzerinde görülüyor.
- 3
İçerik ve davranış ayrı
Metin ayarları ile ilerleme ve buton davranışı iki sekmeye ayrıldı; panel kalabalıklaşmıyor.
Ekran 3
Tur analitiği: kayıp nerede, neden?
- 1
Adım hunisi
Her adıma ulaşan kullanıcı ve bir önceki adıma göre kayıp yan yana.
- 2
Kritik kayıp vurgulanıyor
Eşiği aşan kayıp renklendiriliyor; içgörü kartı doğrudan o adıma götürüyor.
- 3
Dil ve cihaz kırılımı
Çevirisi eksik bir dil ya da düşük tamamlanan bir cihaz ayrıca görülebiliyor.
Sonuçlar
Beklenen etki ve öğrendiklerim
Yayından önce
Bozuk adımın fark edildiği an
Tek tık
İçgörüden düzeltilecek adıma
Panel içinde
Turların kurulduğu ve ölçüldüğü yer
Önce MVP, sonra kapsam.
Ekiplerin alışık olduğu akışa sadık kalıp yalnızca gerçek sorunları çözmek, geçişi kolaylaştırmayı hedefliyor.
Analitik bir eyleme bağlanmalı.
Kaybı göstermek yetmez; ekran kullanıcıyı düzeltmesi gereken adıma götürüyor.
Sonraki adımlar: checklist ve banner analitiği · çeviri onay akışı · tema editörü