Projelerim / HiDoctor / Randevu ve ödeme

HiDoctor: randevu ve ödeme deneyimini iyileştirmek

İnsanlar HiDoctor'a biriyle konuşmaya hazır geliyordu ama birçoğu ödeme yapmadan çıkıyordu. Koptukları iki yeri yeniden tasarladım: önce ödemeyi, sonra psikolog seçimini. İkisi de yayına girince ücretli seanslar yaklaşık %50 arttı.

Ödeme Ekim 2022'de yayına girdi, randevu adımları da ardından. Masaüstü ve mobil web.

Eski ödeme sayfası: tek uzun sütun, etiketsiz kart alanları, ilk ekranın altında kalan buton Yeniden tasarlanan ödeme sayfası: solda randevu bilgileri, sağda etiketli kart formu, toplam tutar ve buton ilk ekranda
Rol
Ürün tasarımcısı: araştırma, UX, UI ve geliştirme ekibine teslim
Ürün
HiDoctor, online terapi ve sağlık danışmanlığı
Zaman
2022 yazından itibaren, iki sürümde
Birlikte çalıştıklarım
Ürün, pazarlama, müşteri destek, psikologlar ve yazılımcılar

Kısaca

Problem
İnsanlar psikolog seçerken ve saati seçtikten sonra ödemede kopuyordu.
Ne yaptım
Farklı ekiplerle hazırladığımız müşteri yolculuğu haritasını puanlanmış 80 maddeye dönüştürdüm ve akışı sondan başa, tek bir kuralla düzelttim: bir satır ancak insanların o anda sorduğu bir soruyu cevaplıyorsa sayfada kalır.
Sonuç
Ücretli seanslar yayın öncesine göre yaklaşık %50 arttı. İlk seans indirimi bütün süre boyunca açıktı, yani değişimi o açıklamıyor.

Genel bakış

Dört adım, insanların koptuğu iki yer

  1. 1. adımPsikoloğu seç
  2. 2. adımSeansı seç
  3. 3. adımÖde
  4. 4. adımGörüşmeye katıl

Sondan başa doğru çalıştım: önce ödeme, çünkü orada ayrılanlar en kararlı kişilerdi, sonra seçim adımları.

Araştırma

Müşteri yolculuğu haritasından puanlanmış 80 maddeye

Müşteri yolculuğu haritasını canlı ürünle yaptığım kullanılabilirlik testlerinden, rakip incelemesinden ve kullanılabilirlik ilkelerine göre değerlendirmeden çıkardım. Oturumlarda ürün, pazarlama, müşteri destek ve iş ekipleri de vardı.

Harita, İstanbul'da yaşayan ve ilk panik atağını yeni geçirmiş 32 yaşındaki iş analisti Ece'yi, HiDoctor'u bulmaktan bir sonraki seansını almaya kadar yedi aşamada takip ediyordu.

Keşiften bir sonraki seansa kadar yedi aşamalı müşteri yolculuğu haritası. Her aşamada aksiyonlar, temas noktaları, davranış verisi, ihtiyaçlar ve sıkıntılar, ekipler ve olası çözümler var
Müşteri yolculuğu haritası. Her aşamada aksiyonlar, temas noktaları, davranış verisi, ihtiyaçlar ve sıkıntılar, ekipler ve olası çözümler.

Bir haritaya katılmak kolay, ona göre harekete geçmek zor. Bu yüzden her sıkıntıyı bir satıra çevirdim: ürünün 13 bölümüne yayılan 80 madde.

Her madde UX, ürün, satın alma ve sıklık için puanlandı. Ekip listeyi Ağustos 2022'de gözden geçirdi ve her satıra bir sorumlu atadı.

UX / UI1 ile 5 arası×Ürün1 ile 5 arası×Satın alma1 ile 5 arası×Sıklık1 ile 5 arası=Önceliken fazla 625

Bu çalışmanın cevap verdiği satırlar

#Test katılımcılarının söyledikleriAdımÖncelik
45"Kart numarası dörtlü bloklara bölünse yazması daha kolay olurdu."Ödeme150
46"Kullanım koşullarını kabul ederken kartımı Masterpass'e kaydetmemi de istedi. Bu beni rahatsız etti."Ödeme120
50"Cüzdandan ödemeyle kartla ödeme arasında geçiş yapabilmeliyim."Ödeme120
49"Öderken psikoloğu, tarihi, saati ve kaç dakikalık seans aldığımı göreyim."Ödeme18
36"Hakkında kısmını okumak zordu. Benim için en önemlisi eğitimdi, o da arada kaybolmuştu."Seçim96
29"Randevu Al'a tıkladım, takvimi görmek için bir daha tıklamam gerekti. Bir psikoloğun hiç boş saati yoktu, bunu da en sonda öğrendim."Seçim72
32"Seçtiğim psikologlar ancak ileri tarihlerde müsaitti, aramam orada bitti. Keşke bugün ya da önümüzdeki birkaç gün müsait olanları filtreleyebilsem."Seçim64
39"30 dakikayla 45 dakika arasındaki fark ne? Hangisini seçeceğimi nereden bileyim?"Seçim27

Listenin tepesindeki iki madde, eşleştirme özelliği ve seans sonrası yeniden randevu, başlı başına birer projeydi. Başlamak için en derli toplu yer ödemeydi: ilk üç satırı satın almada 4 ya da 5 puan almıştı ve hepsi, saatini çoktan seçmiş insanları kaybeden tek bir sayfadaydı.

1. aşama

Ödeme

En istekli insanların ayrıldığı son adım.

1. aşama · Problem

İnsanlar son adıma gelip duruyordu

Bir saat seçmek o saati 15 dakikalığına ayırıyordu, ödeme bu sürede bitmezse randevu düşüyordu. Haziran ve Temmuz 2022 verilerinde geri dönen ziyaretçilerde ödemeyi yarıda bırakma artıyordu. Bunlar aklında bir psikologla geri gelen kişilerdi.

Sayfa üç noktada sorunluydu. Çalışmanın geri kalanında da bu üç başlığı kullanıyorum.

Güven eksik cevaplar Dikkat butonla yarışan şeyler Kullanım formun istediği iş

HiDoctor'un eski ödeme sayfası
2022 yazında ödeme sayfası. Psikoloğun adı ve fotoğrafı bulanıklaştırıldı.
  1. Güven · eksik cevapTarih ve saat yok. Kart kiminle ve kaç dakika görüşüleceğini gösteriyordu, ne zaman olduğunu değil. Banner'daki indirim de fiyata yansımamıştı.
  2. Dikkat · fazla gürültüÜst kısımda açık duran bir indirim alanı. Kodu olmayanları kod aramaya gönderiyordu.
  3. Kullanım · gereksiz işlemEtiketsiz alanlar. Placeholder'lar yazmaya başlayınca kayboluyordu, kart numarası da tek parça uzun bir diziydi.
  4. Dikkat · fazla gürültüKutu içinde bir paragraf onay metni. Koşulları kabul etmek kartı Masterpass'e de kaydediyordu ve bu, üç satırlık küçük bir yazıyla anlatılıyordu.
  5. Dikkat · fazla gürültüGöze batan bir Masterpass logosu. Sayfadaki en canlı renk butonun üzerinde değil, yanındaydı.
  6. Dikkat · fazla gürültüGörünmeyen buton. Sayfanın 1.055 px aşağısında başlıyordu, yani çoğu dizüstü bilgisayarda ilk ekranın altında kalıyordu.

1. aşama · Tasarım

Sayfadaki her satır için tek bir kural

CEO, insanları rahatlatmak için daha fazla renk ve daha uzun açıklamalar istiyordu. Rahatlatma konusunda hemfikirdim, daha fazla metin konusunda değil: ödeme anında her fazladan satır yük ekler ve güveni azaltır. Bu fikir ayrılığı kurala dönüştü.

Sayfada kalan her bilgi, danışanın o adımda ihtiyaç duyduğu bir soruya cevap vermeli. Diğer içerikleri kısalttım, gerektiğinde açılacak şekilde düzenledim ya da kaldırdım.

Rakiplerdeki iki kalıp, test katılımcılarımızın şüphelerinin aynısına cevap veriyordu.

Kart formunun yanında randevunun tarihini, saatini, süresini, uzmanını ve ücretini listeleyen bir rakip ödeme sayfası
Formun yanında randevu. İnsanlar yazarken tarih, saat, uzman ve ücret görünür kalıyor. Madde 49
Satın al butonunun üstünde ilk fiyat, indirim satırı, son fiyat ve iptal notu olan bir sipariş özeti
Ödeme düğmesinin yanında açıklama. Açıkça yazılmış indirim ve satın al butonunun üstünde iptal sözü.

Bizim sayfamızda kural eksik cevapları ekledi, butonla yarışan şeyleri kaldırdı. Her değişikliği görmek için bir numaraya dokun.

Yeniden tasarlanan ödeme sayfası
Yeni ödeme sayfası.
  1. Güven · cevap eklendiRandevunun tamamı. Psikolog, unvan, seans süresi, tarih ve saat. Madde 49
  2. Güven · cevap eklendiGörünür indirim. Ücret, %35 ilk seans indirimi ve toplam. Fiyat, tıklanan banner'dakiyle aynı.
  3. Dikkat · gürültü kaldırıldıGerektiğinde açılan indirim kodu alanı. Tek bir "İndirim kodu kullan" butonu, kodu olan onu yine buluyor.
  4. Güven · cevap eklendi"Güvenli ödeme" başlığı ve SSL rozeti. Başlık, kimse yazmaya başlamadan adımın ne olduğunu söylüyor.
  5. Kullanım · daha az işlemKart ya da cüzdan, yan yana. Cüzdanda bakiye olsa bile kartla ödemek mümkün. Madde 50
  6. Kullanım · daha az işlemRahatça doldurulan alanlar. Her alanın üstünde etiket var, kart numarası dört blokta. Madde 45
  7. Dikkat · gürültü kaldırıldıTek satırda onay. Masterpass ikisi için tek onay kutusunu şart koşuyordu. Kutuyu tuttum, metni tek cümleye indirdim, logoyu geri plana aldım. Madde 46
  8. Güven · cevap eklendiButonun hemen üstünde toplam. Sayaç butonun içine taşındı.
  9. Güven · cevap eklendi"Memnun kalmazsam ne yapacağım?" Müşteri yolculuğu haritasındaki bu soru, butonun altında cevap buluyor: seanstan üç saat öncesine kadar ücretsiz iptal ve para iade garantisi.
~200 pxdaha yukarıda: buton sayfanın 1.055 px aşağısından 858 px'e çıktı
~100 pxdaha kısa masaüstü sayfası, hem de daha fazlasını gösterirken
2sütun, böylece insanlar yazarken randevu gözlerinin önünde kalıyor

1. aşama · Mobil

Kuralın sayfayı uzattığı yer

Telefonda ikinci sütun olmadığı için yeni cevaplar sayfayı 1.768 px'ten 2.101 px'e uzattı. Onları kaldırmak şüpheleri geri getirirdi, bu yüzden uzunluk sorununu çözdüm.

Alta sabitlenen bir bar, toplam tutarı ve butonu ilk ekrandan itibaren gösteriyor. İnsanlar ne kadar okursa okusun buton ekranda kalıyor.

Eski mobil ödeme sayfası
Önce. Buton 1.056 px aşağıda başlıyor.
Yeni mobil ödeme sayfası, tam boy
Sonra, tüm sayfa.
Yeni mobil ödeme sayfasının ilk ekranı, toplam tutarı ve ödeme butonunu gösteren sabit alt bar ile
Sonra, ilk ekran.

Aynı yapı paketlerde de işe yaradı: kart, tarih yerine seans sayısını ve geçerlilik süresini gösteriyor.

Paket için ödeme sayfası: randevu kartında tarih yerine 6 seans ve 3 aylık geçerlilik yazıyor
Altı seanslık bir paket. Tek kart, iki tür satın alma.

2. aşama

Seçim ve randevu

Ödemeden önceki adımlar, ödemeye hiç ulaşamayanlar için.

2. aşama · Problem

Neredeyse kimsenin bakmadığı iki randevu butonu

Müşteri yolculuğu haritasına göre ana sayfadan psikolog listesini açanların yaklaşık %35'i oradan ayrılıyordu.

Ağustos 2022'de bir profilde ve listede dikkat analizi yaptım. Profildeki iki randevu butonu dikkatin yalnızca %2,1'ini ve %1,3'ünü çekiyordu, kalanın çoğunu fotoğraf ve uzun metin alıyordu.

Bir psikoloğun sayfasının ve psikolog listesinin dikkat heatmap'leri, netlik puanları 31 ve 53
Dikkatin gittiği yer. Bir psikoloğun profili (netlik puanı 31) ve liste (53).

Profilde de ödemedekiyle aynı üç türden sorun vardı.

Eski psikolog profil sayfası: dört sekme, 30 ya da 45 dakika seçimi, bir randevu menüsü ve uzun bir metin bloğu
2022 yazında bir psikolog profili. Ad, fotoğraf ve kişisel bilgiler bulanıklaştırıldı.
  1. Dikkat · fazla gürültüKimsenin karşılaştıramadığı bir özet. Her psikolog farklı yazmıştı: kimi konuları, kimi okulları, kimi kendisi hakkında bir cümle.
  2. Güven · eksik cevapAçıklamasız sayılar. Bir kamera, bir telefon ve "TR", her birinin yanında bir sayı. İnsanlar neyin sayıldığını tahmin etmek zorundaydı.
  3. Dikkat · fazla gürültüİki soru için dört sekme. Görüntülü ya da telefonla, tek seans ya da paket, hepsi tek bir satırda karışık.
  4. Güven · eksik cevap30 ya da 45 dakika, birini seçmek için hiçbir gerekçe olmadan. Madde 39
  5. Kullanım · gereksiz işlemBir tık daha arkasında kalan boş saatler. "Randevu Al" bir menü açıyordu, insanlar psikoloğun tamamen dolu olduğunu ancak en sonda öğreniyordu. Madde 29
  6. Dikkat · fazla gürültüTek parça bir metin bloğu. Konular virgüllerle uzayıp giden bir listedeydi, insanların en çok aradığı eğitim bilgisi de en altta kalmıştı. Madde 36

2. aşama · Araştırma

Diğer platformlar ve psikologlarımız bize ne anlattı

On online terapi platformunun randevu akışlarını karşılaştırdım: Psikoloji Merkezi, Hiwell ve Terappin'den Talkspace ve BetterHealth'e kadar. Üç kalıp sürekli karşıma çıktı: listeden önce kısa bir eşleştirme testi, ayrı bir ürün olarak satılan paketler ve blog için yazan psikologlar.

On online terapi platformunun randevu ekranlarının satırlar halinde dizildiği bir araştırma panosu, sağda kağıt eskizler
Benchmark panosu. Her akış, ilk ekrandan randevuya kadar.

Akışı önce kağıda çizdim: konu seçimi, her kartın temel soruları cevapladığı bir liste, randevunun yanında durduğu bir profil ve ayrı bir seçenek olarak paketler.

Dört kağıt eskiz: konu seçimi, filtreli psikolog listesi, seçili kart ve randevu panelli profil
İlk eskizler.
Paket seçeneğinin eskizi: 45 dakikalık iki seans, bir ay geçerli, eski ve yeni fiyat
Paketler. Seans sayısı, geçerlilik süresi ve indirim tek kartta.

Sonra eskizleri platformdaki psikologlara gösterdim. Geri bildirimleri görsellerden fazlasını değiştirdi.

2. aşama · Tasarım

Aynı kural, akışın daha başında

Her ekran, insanların o adımda sorduğu soruları cevaplıyor ve başka hiçbir şey göstermiyor. Psikolog seçerken bu sorular basit: Kim bu, hangi konularda yardım ediyor, ücreti ne ve ne zaman müsait?

Renkler yukarıdaki sorunlarla aynı. Değişiklikleri görmek için bir numaraya dokun.

Yeniden tasarlanan psikolog profili: solda profil ve hakkımda, sağda seans kartları ve toplam tutarla randevu paneli
Yeni profil. İsim, fotoğraf ve kişisel bilgiler bulanıklaştırıldı.
  1. Dikkat · gürültü kaldırıldıHerkes için aynı yapı. Hakkımda, uzmanlık alanları, eğitim ve sertifikalar sabit bloklarda. İki profil yan yana karşılaştırılabiliyor. Madde 16, 36
  2. Güven · cevap eklendiSayıları açıklayan etiketler. Üç ikon ve üç sayı yerine "387 görüntülü, 354 sesli, Türkçe seans".
  3. Dikkat · gürültü kaldırıldıDört değil, iki sekme. Üstte görüntülü ya da sesli. Tek seans ve 2, 4, 6, 10 seanslık paketler altta kart olarak.
  4. Güven · cevap eklendi45 dakika seçili geliyor. İlk görüşme indirimi kartın üzerinde yazıyor. Madde 39
  5. Kullanım · daha az işlemRandevu takvimle açılıyor. "Randevu Oluştur" doğrudan günlere ve boş saatlere götürüyor. Madde 29
  6. Güven · cevap eklendiKontrol edilebilir eğitim bilgisi. Okul, derece, yıllar ve sertifikalar, her blokta doğrulandı işareti. Madde 36
  7. Güven · cevap eklendiİndirimiyle birlikte toplam tutar. Eski ve yeni fiyat ile çoklu seans indirimi, butonların hemen üstünde.

Liste işin daha büyük kısmını üstleniyor

Çoğu kişinin karar vermek için profile girmesi gerekmiyordu. Bu yüzden liste "Ne zaman müsait?" sorusunu kimse tıklamadan cevaplamaya başladı.

Yeniden tasarlanan psikolog listesi: üstte dört randevu adımı, filtreler, psikolog kartları, eşleştirme bannerı ve en altta son incelenen psikologlar
Listenin tamamı. Çerçevenin içinde kaydırabilirsin. Çevrimiçi psikologlar hemen aranabiliyor, diğerleri en yakın boş saatini gösteriyor. Aşağıda bir eşleşme bannerı, en altta da son incelenen profiller var. Madde 12, 29, 31
Uygun zaman filtresi: günleri seçmek için bir takvim ve geceden akşama altı zaman aralığı
Boş saate göre filtre. Günleri ve saat aralıklarını seç, yalnızca o saatlerde müsait olanları gör. Madde 32
Listeden hızlı randevu: psikolog, takvim, boş saatler ve toplam tutarın olduğu bir pencere
Hızlı randevu. Tarih, saat ve toplam tutar tek pencerede, listeden çıkmadan. Madde 29

Telefonda uzayan profil, ödeme sayfasının çözümünü ödünç aldı: toplam tutarı ve iki butonu taşıyan sabit bir alt bar, saat seçmek için de tam ekran bir takvim.

Seans kartları, hakkımda, eğitim, sertifikalar ve yorumlarla mobil psikolog profili
Profil. Önce randevu, sonra detaylar.
Aşağı kaydırılmış mobil profil, alttaki sabit barda seans ücreti ve iki randevu butonu
Sabit bar.
Toplam tutar ve onay butonuyla tam ekran tarih ve saat seçimi
Tarih ve saat. Tek ekran, toplam tutar dahil.

Sonuç

Akışın iki ucundan da daha fazla ücretli seans

~%50 daha fazla ücretli seans. İki aşama da yayına girdikten sonra, yayın öncesiyle karşılaştırılarak ölçüldü.

A/B testi yoktu, bu yüzden sonucu iki aşama arasında bölüştüremiyorum. %35'lik ilk seans indirimi bütün süre boyunca açıktı, yani değişimi o açıklamıyor.

İki bölüm de sonraki üç yıl gelişmeye devam etti. Burada ölçüm döneminde yayına aldığımız ilk sürümler var.

Geriye bakınca

Neyi farklı yapardım