3 pemeriksaan dicatat sebelum layar Figma pertama
Sebelum memesan pekerjaan desain, kami mencatat 3 pemeriksaan: tugas pengguna, interaksi wallet, dan kebutuhan serah terima pengembang. Tinjauan awal itu membantu kami menemukan keputusan produk yang hilang sebelum menyebar ke seluruh layar.
Pemeriksaan juga menentukan apa yang kami periksa dan tunjukkan dalam catatan desain akhir. Kami menghubungkan setiap pengamatan ke alur, wireframe, prototipe, atau pertanyaan terbuka. Anda dapat melihat apa yang siap ditinjau dan apa yang masih membutuhkan masukan tim Anda.
| Area pemeriksaan | Apa yang kami tinjau | Apa yang Anda kirim |
|---|---|---|
| Tugas pengguna | Tindakan utama dan kemungkinan jalur alternatif | Ringkasan produk dan pengguna target |
| Alur wallet | Status koneksi, transaksi, gas, dan error | Skenario wallet dan transaksi yang diketahui |
| Antarmuka saat ini | Layar, riset, dan titik hambatan | Tautan Figma, prototipe, atau panduan produk |
| Serah terima pengembangan | Komponen, status layar, dan keputusan terbuka | Konteks pengembangan dan kontak peninjau |
Ini cocok untuk dApp baru, wallet, bursa, atau alur arahan. Ini juga berfungsi ketika Anda ingin meningkatkan satu tugas yang ada tanpa mengganti seluruh antarmuka. Untuk pekerjaan kreatif terkait, lihat desain dan visual.
Bagaimana cara membuat tindakan wallet dapat dipahami oleh pengguna?
2 kelompok pengguna membentuk alur: orang yang baru mengenal kripto dan orang yang sudah tahu tindakan wallet. Kami membuat langkah selanjutnya jelas bagi keduanya.
Setiap interaksi wallet mendapat tempat dalam alur, dari koneksi hingga umpan balik transaksi. Wireframe menunjukkan apa yang dilihat pengguna sebelum melanjutkan. Prototipe kemudian menghubungkan interaksi yang disepakati untuk ditinjau.
Kami mendokumentasikan status yang perlu dijelaskan oleh produk Anda:
- Koneksi: tindakan pengguna dan apa yang dikonfirmasi antarmuka.
- Transaksi: informasi yang ditampilkan sebelum pengguna mengonfirmasi.
- Progres: apa yang dikomunikasikan antarmuka saat tindakan sedang berlangsung.
- Penyelesaian: bagaimana pengguna dapat mengetahui bahwa tindakan telah selesai.
- Error: apa yang terjadi dan apa yang dapat dilakukan pengguna selanjutnya.
- Gas: jika relevan, bagaimana antarmuka menyajikan informasi gas.
Bawalah persyaratan yang diketahui dari produk dan teknik. Jika suatu interaksi belum dikonfirmasi, kami menandainya sebagai keputusan terbuka. Kami tidak menyajikan asumsi sebagai perilaku yang pasti. Untuk redaksi yang dihadapi pengguna di seluruh alur, copywriting Web3 dapat mendukung antarmuka.
7 bagian yang dapat dihubungkan oleh serah terima Figma Anda
7 bagian dapat bergabung dalam satu serah terima Figma, tergantung pada kebutuhan produk Anda. Tim Anda dapat meninjau alur yang dimaksud dan melihat bagaimana layar terhubung ke pola yang dapat digunakan kembali.
- Catatan riset: kebutuhan pengguna dan pertanyaan produk yang dipertimbangkan.
- Tinjauan pesaing: pengamatan antarmuka dari referensi yang diberikan.
- Alur pengguna: tugas utama, keputusan, dan jalur alternatif.
- Wireframe: struktur dan hierarki layar sebelum penyempurnaan visual.
- Sistem visual: arah desain yang diterapkan di seluruh antarmuka.
- Pustaka komponen: elemen yang dapat digunakan kembali untuk layar yang konsisten.
- Prototipe yang dapat diklik dan catatan pengujian: interaksi yang terhubung dan temuan kegunaan.
Kami mengatur layar dan komponen dalam konteks. Selama serah terima, kami menjelaskan maksud interaksi dan pertanyaan terbuka. Pengembang dapat meninjau lebih dari sekadar gambar statis. Pimpinan produk dapat memeriksa keputusan di balik antarmuka.
Jika arah visual membutuhkan definisi yang lebih luas, lihat branding untuk proyek kripto. Untuk redaksi produk, pembuatan konten kripto dapat mendukung antarmuka.
5 langkah dari pesan pertama hingga catatan desain akhir
5 langkah membawa pekerjaan dari konteks produk ke prototipe yang dapat ditinjau dan serah terima pengembang. Kami mengonfirmasi pekerjaan yang termasuk, titik tinjauan, dan jadwal sebelum desain dimulai.
- Kirim konteks produk. Bagikan produk, pengguna target, tugas utama, layar yang ada, dan kendala yang diketahui.
- Tinjau materi. Kami memeriksa riset yang diberikan, referensi pesaing, dan layar saat ini. Kami menandai pertanyaan yang memengaruhi alur pengguna.
- Petakan dan buat wireframe. Kami menghubungkan jalur utama dan status alternatif penting. Wireframe menetapkan struktur sebelum penyempurnaan visual.
- Desain dan buat prototipe. Kami membuat sistem visual dan layar antarmuka. Kemudian kami menghubungkan interaksi yang disepakati dalam prototipe yang dapat diklik.
- Uji dan serah terima. Kami menjalankan pengujian kegunaan dalam lingkup pekerjaan yang disepakati. Kami menggabungkan temuan yang relevan dan mengatur file Figma untuk pengembang.
Pilih satu orang untuk mengumpulkan umpan balik dan menyelesaikan pertanyaan produk. Tinjauan tetap terfokus, dan kami dapat memisahkan perubahan yang diperlukan dari preferensi. Untuk dukungan sosial dan konten yang lebih luas, jelajahi media sosial dan konten.
Apa yang dapat dikonfirmasi oleh prototipe Web3?
3 masukan membantu kami menetapkan titik awal yang berguna: pengguna, tugas, dan materi produk saat ini. Kami dapat memulai dengan deskripsi produk singkat. Layar atau riset membantu, tetapi tidak diperlukan untuk memulai.
Prototipe menunjukkan interaksi antarmuka yang disepakati dan mendukung tinjauan kegunaan. Ini tidak memvalidasi integrasi wallet yang mendasarinya, respons jaringan, atau perilaku kontrak pintar. Wallet, jaringan, dan kontrak yang terhubung mengontrol perintah dan respons mereka sendiri. Perilaku dapat bervariasi. Kami mendesain status yang disepakati dan menandai apa pun yang membutuhkan konfirmasi teknis.
Sebelum mengirim permintaan Anda, kumpulkan apa yang Anda miliki:
- Ringkasan produk dan pengguna yang dituju.
- Tugas utama pengguna dan titik hambatan yang diketahui.
- Layar yang ada, tautan Figma, riset, atau panduan.
- Skenario wallet, transaksi, gas, dan error yang perlu diperhitungkan.
- Konteks pengembangan dan orang yang akan meninjau file.
Kirim materi tersebut melalui kontak. Kami akan meninjau tugas dan mencatat keputusan terbuka. Anda mendapatkan penawaran tertulis dalam 2 hari kerja. Kirim: ringkasan produk, pengguna target, dan alur utama yang ingin Anda desain.
Cara kerja
- Kirim konteks produkBagikan produk, pengguna target, tugas utama, layar yang ada, dan kendala yang diketahui. Sebutkan orang yang akan meninjau keputusan desain.
- Konfirmasi pekerjaan dan jadwalKami menyepakati alur, bagian desain, dan titik tinjauan yang termasuk sebelum pekerjaan dimulai.
- Petakan alur dan wireframeKami meninjau materi yang tersedia, memetakan jalur dan status utama, serta menetapkan struktur layar.
- Desain dan buat prototipeKami membuat sistem visual dan layar, lalu menghubungkan interaksi yang disepakati di Figma.
- Uji dan serah terimaKami menjalankan pengujian kegunaan dalam lingkup pekerjaan yang disepakati, menangani temuan yang relevan, dan mengatur file Figma untuk pengembang.
Pertanyaan umum
Apa yang harus saya kirim sebelum meminta desain antarmuka Web3?
3 masukan sudah cukup untuk memulai: ringkasan produk, pengguna target Anda, dan tugas utama yang harus didukung antarmuka. Layar yang ada, riset, dan persyaratan wallet membantu kami meninjau pekerjaan dengan lebih tepat. Jika produk masih awal, kirimkan apa yang Anda ketahui dan tandai keputusan yang masih terbuka.
Bisakah Anda mendesain ulang satu alur dApp tanpa mengganti setiap layar?
1 alur yang ditentukan dapat menjadi fokus. Kami meninjau antarmuka saat ini, tugas yang perlu diselesaikan pengguna, dan layar yang terhubung. Desain yang ada, umpan balik produk, atau panduan membantu kami mengidentifikasi apa yang perlu dipertahankan dan apa yang membutuhkan jalur yang lebih jelas.
Apa yang menentukan penawaran untuk desain produk Web3?
3 faktor membentuk penawaran: kebutuhan riset, ditambah alur dan layar yang termasuk. Kami juga mempertimbangkan apakah pembuatan prototipe, pengujian, dan serah terima pengembang diperlukan. Anda mendapatkan penawaran tertulis tetap dalam 2 hari kerja setelah kami meninjau materi Anda. Penawaran disepakati sebelum pekerjaan dimulai.
Apa yang menentukan jadwal untuk proyek antarmuka dApp?
3 hal membentuk jadwal: jumlah alur dan kondisi materi produk Anda. Kecepatan tinjauan tim Anda juga memengaruhi jadwal. Kami mengonfirmasi jadwal kerja dengan bagian desain dan titik tinjauan yang termasuk sebelum pekerjaan dimulai.
Apakah prototipe Figma terhubung ke wallet langsung?
1 prototipe yang dapat diklik dapat menunjukkan interaksi antarmuka yang disepakati, tetapi ini bukan integrasi wallet langsung. Kami mewakili status koneksi, transaksi, gas, dan error yang perlu ditinjau tim Anda. Pengembang Anda memvalidasi integrasi aktual secara terpisah.
Bisakah satu prototipe membuktikan perilaku transaksi yang sama di seluruh wallet?
Tidak ada satu prototipe pun yang dapat menetapkan perilaku yang identik di seluruh wallet, jaringan, dan kontrak pintar. Sistem tersebut mengontrol perintah dan respons mereka sendiri. Kami mendesain status yang disepakati dan menguji pengalaman yang disajikan kepada pengguna. Tim teknis Anda memvalidasi integrasi dan skenario yang didukung.
Ceritakan proyek Anda
Jawab empat pertanyaan singkat, manajer akan kirim rencana, waktu, dan kisaran harga dalam satu jam. Semua rahasia.
Memuat formulir…