Stock X: hisse, forex ve kripto yatırımcıları için mobil alım-satım uygulaması tasarımı

Genel bakış

Stock X; performans, hassasiyet ve anlık kontrol üzerine kurulu bir mobil alım-satım uygulaması. BIST hisselerini, döviz paritelerini, kriptoyu ve altın gibi emtiaları Türk lirası fiyatlarıyla tek bir yerde topluyor; daha deneyimli kullanıcılar için otomatik emirler, al-sat robotları ve trader profilleri ekliyor.

Stüdyom Beew üzerinden uygulamayı 2024'te 10–12 haftada tasarladım: kullanıcı deneyimi araştırması, finansal bilgi mimarisi, alım-satım akışı optimizasyonu, arayüz ve koyu ile açık temalı bir tasarım sistemi. Görevim, karmaşık alım-satım mekaniğini profesyonel derinlikten ödün vermeden zihinsel yükü azaltan, yapılandırılmış bir mobil deneyime çevirmekti.

Sorun

Telefonda alım-satım yapmak, küçük bir ekranda ve çoğu zaman fiyatlar hareket ederken parayla ilgili kararlar vermek demek. Her fazladan rakam dikkat için yarışıyor, her belirsiz düğme bir risk.

• Karmaşık alım-satım verisi arayüzü boğuyordu.
• Portföy ve bakiye bilgilerinde net bir hiyerarşi yoktu.
• Riskli Al/Sat işlemleri netlik ve hassasiyet gerektiriyordu.
• Emirlerin sürtünmesiz ve hızlı gerçekleşmesi gerekiyordu.
• Görsel tasarımın güven ve itibar kazandırması gerekiyordu.
• Yapının gelecekteki alım-satım özelliklerine göre ölçeklenebilmesi gerekiyordu.

Hedefler

• Sade ve performans odaklı bir alım-satım paneli tasarlamak.
• Alım-satım akışlarını sadeleştirmek.
• Portföyü ve kâr/zararı daha kolay okunur hâle getirmek.
• Sezgisel bir grafik etkileşimi deneyimi oluşturmak.
• Güçlü, koyu temalı bir finansal kimlik oluşturmak.
• Gelişmiş alım-satım modülleri için ölçeklenebilir bir arayüz yapısı kurmak.

Yaklaşım

1. Önce önemli rakamlar

Her ekran, bir trader'ın ilk baktığı rakamla, toplam bakiye, kâr/zarar, kullanılabilir bakiye, büyük puntoyla başlıyor; ikincil veriler altta sakin kartlarda gruplanıyor. Kazançlar yeşil, kayıplar kırmızı; bu renkler için başka hiçbir şey yarışmıyor.

2. Riskli işlemleri karıştırılamaz kıl

Sat ve Al, düğmelerin üzerinde canlı fiyatlarla kırmızı ve yeşil olarak yan yana duruyor. Her emirden önce bir onay ekranı lot, fiyat, adet ve toplamı tekrar gösteriyor; böylece son dokunuş her zaman bilinçli oluyor.

3. Doğrudan kontrollerle hız

Pozisyon büyüklüğü yazarak değil, artı-eksi düğmeleri ve lot kaydırıcısıyla ayarlanıyor; piyasa sekmeleri tek dokunuşla BIST, forex ve kripto arasında geçiş yapıyor; zarar durdur ve kâr al da her değerin yanında tahmini kârla birlikte emir akışının içinde.

4. Önce koyu tema, büyümeye hazır

Uygulama, uzun kullanım ve profesyonel bir his için önce koyu temada tasarlandı; buna uyan bir açık tema da var. Kartlar, alt sayfalar, sekmeler ve navigasyon ortak bileşenler; böylece al-sat robotları, trader profilleri ve ortaklık gibi modüller yeni kalıplara gerek kalmadan yerine oturuyor.

Çözüm

Panel, piyasalar ve grafikler

Ana ekran toplam bakiye ve para yatırma düğmesiyle açılıyor; işlemlere, traderlara ve robotlara hızlı bağlantılar ve canlı bir piyasa listesi var. Pariteler BIST, forex ve kripto sekmelerine ayrılıyor; grafikler zaman aralığına göre filtrelenebiliyor ve tam fiyat için bir artı imleci sunuyor.

Alım ve satım akışı

Emir paneli en üste canlı fiyatlarıyla Sat ve Al'ı koyuyor; ardından artı-eksi düğmeleri ve kaydırıcıyla lot cinsinden pozisyon büyüklüğü, sonra otomatik emirler geliyor: piyasa limiti, zarar durdur ve kâr al. İşlem gönderilmeden önce bir onay ekranı özetliyor; tamamlanan her işlem de net bir geçmişte saklanıyor.

Portföy, profil ve ortaklık

Hesap özeti bakiyeyi, kâr/zararı, kullanılabilir bakiyeyi ve net varlığı tek bir kartta gösteriyor; rakamları gizlemek için bir gizlilik düğmesi de var. Profil, ayarlar ve ortaklık modülü, kazançlar, davet bağlantısı ve son davet edilen müşteriler, aynı kart yapısını izliyor.

Kayıt ve kimlik doğrulama

Giriş, kayıt ve şifre sıfırlama; Stock X'in “X” işaretini taşıyan koyu bir zeminde kısa ve odaklı formlar. Kimlik doğrulama önce onay istiyor, ardından kullanıcının kimlik kartı, pasaport ya da ehliyet arasından seçim yapmasını sağlıyor.

Para yatırma ve çekme

Para hareketleri, yatırma ve çekme için aynı sekmeleri kullanıyor. Kullanıcı bir yöntem seçiyor, kayıtlı bir banka hesabını seçiyor ya da yenisini ekliyor ve onaylıyor; her para çekme işlemi de durum, banka, IBAN, tarih ve ücret bilgisi içeren dekont benzeri bir detay ekranına sahip.

Al-sat robotları ve trader profilleri

Kripto, forex ve emtia robotları; açıklama, başarı oranı, son işlemler ve aç/kapa düğmesi içeren kartlar. Trader profilleri puanları, takipçileri, pozisyon sepetlerini ve işlem geçmişini gösteriyor; kullanıcılar bir trader'ı puanlayıp yorum yazabiliyor.

Tasarım sistemi

Tüm ekranlar koyu ve açık temada tek bir bileşen setini paylaşıyor, hesap kartından emir paneline, her aktif durumu tasarlanmış alt navigasyona kadar, böylece yeni alım-satım araçları deneyimi bozmadan eklenebiliyor.

Sonuçlar

• Yapılandırılmış ve son derece net bir mobil alım-satım arayüzü.
• Risk kontrol mantığı içeren, sezgisel Al/Sat akışları.
• Anlık bir portföy ve bakiye özeti.
• Zaman aralığı filtreli, etkileşimli grafik bileşenleri.
• Profesyonel ve güven odaklı, koyu temalı bir finansal arayüz.
• Robotlar, ortaklık ve gelişmiş alım-satım araçları için ölçeklenebilir bir temel.

Çıkarımlar

• Alım-satımda hiyerarşi güvenliktir: Önemli rakamları önce göster.
• Hız ve onay zıt şeyler değildir; iyi bir özet ekranı ikisini birden sağlar.
• Söz konusu para olduğunda doğrudan kontroller yazmaktan iyidir.
• Sistemi yalnızca bugünün değil, sonra gelecek özelliklerin için de tasarla.