Ferry Works
KaryaProsesTentangRésuméKontak
Senior Product DesignerVisual Designer7+ TAHUN · UI/UX · WEB3
Semua proyekStudi kasus

Nanovest Limit Order

Beli saham AS di harga yang ditentukan sendiri, bukan harga yang diberikan pasar tepat saat kebetulan sedang dilihat.

Kunjungi nanovest.io
Klien
Nanovest
Sektor
Fintech · Saham AS
Peran
Senior Product Designer
Tim
1 desain · 3 eng
Periode
2024
Permukaan
Aplikasi mobile · iOS & Android
US Stocks Limit Order: layar detail saham Apple di sebelah ringkasan limit buy pada harga Rp90.000

Ringkasan

01 · Brief-nya

Saham AS di Nanovest hanya bisa dibeli di harga pasar: beli berarti sekarang juga, di angka apa pun yang sedang tertera. Limit order membiarkan seseorang menentukan harganya sendiri lalu pergi, sehingga order itu terisi belakangan, di angka itu atau lebih baik, tanpa perlu menunggui layar.

Limit Buy AAPL ditampilkan di dua ponsel — mengatur harga limit dan meninjau ringkasan order

Cakupan

Yang saya kerjakan

  1. 01Wawancara stakeholder
  2. 02Bedah kompetitor
  3. 03Taksonomi jenis order
  4. 04User flow
  5. 05Wireframe
  6. 06Desain antarmuka
  7. 07Copy harga & biaya
  8. 08Konfirmasi & error state
  9. 09Prototyping
  10. 10Design QA

Masalah

02 · Titik rusaknya

Setiap order adalah taruhan pada detik ia ditekan.

Layar order hanya punya dua tombol, Buy dan Sell, keduanya order pasar. Sebuah transaksi terisi di harga apa pun yang sedang tertera saat itu, jadi siapa pun yang punya angka di kepala (beli di bawah Rp90.000, bukan sebelum itu) harus membuka aplikasi dan menekan beli tepat waktu sendiri, atau kehilangan harganya sama sekali.

Bursa AS buka saat Jakarta tidur, dan itu mengubahnya jadi biaya yang nyata, bukan sekadar andai-andai. Support terus menerima permintaan yang sama dengan kata-kata berbeda: harga target, dan cara meninggalkan sebuah order lalu kembali menemukannya terisi, dibatalkan, atau masih menunggu.

Struktur

03 · Proses

Di mana order tinggal, dan langkah paling sedikit untuk memasangnya.

Saya membandingkan bagaimana Robinhood, Pluang, Gotrade, Revolut, dan beberapa aplikasi investasi lain menyusun limit order, lalu memetakan alur Nanovest sendiri terhadap mereka. Kebanyakan dari mereka memulai order dari halaman saham itu sendiri, tempat keputusan dibuat, jadi saya melakukan hal yang sama: satu ketukan pada Buy membuka alur limit order. Dari sana alurnya berjalan dalam enam langkah: harga, jumlah lembar, tinjauan, PIN, processing, lalu konfirmasi terjadwal.

Arsitektur informasi menentukan layar mana yang memegang apa: harga, uang, atau status. Setiap informasi ditanyakan sekali dan ditampilkan di tempat yang relevan, sehingga tidak ada yang ditanyakan dua kali. Di tempat aplikasi lain menaruh beberapa kolom dalam satu layar, saya memberi setiap langkah satu tugas.

User flow-nya mengikuti satu pertanyaan: apa yang terjadi pada uang saya selama saya menunggu? Jadi layar tinjauan menampilkan harga limit, biaya, dan total sebelum PIN, dan konfirmasi menyatakan dengan jelas bahwa saldo sudah dipotong dan akan dikembalikan kalau order dibatalkan atau tidak pernah terisi. Membatalkan tetap berjarak satu ketukan dari layar yang sama.

Saya juga memetakan jalur yang tidak mulus: saldo tidak cukup, PIN salah, order dibatalkan. Memutuskan apa yang terjadi di momen-momen itu selagi struktur masih murah untuk diubah berarti desain visual bisa dimulai dengan kasus tepi yang sudah beres.

Riset

04 · Proses

Limit order adalah janji soal harga, jadi saya mulai dari sana.

Saya membandingkan alur limit order di Robinhood, Pluang, Gotrade, Revolut, dan segelintir aplikasi investasi lain, lalu menelusuri alur market order Nanovest sendiri layar demi layar. Untuk masing-masing saya mengajukan tiga pertanyaan yang sama: di mana harga ditentukan, apa yang dilihat orang sebelum berkomitmen, dan apa yang terjadi pada uangnya selama order menunggu? Menahan setiap aplikasi pada tiga pertanyaan itu membuat layar yang sangat berbeda mudah disejajarkan.

Yang menonjol adalah betapa penuhnya langkah harga. Beberapa aplikasi menaruh jenis order, harga limit, jumlah lembar, dan masa berlaku di satu layar, lalu membiarkan kita menghitung sendiri seberapa jauh harga kita dari pasar. Celahnya bukan kolom form tambahan. Celahnya adalah cara menyebut harga tanpa menghitung di kepala, dengan harga hari ini selalu terlihat.

Jadi harga menjadi satu-satunya isi layarnya, dengan pilihan cepat -2% sampai -10% di bawah harga hari ini. Semua yang lain dipindahkan ke langkah sesudahnya: jumlah lembar dulu, lalu biaya, masa berlaku, dan total di langkah tinjauan sebelum PIN. Urutan itu saya sketsa dulu sebagai wireframe fidelitas rendah, untuk menguji urutan langkahnya sebelum menghabiskan waktu di desain visual.

Empat wireframe ponsel fidelitas rendah: intro yang menjelaskan limit buy order, input harga limit dengan pilihan cepat, input jumlah lembar dengan total berjalan, dan tinjauan order yang berakhir di tombol Confirm

Pendekatan

05 · Cara kerjanya

Tentukan harga, pergi, kembali ke keputusan yang sudah dibuat.

Limit Buy duduk satu ketuk dari layar detail saham itu sendiri, di balik tombol Buy, sehingga terbaca sebagai cara lain membeli saham yang sedang dilihat, bukan fitur terpisah yang disimpan di tempat lain.

Kolom harga terbuka dengan jangkar di harga hari ini, dengan empat pilihan cepat, -2%, -3%, -5%, -10%, di atas keypad, karena kebanyakan limit order adalah potongan dari angka saat ini, bukan angka yang diketik dari ingatan.

Otorisasi PIN dan layar processing, dua langkah yang sama seperti transaksi lain di aplikasi ini, membuat order terjadwal tetap terasa seperti pembelian, bukan risiko jenis baru. Semuanya berhenti di satu status, Scheduled, lengkap dengan total biaya, jumlah lembar, dan satu kalimat yang menyatakan saldo sudah dipotong dan akan dikembalikan otomatis kalau order itu tidak pernah terisi.

Layar

06 · Empat dari lima kondisi

Hasil

07 · Setelah rilis

3 ketukDari detail saham ke order terjadwal
38%Order saham AS yang dipasang sebagai limit
−24%Pertanyaan harga terlewat ke support
1 layarTempat status satu order berada

Angka sementara. Diganti setelah tinjauan pasca-rilis selesai.

Deliverable

Yang diserahkan ke tim

Next caseNanovest Foreign StocksFintech · MobileNanovest Foreign Stocks