Desain dimulai dari momen yang perlu diperjelas oleh produk Anda
Desain UI/UX Web3 menghubungkan apa yang dilakukan produk Anda dengan apa yang perlu dipahami seseorang selanjutnya. Kami memulai dari tugas pengguna, lalu membentuk perjalanan dan antarmuka di sekitarnya.
Bayangkan seorang pemimpin program ambassador membuka dasbor proyek setelah sebulan sepi posting. Mereka ingin melihat apa yang perlu perhatian, tetapi langkah selanjutnya tidak jelas. Kami akan melihat tugas yang ingin mereka selesaikan, memetakan di mana kebingungan dimulai, dan membuat pilihan penting lebih mudah diikuti.
Pendekatan yang sama berlaku untuk dApp, wallet, exchange, atau alur landing page. Kami meninjau produk, pengguna yang dituju, dan materi yang sudah ada. Riset dan tinjauan pesaing membantu kami melihat konteks yang hilang dan langkah yang canggung sebelum layar detail digambar.
Titik awal tergantung pada apa yang sudah diketahui tim Anda. Jika perjalanan sudah jelas, kami dapat fokus pada desain antarmuka dan prototipe. Jika belum, kami dapat memperjelas alurnya terlebih dahulu. Jika pekerjaan juga membutuhkan dukungan visual, kami dapat menghubungkannya dengan desain dan visual Web3.
Bagaimana antarmuka Web3 memandu seseorang melalui aksi wallet?
Alur wallet yang berguna menunjukkan apa yang dapat dilakukan seseorang, apa yang terjadi selanjutnya, dan bagaimana antarmuka merespons. Kami memetakan setiap aksi penting sebelum menyempurnakan layarnya.
Katakanlah pengguna baru sampai pada prompt koneksi wallet dan tidak yakin mengapa itu diperlukan. Kami akan memeriksa informasi apa yang seharusnya ada sebelum prompt dan apa yang dilihat pengguna setelah terhubung. Kami juga akan memetakan di mana alur harus menjelaskan transaksi atau error. Tujuannya adalah membuat keputusan selanjutnya dapat dipahami, bukan menyembunyikan langkah teknis.
Kami sering memetakan 3 momen dalam perjalanan transaksi: koneksi, tinjauan, dan respons. Wireframe memungkinkan tim Anda memeriksa urutan dan redaksi sebelum desain visual dimulai. Prototipe kemudian membuat jalur yang dipilih lebih mudah didiskusikan sebagai pengalaman yang terhubung.
Untuk tinjauan pertama yang berguna, bawa tugas utama, persyaratan saat ini, layar yang sudah ada, dan status wallet atau transaksi yang diketahui. Jika redaksi produk membutuhkan perhatian tersendiri, copywriting Web3 dapat membantu menjaga konsistensi bahasa antarmuka. Pemilik produk harus mengonfirmasi aturan apa pun yang tidak dapat disimpulkan oleh tim desain.
File kerja yang dapat ditinjau oleh tim produk Anda
Anda menerima serangkaian materi desain yang terhubung untuk meninjau perjalanan pengguna dan mempersiapkan implementasi. Kami menyepakati tugas dan layar mana yang akan difokuskan sebelum desain detail dimulai.
Serangkaian pekerjaan umum dapat mencakup:
- Catatan riset dan tinjauan pesaing.
- Alur pengguna dan wireframe untuk tugas prioritas.
- Sistem desain visual dan pustaka komponen.
- Prototipe yang dapat diklik untuk jalur yang dipilih.
- Pengujian kegunaan dan serah terima pengembang di Figma.
Alur dan wireframe menunjukkan bagaimana suatu tugas distrukturkan. Sistem desain dan komponen membantu tim Anda meninjau bahasa visual di seluruh layar. Prototipe yang dapat diklik memudahkan penelusuran perjalanan yang dipilih. Pengujian kegunaan memberi tim kesempatan untuk mengamati di mana orang membutuhkan lebih banyak konteks.
Serah terima akhir mengatur pekerjaan Figma yang disepakati untuk pengembang. Jika identitas produk yang lebih luas masih terbentuk, selaraskan keputusan antarmuka dengan branding untuk proyek crypto sebelum menetapkan arah visual. Tim Anda kemudian dapat meninjau bahasa produk dan desain bersama.
Dari tinjauan pertama hingga serah terima Figma
Pekerjaan bergerak dari konteks produk ke alur, keputusan antarmuka, prototipe, dan serah terima pengembang. Kami menetapkan titik tinjauan sehingga tim Anda dapat merespons sebelum lapisan berikutnya dibangun.
Di Brand Community, kami menggunakan daftar periksa kickoff untuk mengumpulkan audiens, tugas prioritas, file desain yang ada, persyaratan produk, dan pertanyaan yang diketahui. Kemudian kami menyepakati siapa yang dapat menjawab pertanyaan produk dan siapa yang akan meninjau pekerjaan. Dua titik tinjauan dapat membantu menjaga umpan balik tetap jelas: satu untuk alur dan wireframe, dan satu lagi untuk arah visual dan prototipe yang dipilih.
| Tahap | Apa yang ditinjau tim Anda |
|---|---|
| Tinjauan produk | Pengguna, tugas prioritas, dan persyaratan yang ada |
| Alur dan wireframe | Urutan tugas, struktur layar, dan informasi utama |
| Antarmuka dan prototipe | Arah visual dan jalur pengguna yang dipilih |
| Serah terima Figma | File desain yang terorganisir untuk implementasi |
Waktu pengerjaan mengikuti jumlah dan kompleksitas perjalanan, materi yang sudah tersedia, dan seberapa cepat keputusan kembali. Pekerjaan juga dapat terhubung dengan pembuatan konten crypto atau tim media sosial dan konten yang lebih luas melalui bahasa produk bersama.
Bawa keputusan produk yang membentuk antarmuka
Tinjauan desain paling berguna ketika tim Anda dapat menjelaskan pengguna, tugas, dan aturan produk di baliknya. Kami dapat membuat pertanyaan yang belum terjawab terlihat dalam alur, tetapi kami tidak boleh mengisinya dengan menebak.
Prototipe Figma dapat menunjukkan status wallet dan transaksi yang dimaksud, tetapi tidak dapat menentukan apa yang ditampilkan oleh wallet yang terhubung. Ia juga tidak dapat menentukan apakah transaksi jaringan selesai. Perilaku tersebut dan aturan produk di baliknya tetap berada di tangan platform dan tim produk Anda.
Untuk memulai tinjauan pertama, siapkan 3 hal ini:
- Gambaran produk singkat dan orang yang Anda harapkan akan menggunakannya.
- Satu perjalanan yang paling penting, plus file Figma atau persyaratan saat ini.
- Satu orang yang dapat mengonfirmasi keputusan produk dan mengumpulkan umpan balik.
Anda tidak perlu brief yang sempurna. Kirimkan apa yang Anda miliki, termasuk layar atau pertanyaan yang terasa belum terselesaikan. Kami akan meninjau materi dengan Anda, menyepakati perjalanan pertama dan titik tinjauan, serta memetakan rute yang jelas menuju prototipe dan serah terima Figma.
Cara kerja
- Bagikan gambaran produkKirimkan gambaran produk, pengguna yang dituju, tugas prioritas, dan file desain atau persyaratan yang ada.
- Sepakati apa yang akan ditinjauKami mengonfirmasi perjalanan mana yang akan difokuskan, siapa yang dapat menjawab pertanyaan produk, dan kapan tim Anda akan meninjau keputusan.
- Petakan tugas penggunaKami menyiapkan alur dan wireframe yang disepakati sehingga tim Anda dapat memeriksa struktur sebelum desain antarmuka.
- Desain dan uji jalur yang dipilihKami membuat sistem visual dan layar, membangun prototipe yang dapat diklik, dan melakukan pengujian kegunaan sesuai kesepakatan.
- Siapkan serah terima FigmaKami mengatur file desain yang disetujui untuk pengembang dan memandu tim Anda melalui pilihan antarmuka yang relevan.
Pertanyaan umum
Apa yang dapat saya bagikan jika brief desain kami masih kasar?
Mulailah dengan deskripsi produk singkat, pengguna yang dituju, dan tugas yang ingin Anda permudah. File Figma yang ada, persyaratan, atau daftar pertanyaan terbuka juga membantu. Misalnya, satu layar saat ini pun dapat memberi kami tempat yang berguna untuk memulai tinjauan pertama.
Bisakah Anda fokus hanya pada satu perjalanan dApp atau wallet?
Ya. Kami dapat menyepakati untuk fokus pada satu perjalanan prioritas, seperti koneksi wallet atau tinjauan transaksi. Kami akan memeriksa terlebih dahulu apa yang perlu dicakup perjalanan tersebut, lalu menyepakati alur, layar, dan pekerjaan prototipe mana yang termasuk dalam rencana.
Apakah pengembang kami dapat menggunakan serah terima Figma?
Layanan ini mencakup serah terima pengembang di Figma untuk pekerjaan desain yang disepakati. Kami mengatur file yang disetujui dan memandu tim Anda melalui keputusan antarmuka yang relevan. Bagikan pengaturan desain atau kebutuhan implementasi yang ada sejak awal, sehingga kami dapat mempertimbangkannya selama perencanaan.
Bisakah Anda meningkatkan antarmuka produk yang ada tanpa mengubah fiturnya?
Ya. Kami dapat meninjau layar saat ini dan fokus pada perjalanan, bahasa, atau status antarmuka yang perlu perhatian. Misalnya, jika aturan produk sudah ditetapkan tetapi pengguna mungkin tidak memahami langkah transaksi, kami dapat menjelaskan langkah tersebut dengan lebih jelas. Kami tidak akan mendefinisikan perilaku produk baru.
Bagaimana Anda menentukan jadwal untuk proyek desain Web3?
Kami menyepakati jadwal setelah meninjau perjalanan, materi yang tersedia, dan kebutuhan tinjauan. Jalur yang lebih kompleks atau keputusan produk yang belum terselesaikan mungkin memerlukan lebih banyak diskusi. Memiliki satu pengambil keputusan produk yang tersedia dapat membantu umpan balik tetap jelas di setiap titik pemeriksaan.
Bisakah prototipe menjanjikan apa yang terjadi dalam transaksi wallet langsung?
Tidak. Prototipe menunjukkan status antarmuka yang telah dirancang tim. Ia tidak mengontrol tampilan wallet, kondisi jaringan, hasil transaksi, atau keputusan seseorang untuk melanjutkan. Kami dapat menguji apakah prototipe yang disepakati mengomunikasikan jalur dengan jelas dan menyerahkan desain untuk implementasi.
Ceritakan proyek Anda
Jawab empat pertanyaan singkat, manajer akan kirim rencana, waktu, dan kisaran harga dalam satu jam. Semua rahasia.
Memuat formulir…