Zeynep Günay Bıyıklıoğlu
Port Cüzdan kapak

Port Cüzdan, Renault ve Dacia ekosisteminde aksesuar alışverişi ve yakıt ödemelerini tek bir dijital cüzdanda bir araya getiren bir ödeme deneyimi olarak tasarlandı.

Ürünün en zorlu tarafı cüzdanın kendisi değildi. Asıl tasarım problemi, kullanıcıların cüzdanı kullanabilmesi için tamamlaması gereken kimlik doğrulama süreciydi.

KYC olarak adlandırılan bu süreç; kimlik kartı tarama, NFC, yüz doğrulama ve adres bilgisi gibi birden fazla adımdan oluşuyordu. Üstelik her adım farklı nedenlerle başarısız olabiliyordu.

Benim için asıl soru şuydu:

Bir şeyler yolunda gitmediğinde kullanıcıya nasıl yardımcı olabiliriz?

01

Problemi anlamak

Kimlik doğrulama sırasında kullanıcı; kötü ışık, belgede oluşan parlama, NFC desteklemeyen bir telefon veya bağlantı problemi gibi birçok nedenle sürecin dışına çıkabiliyor.

Örneğin kimlik kartı doğru okunmayabilir, NFC bağlantısı kesilebilir veya yüz doğrulama beklenmedik bir nedenle başarısız olabilir.

Bu noktada sorun yalnızca işlemin başarısız olması değil. Kullanıcının neden başarısız olduğunu anlamaması ve bundan sonra ne yapacağını bilememesi.

Bu nedenle hedefimiz karmaşık KYC sürecini kullanıcıdan gizlemek değildi. Süreci daha anlaşılır ve öngörülebilir hale getirmekti.

02Tasarım yaklaşımı

Başarılı akış kadar başarısızlıkları da tasarlamak

Kimlik doğrulama deneyimini yalnızca ideal senaryo üzerinden ele almadım.

Her adımda "Bir şey ters giderse ne olacak?" sorusunu da tasarımın bir parçası olarak düşündüm.

Belge taramasında parlama olduğunda, NFC okunamadığında, yüz doğrulaması başarısız olduğunda veya bağlantı koptuğunda kullanıcıya:

  • ne olduğunu,
  • neden olduğunu mümkün olduğunca anlaşılır bir şekilde,
  • ne yapması gerektiğini

anlatan durumlar tasarlandı.

Kullanıcıyı suçlayan veya teknik bir hata mesajı veren bir dil yerine, sakin ve yönlendirici mikro metinler kullandım.

Örneğin kullanıcıya sadece "Doğrulama başarısız" demek yerine, problemi açıklayıp tekrar deneyebileceği yolu göstermek temel yaklaşımımız oldu.

03

KYC yolculuğu

Kullanıcı doğrulama sürecinde şu adımlardan geçiyor:

01

Kimlik kartı

Kimlik kartının hazırlanması ve taranması.

02

NFC

Kimlik kartının NFC üzerinden okunması.

03

Yüz doğrulama

Kullanıcının yüzünün doğrulanması.

04

Adres

Adres bilgilerinin doğrulanması.

05

Onay

Kimlik doğrulama sürecinin tamamlanması.

Sürecin başında kullanıcıya kaç adımdan geçeceğini ve sırada ne olduğunu göstermek, deneyimin önemli parçalarından biri oldu.

Böylece kullanıcı süreç ilerledikçe neyle karşılaşacağını tahmin edebiliyor ve hiçbir adım sürpriz gibi hissettirmiyor.

Port Cüzdan kimlik kartı tarama ve NFC doğrulama akışı
Port Cüzdan NFC okuma ve yüz doğrulama akışı

04

Ödeme deneyimi

Kimlik doğrulamanın aksine ödeme deneyimini mümkün olduğunca basit tuttuk.

Hızlı ödeme için kısa süreli bir dinamik QR kod kullanıldı. QR kodun herhangi bir nedenle okunamadığı durumlarda ise kullanıcıya manuel kodla devam etme seçeneği sunuldu.

Çünkü gerçek kullanım ortamında kullanıcı çoğu zaman kasada ve zaman baskısı altında.

Bu nedenle temel yaklaşımımız basitti:

Ödeme mümkün olduğunca hızlı olmalı, ancak bir şey ters gittiğinde kullanıcının ikinci bir yolu olmalı.

Port Cüzdan kart ve banka hesabından bakiye yükleme akışı
Port Cüzdan QR kod ile ödeme akışı

05

Cüzdanı günlük kullanıma taşımak

Port Cüzdan yalnızca ödeme yapmak için tasarlanmadı.

Kullanıcılar cüzdanlarına kart veya banka hesabı üzerinden bakiye yükleyebiliyor, işlemlerini takip edebiliyor ve başka bir Port Cüzdan kullanıcısına ya da banka hesabına bakiye gönderebiliyor.

Ayrıca cüzdanın geçerli olduğu yakınlardaki işletmeleri keşfedebiliyor ve yaptıkları işlemlerin dijital fişlerine ulaşabiliyor.

İşlem geçmişini de ana ekrandan tek dokunuşla erişilebilir hale getirdik. Böylece kullanıcı parasının nerede ve nasıl kullanıldığını kolayca kontrol edebiliyor.

Port Cüzdan ana ekranı, bakiye ve hızlı işlemler

06

Güvenlik ve güven

Port Cüzdan bir ödeme ürünü olduğu için güven duygusu tasarımın önemli bir parçasıydı.

Kart bilgilerinin süreç boyunca maskelenmesi, 3D Secure desteği ve giriş noktalarında kullanılan doğrulamalar, ödeme deneyiminin güvenliğini destekleyen unsurlar arasında yer aldı.

Buradaki amaç yalnızca güvenli bir sistem oluşturmak değil, bunu kullanıcıya güven veren ve anlaşılır bir deneyim olarak sunmaktı.

07

Tasarım sistemi

Port Cüzdan, Renault ve Dacia'nın kurumsal tasarım sistemi üzerine inşa edildi.

Renk paleti, tipografi ve buton hiyerarşisi gibi paylaşılan bileşenler, cüzdanın marka ile tutarlı ve öngörülebilir bir görsel dil taşımasını sağladı.

Renault Dacia kurumsal renk paleti
Buton hiyerarşisi ve durumları
Tasarım sistemi bileşenleri: sekmeler, anahtarlar, etiketler
Ana renkler ve kullanım alanları
Marka renkleri: metin, bildirim ve elektrikli araç renkleri
Bağlantı ve buton stilleri, varsayılan ve hover durumları

08

Sonuç

Port Cüzdan'da amacımız KYC sürecini olduğundan daha basit göstermek değildi.

Amacımız süreci öngörülebilir hale getirmekti.

Kullanıcıdan birçok adımı tamamlamasını isteyen, düzenlemeye tabi ve hata ihtimali yüksek bir süreci; her aşamada ne yapması gerektiğini anlayabileceği bir deneyime dönüştürmeye odaklandık.

Başarısızlıkları da tasarımın bir parçası olarak ele almak, yalnızca kullanıcı deneyimini değil, operasyon tarafındaki süreçleri de daha anlaşılır hale getirdi. Her doğrulama problemi için daha belirgin durumların tanımlanması, açıklanamayan hatalar yerine daha kolay takip edilebilen bir yapı oluşturulmasına yardımcı oldu.

09

Öğrendiklerim

Bu projede benim için en önemli öğrenimlerden biri şuydu:

Karmaşık bir ürünü basitleştirmek her zaman adımları azaltmak anlamına gelmiyor. Bazen asıl farkı yaratan şey, kullanıcının her adımda ne olduğunu ve bundan sonra ne yapacağını anlayabilmesini sağlamak.

Özellikle ödeme ve kimlik doğrulama gibi güvenin kritik olduğu ürünlerde, başarılı senaryo kadar işlerin yolunda gitmediği anları da tasarlamak gerekiyor.

Sıradaki

Renault Port

Milyonlarca Renault kullanıcısının araçlarıyla ilgili tüm süreçleri tek bir uygulamadan yönetmesini sağlayan dijital deneyim.

Tasarım felsefem hakkında daha fazlası