Media Pengembangan Web & App | by APPKEY

Desain Design App Mengenal Marvel App untuk Ciptakan Prototipe Produk yang Simpel

Mengenal Marvel App untuk Ciptakan Prototipe Produk yang Simpel

-

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

design-app-2

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.

Artikel Terkait  UI Adalah? Apa Perbedaannya Dengan User Experience (UX)?

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.

Artikel Terkait  Apa itu Wireframe Website? Mengenal Wireframe Website dan Manfaatnya

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.


Jasa Pembuatan Aplikasi, Website dan Internet Marketing | PT APPKEY
PT APPKEY adalah perusahaan IT yang khusus membuat aplikasi Android, iOS dan mengembangkan sistem website. Kami juga memiliki pengetahuan dan wawasan dalam menjalankan pemasaran online sehingga diharapkan dapat membantu menyelesaikan permasalahan Anda.

Jasa Pembuatan Aplikasi

Jasa Pembuatan Website

Jasa Pembuatan Paket Aplikasi

Jasa Pembuatan Internet Marketing

Subscribe Sekarang

Dapatkan beragam informasi menarik tentang Website, Aplikasi, Desain, Video dan API langsung melalui email Anda. Subscribe sekarang dan terus belajar bersama kami!

Kategori

Blog Post Ranking 10

Rekomendasi 10 Aplikasi Pembuat Animasi 3D Terbaik. Ayo Cek!

Apakah Anda bercita-cita untuk menjadi seorang animator profesional? Belajar membuat animasi kini sudah menjadi hal mudah yang bisa dilakukan...

Cara Mudah Menambahkan Lokasi Alamat Bisnis Anda di Google Maps

Saat ingin hunting tempat makan atau tempat nongkrong terbaru, tak jarang beberapa dari Anda biasanya mendapatkan informasi terkini melalui...

Pengertian Internet & Dampak Positif dan Negatif Internet

Internet mungkin bukan sesuatu yang asing lagi, sebab semua kalangan pasti tahu apa itu internet. Hanya saja jika ditanya...

Proses Komunikasi: Encoding dan Decoding

Jika kita dapat melihat percakapan antar komputer, mungkin akan terlihat seperti ini: "010110111011101011010010110". Bahasa ini disebut dengan biner, encoding...

Metadata Adalah? Fungsi dan Jenis-Jenis Metadata

Pernah mendengar istilah metadata? Mungkin, kita sering mendengar istilah metadata. Tetapi, banyak dari kita yang belum tahu arti dari metadata...

Jasa Pembuatan Website Untuk Toko Online

Perusahaan yang menyediakan Jasa pembuatan website untuk toko online bisa kita temukan dengan mudah di internet. Masing-masing dari perusahaan...

Membuat Aplikasi di Playstore dengan Mudah

Membuat aplikasi di Playstore bisa Anda lakukan dengan mudah. Terdapat beberapa situs yang bisa membantu Anda untuk membuat aplikasi...

8 Contoh Search Engine Terbaik yang Paling Banyak Digunakan di Indonesia

Dulu jika ingin mencari informasi tentang apapun biasanya kita akan menanyakan kepada seseorang yang lebih mengetahui informasi, atau datang...

Looping Adalah Algoritma Perulangan: Berikut Contohnya

Jika anda sudah mendalami atau sedang mendalami dunia pemrograman terdapat sebuah konsep yang dapat memudahkan anda dalam menyusun struktur...

Domain Google? Apa Bedanya Dengan Domain Biasa?

Saat memutuskan untuk membuat website menjadi salah satu bentuk media digital marketing Anda dalam bersaing di zaman digital ini,...

Bisnis

Online Service

Peluang Bisnis

Model Bisnis

Entrepreneurship

Uang

Ketrampilan

Outsourcing

Monetize

Pemasaran

SEO

Internet Marketing

Dasar Pemasaran

Strategi Pemasaran

Situs Web Analitik

Iklan

Teknologi

Teknologi Terbaru

AI

Komputer

Jaringan

Paling Sering dibaca
Mungkin Anda Menyukainya