Mengenal Marvel App untuk Ciptakan Prototipe Produk yang Simpel

Last Updated on April 6, 2022 by

Marvel App adalah sebuah aplikasi yang memungkinkan Anda untuk mendesain dan membuat prototipe aplikasi Anda sendiri tanpa membutuhkan coding. Aplikasi ini adalah aplikasi berbasis browser, yang mana Anda hanya dapat mengerjakan prototipe Anda sendiri secara online menggunakan browser kesayangan Anda.

Anda dapat menggunakan Marvel untuk berkolaborasi dengan mudah dalam pembuatan prototipe bersama kolega atau tim. Dengan Marvel, Anda dapat membuat prototipe serta mendemonstrasikan ide-ide Anda pada sejumlah platform berbeda.

Kemudian, melalui Marvel Anda dapat membagikan dengan pengembang, desainer, stakeholder, atau bahkan pelanggan Anda sendiri terkait dengan desain maupun prototipe Anda. Fitur-fitur yang dimiliki oleh aplikasi Marvel pun memudahkan Anda dalam menyelesaikan prototipe yang Anda buat dengan sangat menarik dan mudah.

Marvel merupakan aplikasi untuk membuat prototipe yang mana Anda tak perlu menulis satu pun code di dalamnya. Marvel pun cocok digunakan oleh Anda yang kurang memahami coding namun bagus dalam bidang desain dan ingin membuat sebuah aplikasi.

Aplikasi Marvel memiliki 2 versi yaitu dalam versi desktop dan mobile. Tidak hanya membuat prototipe, Anda juga dapat membuat desain dan wireframe dari suatu aplikasi. Dengan Marvel, Anda dapat langsung melakukan User Testing hasil desain Anda.

Fitur-Fitur pada Marvel App

Bebebrapa fitur yang dimiliki oleh aplikasi Marvel adalah:

1. Sketch Plugin, fitur yang memungkinkan Anda untuk menggunakan Marvel dengan Sketch.
2. Work with Slack, fitur yang memungkinkan Anda berkomunikasi dengan team Anda melalui Slack.
3. Integrates with Box, fitur yang memungkinkan Anda untuk menyimpan dan mengambil file dengan Box.
4. Allow Comments, fitur yang memungkinkan contributor untuk memberi atau meninggalkan komentar.
5. Has User Roles, fitur yang memungkinkan Anda menentukan apa yang tim bisa lakukan.
6. Organize Project with Folders, fitur yang memungkinkan Anda mengorganisasikan file.
7. Uses Layers, fitur yang memungkinkan Anda menambahkan elemen interaktif pada desain Anda.
8. Has Timers, fitur yang memungkinkan Anda untuk memindahkan antara layar secara otomatis.
9. Works with Google Drive, fitur yang memungkinkan Anda untuk mengsinkronisasi desain dengan Google.
10. Embed Video, fitur yang memungkinkan Anda menambahkan video dari Youtubem Vimeo, SoundCloud, bahkan dari Spotify.

Kelebihan Marvel App

Marvel memiliki beberapa kelebihan di antaranya:

1. Menyediakan plugin di Sketch yang memungkinan Anda mengimpor desain Anda ke Marvel.
2. Menyediakan template ukuran, komponen, warna, dan ikon yang dapat Anda gunakan pada setiap prototipe.
3. Anda dapat menambahkan elemen di atas layar dengan fitur layer yang tersedia. Beberapa elemen yang dapat Anda tambahkan dengan fitur ini adalah sidebar, model, dan halaman.
4. Anda dapat melakukan pembuatan desain prototi[e di semua platform seperti komputer atau PC, ponsel, atau tab.
5. Anda dapat mengedit prototipe dengan tautan yang sama saat dibagikan kepda pengguna lainnya.
6. Memudahkan Anda dalam manajemen protipe karena bisa dibuat folder khusus untuk setiap proyek.
7. Anda juga dimudahkan dalam mengunggah atau menambahkan gambar ke Marvel.
8. Anda dapat menambahkan gerakan pada gambar untuk transisi.
9. Marvel mendukung fitur import untuk berbagai jenis gambar seperti JPG, PSD, bahkan GIF.
10. Marvel mendukung layanan pihak ketiga berbasis cloud, seperti Dropbox, Sketsa, dan Google Drive.
11. Adanya fitur screen transition untuk menambahkan pergantian tampilan pada prototipe buatan Anda.
12. Fitur action, untuk menambahkan gerakan (motion) pada desain Anda untuk berpindah menu.

 Kekurangan Marvel App

1. Fitur yang dimiliki masih kurang lengkap untuk membuat suatu prototipe aplikasi.
2. Desain pembuatan web yang ada pada Marvel hanya menyediakan desain yang sederhana dengan bentuk-bentuk yang sederhana pula seperti persegi, lingkaran, dan segitiga. Selain itu pengguna tidak dapat mengatur curve untuk menjadikan desain lebih menarik.
3. Tidak ada fitur edit seperti source code.
4. Template default yang ada bagi beberapa pengguna mungkin kurang menarik.
5. Membutuhlan sebuah jaringan untuk membuat dan menyimpan desain.

Membuat Prototipe Aplikasi Anda Sendiri dengan Marvel App

Setelah memahami fitur-fitur serta kelebihan dan kekurangan yang dimiliki oleh aplikasi Marvel. Anda dapat mulai membuat prototipe Anda sendiri dengan tutorial yang kami sajikan berikut ini.

1. Login ke Website Marvel

Anda dapat sign up dan login Marvel dengan mengunjungi website www.marvelapp.com. Anda juga dapat menginstal Marvel  di ponsel Anda.

Namun, Anda akan membutuhkan akun Dropbox untuk menggunakan Marvel untuk mengsinkronisasikan berkas yang akan Anda gunakan pada prototipe. Anda tak perlu memasang Dropbox pada Marvel, Anda hanya perlu mengotentikasikannya ke Dropbox.

2. Menambahkan Spesifikasi Proyek Anda

Pergilah ke dashboard dan mengklik pada tombol Create Project untuk memulai wizard. Tambahkan nama dari proyek Anda pada Marvel dan pilih target dari prototype Anda misalnya, iPhone, Android, atau Desktop.

Kemudian beri nama proyek Anda. Pada tahap ini Anda juga dapat mengisi kolom tambahan seperti “sharing project with team” atau menambahkan perlindungan kata sandi.

3. Membuat Prototipe Marvel Anda

Anda dapat memilih untuk membuat desain dengan Marvel dan membuat prototipe mulai dari scratch.  Terdapat widget yang bebeda pada sidebar yang mana Anda dapat melakukan drag and drop pada layar. Anda juga dapat pergi ke sidebar dari Marvel untuk membuat perubahan yang Anda butuhkan serta mengkostumisasi mereka.

Alternatif lainnya, jika Anda sudah memiliki gambar yang sudah diap pakai, kemudian Anda hanya perlu melakukan drag and drop atau menyeret dan melepas gambar tersebut pada Marvel.

Anda dapat memilih berbagai layar yang tersedia dan pergi menuju fitur Hotspot Destination untuk menghububgkan elemen tersebut pada layar yang lain. Kemudian tambahkan section untuk menambahkan transisi layar dan melakukan set aksi yang bervariasi untuk menciptakan prototipe Marvel yang interaktif.

4. Bagikan dan Ekspor Proyek Anda

Setelah Anda menyelesaikan desain proyek Anda, Anda dapat mengklik Play untuk mendapatkan preview dari proyek Anda. Anda dapat membagikan proyek Anda ini dengan membagikan link atau secara manual menambahkan email dari orang-orang yang Anda ingin bagikan prototipe Anda. Setelah itu, Anda dapat menyimpan desain Anda.

Itulah langkah sederhana membuat sebuah prototipe pada Marvel. Anda tidak membutuhkan banyak kode, penggunaannya pun semudah menyeret dan melepas gambar untuk mendapatkan sebuah prototipe yang interaktif.

Seperti yang dijelaskan sebelumnya, Marvel juga memiliki plugin Sketch sehingga Anda dapat menggunakan berbagai tools yang ada pada Sketch serta memungkinkan Anda untuk menyinkronkan artboards, prototipe, dan handoff pengembang ke Marvel. Berikut ini kami jelaskan cara menggunakan plugin Sketch pada Marvel.

1. Download Marvel Skecth Plugin pada https://marvelapp.com/sketch.
2. Klik dua kali file dengan file ZIP untuk install.
3. Kemudian buka Sketch, maka Anda melihat tombol sinkornisasi Marvel pada panel kiri.
4. Pilih artboard yang Anda ingin tersinkronisasi dengan Marvel klik Sync Selected.
5. Maka Anda akan diminta untuk terkoneksi pada akun Marvel Anda lalu klik Connect. Ketika dialog sync muncul, lalu pilih proyek yang ada atau buat proyek baru.
6. Klik Sync.

Maka akun Marvel Anda sudah terinstal plugin Sketch dan Anda dapat menggunakan berbagai tool Sketch yang tersedia di sana.

Itulah penjelasan tentang Marvel App untuk Anda para desainer UI/UX maupun prototipe aplikasi, khususnya bagi Anda yang masih pemula dan belum memahami coding. Penggunaan Marvel bisa menjadi pilihan bagi Anda yang baru terjun ke dunia desain aplikasi untuk menbuat sebuah prototipe sederhana tanpa perlu menguasai coding.

Penggunaannya yang berbasis browser pun membuat Anda tidak memerlukan spesifikasi perangkat khusus, bahkan dapat dikerjakan menggunakan smartphone. Dengan demikian, Marvel bisa menjadi salah satu perangkat lunak pilihan bagi Anda untuk membuat suatu prototipe aplikasi.

Jangan lupa kunjungi Web App di https://appkey.id/ dan dapatkan berbagai indormasi terbaru tentang game development.