Artikel berikut didedikasikan untuk prototyping di Figma. Hari ini, Anda akan belajar bagaimana cara membuat komponen interaktif, mengatur desain Anda, dan membagikan prototipe Anda. Teruslah membaca untuk mempelajari lebih lanjut.
Prototipe antarmuka interaktif memungkinkan Anda untuk memetakan jalur perjalanan pengguna melalui aplikasi Anda. Anda dapat menggunakannya untuk penelitian guna mengetahui bagaimana pengguna berinteraksi dengan antarmuka Anda. Ini disebut pengujian kegunaan, dan ini membantu Anda menemukan masalah yang mungkin dihadapi pengguna.
Pengujian kegunaan di tahap awal pengembangan aplikasi membantu meminimalkan kerugian yang mungkin ditanggung perusahaan dengan meluncurkan aplikasi yang belum diuji ke pasar. Terkadang ide yang tampak hebat bagi desainer ternyata tidak intuitif bagi pengguna.
Anda dapat membuat prototipe di tab Prototype di Panel Properti.
Ketika Anda tidak memilih lapisan apa pun, Anda akan melihat pengaturan untuk prototipe di tab Prototype.
Tip berguna: Titik awal alur akan dibuat secara otomatis ketika Anda menambahkan koneksi pertama Anda antara dua bingkai.
Alur adalah jaringan bingkai dan koneksi dalam satu halaman. Anda dapat membuat beberapa alur terpisah, seperti alur untuk membuat akun, alur lain untuk melihat produk atau menyelesaikan transaksi.
Untuk membuat koneksi, Anda harus memiliki tab Prototyping aktif, kemudian pilih bingkai atau objek dalam bingkai dan gunakan node melingkar untuk menyeret koneksi ke bingkai lain.
Anda dapat menyesuaikan pengaturan koneksi yang ditambahkan di bagian Interaksi dari Panel Properti, setelah mengklik objek yang terhubung. Anda dapat menentukan jenis interaksi.
Setelah Anda mengklik interaksi tertentu, Anda memiliki akses ke pengaturan tambahan.
a) Detail interaksi – menentukan jenis interaksi (Saat diketuk, Saat diseret, Saat melayang, Saat menekan) dan apa yang harus dilakukan interaksi tersebut (Navigasi ke, Ubah ke).
b) Animasi – di sini Anda dapat menentukan bagaimana elemen harus berperilaku setelah interaksi.
Untuk menghapus koneksi, klik dan seret di kedua ujungnya.
Untuk membagikan prototipe, Anda harus terlebih dahulu melihatnya dengan tombol Present. Di pratinjau prototipe, tombol Bagikan prototipe di Toolbar akan tersedia.
Ketika Anda mengklik tombol Bagikan prototipe, sebuah jendela terbuka di mana Anda dapat mengatur tingkat akses (Dapat melihat, Dapat mengedit) dan menentukan siapa yang dapat membuka file (Siapa saja dengan tautan, Hanya orang yang diundang ke file ini).
Tugas 7. Tambahkan koneksi antara layar Anda.
Setelah menambahkan koneksi, Anda dapat melihatnya dengan tombol Present dan memeriksa bagaimana prototipe Anda bekerja.
Anda baru saja mempelajari lebih banyak tentang prototyping di Figma. Sumber daya lainnya: Apa itu penelitian UX?
Jika Anda menyukai konten kami, bergabunglah dengan komunitas sibuk kami di Facebook, Twitter, LinkedIn, Instagram, YouTube, Pinterest.
Seorang Desainer grafis & UX yang menyampaikan dalam desain apa yang tidak dapat disampaikan dengan kata-kata. Baginya, setiap warna, garis, atau font yang digunakan memiliki makna. Bersemangat dalam desain grafis dan web.
Seorang majikan yang baik menyadari bahwa pencapaian kinerja dan hasil yang diharapkan dari karyawan mereka…
Setiap generasi memiliki sifat dan nilai tertentu yang membentuk karakter uniknya. Sebagian, ini disebabkan oleh…
Merupakan mimpi buruk bagi banyak calon pengusaha mendengar bahwa ide startup mereka sudah ada. Sayangnya,…
Setiap pengusaha mengharapkan bisnis mereka tumbuh sebaik mungkin, memberikan imbal hasil finansial yang diharapkan, membangun…
Ada banyak bentuk pembiayaan startup di pasar. Mendukung ide-ide inovatif oleh angel investor semakin populer.…
Tidak ada penjelasan yang diterima secara umum untuk desain UX. Bidang ini sedang berkembang secara…