Sebelum peluncuran: merencanakan desain UI/UX untuk produk Web3

Apa saja yang termasuk dalam percakapan desain privat?

Percakapan pertama yang berguna menetapkan produk, penggunanya, dan perjalanan yang paling penting. Anda tidak memerlukan spesifikasi yang lengkap; penjelasan yang jelas tentang tugas pengguna memberi kami tempat yang praktis untuk memulai.

Seorang kontak bernama dari Premium Promotions mengoordinasikan diskusi dan menjaga materi kerja tetap rahasia. Sebelum pekerjaan antarmuka dimulai, kami memastikan siapa yang dapat melihat file, siapa yang menggabungkan umpan balik, dan keputusan mana yang memerlukan persetujuan tertulis Anda. Tidak ada yang dibagikan di luar kelompok proyek yang disepakati tanpa persetujuan Anda.

Catatan persiapan singkat dapat mencakup:

• Deskripsi produk dan pengguna yang dituju.
• Tindakan utama yang harus dapat diselesaikan pengguna.
• Layar, prototipe, atau produk staging yang sudah ada, jika tersedia.
• Kendala teknis dan orang yang bertanggung jawab atas persetujuan.

Ini cukup untuk membedakan satu perjalanan dari sistem antarmuka yang lebih luas. Jika produk sudah memiliki identitas visual, kami dapat bekerja di dalamnya. Desain dan visual terkait dapat dipertimbangkan bersama antarmuka, namun tetap menjadi keputusan terpisah.

File kerja privat, dengan keputusan tetap terlihat

File kerja memberi rekan produk, desain, dan teknik tempat untuk memeriksa perjalanan yang sama. File ini mengumpulkan catatan riset, alur pengguna, wireframe, dan status antarmuka saat desain mulai terbentuk.

Kami menyimpan draf awal dalam kelompok proyek yang disepakati. Anda melihat arah yang diusulkan sebelum dianggap disetujui; persetujuan tertulis mencatat keputusan yang harus memandu tahap selanjutnya. File juga dapat mencatat pertanyaan terbuka untuk pimpinan produk atau teknik Anda, sehingga ketidakpastian terlihat, bukan tersembunyi di balik layar yang dipoles.

Peninjauan dapat mencakup:

• Riset pengguna dan tinjauan pesaing untuk memahami konteks.
• Alur yang menunjukkan keputusan, cabang, dan jalur kembali.
• Wireframe yang menetapkan struktur sebelum penyempurnaan visual.
• Komponen antarmuka dan catatan untuk perjalanan pengguna yang disepakati.
• Prototipe yang dapat diklik untuk penelusuran.

Tim Anda dapat meninjau setiap bagian dalam konteks, bukan menerima tumpukan layar yang tidak dijelaskan. Untuk bahasa pendukung, copywriting Web3 dapat ditempatkan di samping pekerjaan antarmuka. Kontak bernama menjaga koordinasi itu tetap rahasia dan mengembalikan keputusan ke peninjau yang tepat.

Perjalanan wallet dan transaksi, dipertimbangkan dalam konteks

Perjalanan Web3 perlu membuat tindakan selanjutnya dan maknanya dapat dipahami sebelum pengguna melanjutkan. Kami memetakan urutannya terlebih dahulu, lalu menunjukkan bagaimana antarmuka merespons di setiap titik yang relevan.

Untuk koneksi wallet, desain dapat menjelaskan mengapa koneksi diminta dan apa yang terjadi selanjutnya. Untuk transaksi, produk mungkin memerlukan langkah tinjauan yang jelas, status tertunda, pesan penyelesaian, atau jalur pemulihan. Onboarding untuk orang yang baru mengenal kripto mendapat manfaat dari bahasa yang menjelaskan tindakan tanpa menganggap keakraban sebelumnya. Pesan error harus membantu seseorang memahami langkah selanjutnya yang tersedia.

Prototipe yang berguna membuat keputusan terlihat sebelum produk dibangun.

Prototipe adalah alat bantu percakapan yang berfungsi, bukan pengganti implementasi. Kami mengundang peninjau produk dan teknik untuk memeriksa status utama saat perubahan masih mudah didiskusikan. Jika produk juga memerlukan penjelasan publik tentang tujuannya, pembuatan konten Web3 dapat mendukung pekerjaan itu tanpa mengaburkan keputusan antarmuka.

Hasil serah terima Figma, diatur di sekitar perjalanan yang disepakati

Serah terima Figma menghubungkan layar yang disetujui dengan alur dan komponen di belakangnya. Kami menyepakati hasil serah terima di sekitar perjalanan yang dipilih, sehingga file tetap berguna bagi orang yang membangun produk.

Isi yang tepat mengikuti lingkup desain yang disetujui. Jika relevan, serah terima dapat menunjukkan koneksi wallet, tindakan tertunda, penyelesaian, dan umpan balik error. Kami mengatur file Figma sehingga pengembang dapat memeriksa bagaimana layar berhubungan, sambil membuat pertanyaan produk yang belum terselesaikan menjadi jelas. Jika tim yang sama menyiapkan komunikasi yang lebih luas, media sosial dan konten dapat dikoordinasikan secara terpisah.

Irama peninjauan yang terstruktur, dengan batasan yang jelas

Irama peninjauan yang terstruktur membantu pendiri dan pimpinan produk membuat keputusan tanpa harus menafsirkan layar yang tidak dijelaskan. Kontak bernama menjaga satu percakapan tetap terbuka, mengumpulkan umpan balik yang terkonsolidasi, dan mencatat perubahan mana yang telah Anda setujui.

Kami biasanya menetapkan 2 gerbang peninjauan: satu untuk perjalanan yang dipetakan dan satu lagi untuk arah visual atau prototipe. Tim Anda dapat mengidentifikasi pengambil keputusan di awal, lalu meninjau perilaku serta tampilan. Waktu disepakati setelah jumlah perjalanan, kebutuhan riset, dan pengaturan peninjauan jelas. Layanan media sosial dan konten dapat dikoordinasikan dengan pekerjaan produk, tetapi tidak mengubah keputusan desain.

Desain dapat mendokumentasikan perilaku produk yang dikendalikan tim Anda, tetapi tidak dapat menentukan bagaimana wallet eksternal menampilkan konfirmasi atau bagaimana kondisi jaringan memengaruhi waktu dan biaya transaksi. Kami menandai ketergantungan tersebut untuk validasi teknik, bukan memperlakukannya sebagai perilaku antarmuka yang tetap.

Catatan pertama dan tiga keputusan berikutnya

Catatan singkat tentang perjalanan yang ingin Anda tingkatkan adalah awal yang memadai. Setelah mendengar dari Anda, kontak bernama menyiapkan peta perjalanan pertama, dengan pengguna yang dituju, tindakan utama, dan kendala yang diketahui dikumpulkan di satu tempat.

Pertukaran awal kemudian menetapkan tiga keputusan:

1. Perjalanan awal: di mana pengguna memulai dan apa yang perlu mereka selesaikan.
2. Lingkaran peninjauan: siapa yang dapat memeriksa draf dan memberikan umpan balik yang terkonsolidasi.
3. Hasil serah terima pertama: apakah pekerjaan harus dimulai dengan riset, alur, prototipe, atau sistem antarmuka yang lebih luas.

Urutan itu menjaga diskusi awal tetap rahasia dan praktis. Anda tetap memiliki hak persetujuan atas arah sebelum draf antarmuka dilanjutkan. Jika materi merek atau layar yang sudah ada tersedia, kontak dapat memasukkannya ke dalam peta awal; jika tidak, percakapan dapat menetapkan apa yang masih diperlukan. Catatan singkat yang menyebutkan perjalanan dipersilakan, dan kontak bernama Anda akan menyiapkan peta pertama itu untuk diskusi privat.

Cara kerja

1. Bagikan konteks produkJelaskan produk, penggunanya, dan perjalanan yang dipertimbangkan. Layar yang sudah ada dan kendala teknis yang diketahui dapat membantu mengatur konteks.
2. Setujui lingkup desainKontak bernama menjelaskan perjalanan, peninjau, dan hasil serah terima mana yang termasuk dalam pekerjaan. Anda menyetujui arah sebelum draf antarmuka dilanjutkan.
3. Petakan dan buat prototipe perjalananKami mengembangkan alur, wireframe, dan desain visual, lalu menghubungkan layar yang disepakati dalam prototipe Figma yang dapat diklik.
4. Tinjau dan serah terimaTim Anda memeriksa status utama, memberikan umpan balik yang terkonsolidasi, dan menerima file Figma yang disepakati dengan catatan implementasi.