App Mockup Tools Reviews

Mockups-250x250Mockups (Maket) dan prototipe yang sangat penting dalam tahap awal pengembangan aplikasi. Ini adalah tahap awal yang paling mudah untuk dapat merombak dan memodifikasi layout aplikasi, sehingga Anda harus membuat sebagian besar prototipe tersebut untuk menghindari penulisan ulang kode nanti karena ada perombakan tersebut.
Ada banyak keuntungan menggunakan Mockup sebagai bagian dari proses desain sebagai berikut:

  • Mockups are easy to create. Maksudnya adalah hal ini akan menurunkan biaya dan waktu produksi jika umpan balik (feed back) dari klien atau stakeholders menginginkan adanya perubahan besar struktural dan yang lainnya ke dalam app.
  • Mockups are great for discussion. Maksudnya adalah sebagai bahan diskusi masukan dan saran ke dalam aplikasi yang akan dibuat.
  • Mockups encourage good communication. Maksudnya adalah mockup akan memfasilitasi curah pendapat (brainstorming) dalam tim multidisiplin ilmu, karena mereka akan membantu menjelaskan konsep yang berkaitan dengan app selama presentasi dan demo.
  • Mockups help identify design problems early. Maksudnya adalah dengan mockup kita dapat menemukan bootleneck pada app dan masalah desain lainnya pada awal proses.
  • Mockups are great for usability testing. Maksudnya Mockup yang Interaktif memungkinkan pengujian kegunaan (usability testing) berlangsung sebelum menulis kode apapun.

Mujurnya bagi kita yang ingin membuat mockup bahwa, ada banyak tools yang dapat membantu Anda membuat mockup dalam waktu singkat. Dari banyak tools yang ada, maka dipilih 5 adalah sebagai berikut:

  • BluePrint
  • AppCooker
  • FluidUI
  • Photoshop
  • Handmade Sketches

Jepretan Layar 2014-02-22 pada 20.26.44

blueprint-480x238

Blueprint adalah aplikasi untuk iPad berbayar yang diunduh dari App Store dengan harga $ 19,99 yang dioptimalkan untuk iOS 7 sehingga membuat prototyping lebih mudah. Anda dapat melihat project aplikasi yang telah anda buat dengan aplikasi pendamping gratis yaitu Blueprint Viewer, dan Anda dapat backup semua pekerjaan Anda dengan baik ke dalam iTunes File Sharing atau Dropbox Sync. Blueprint juga memiliki fungsi auto-save yang membantu pekerjaan Anda lebih aman.

Anda juga dapat mengirim mockup Anda melalui email dan membukanya di Blueprint atau Blueprint Viewer langsung dari inbox Anda. Blueprint mendukung mengekspor ke format PDF dan PNG sehingga Anda dapat melakukan print mockup Anda dan menshare tanpa menggunakan Blueprint.

Blueprint-666x500-1

Berikut ini adalah kelebihan dan kekurangan dari Blueprint:

Blueprint-pros-and-cons

Jepretan Layar 2014-02-22 pada 20.48.14

 

 

appcooker-logos

AppCooker adalah aplikasi untuk iPad dengan harga $ 14,99, aplikasi ini benar-benar dioptimalkan untuk iOS 7. Tidak hanya itu mockup dan prototyping tool, AppCooker ini juga menawarkan toolbox yang memungkinkan Anda dapat menuangkan ide dari konsepsi, melalui icon sketsa dan prototipe ke dalam ke App Store untuk mengumpulkan informasi dan penciptaan model bisnis.
Mengelola seluruh siklus perencanaan proyek aplikasi bisa menjadi tugas yang rumit, tapi AppCooker membuatnya sangat mudah dengan menjaga segala sesuatu yang dikumpulkan dalam satu aplikasi sekaligus membantu Anda mencapai hasil yang profesional.
Komponen toolbox adalah sebagai berikut:

  • Notepad
  • Ideas definition
  • Mockup editor
  • Icon factory
  • AppStore info manager
  • Pricing and business model tool

Meskipun ada banyak tools yang ada, disini difokuskan pada editor Mockup tools.

toolbox-666x500

Seperti halnya Blueprint Viewer, AppCooker juga memiliki appp pendamping gratis yaitu AppTaster, yang memungkinkan kita dapat menyimpan dan dapat melakukan share app untuk dimainkan pada  screen atau seluruh project yang telah Anda buat melalui email, Dropbox, Box atau iTunes File Sharing. AppCooker memungkinkan Anda untuk membuat dan mengelola beberapa project app dengan mudah.

projects1-666x500

Interface pertama dari mockup editor adalah sebuah ruang kerja yang tak terbatas di mana Anda menyusun aplikasi Anda. Ini mungkin untuk membuat hingga 200 screen terpisah hanya dengan double-tapping. Anda dapat memodifikasi flow aplikasi dalam mode interaktif dengan menghubungkan layar dan menyiapkan transisi triggers, sebuah panah putih memberikan gambaran visual yang menghubungkan 2 screens.

workspace-666x500

Ini mungkin untuk menggunakan beberapa jenis gesture di mockup Anda, termasuk single-tap, double-tap, dan long press. AppCooker menyediakan empat jenis link: Simple Link, yang bergerak di antara screen, Smart Back, yang muncul kembali ke layar kanan otomatis, Swipe Area, yang memungkinkan Anda melakukan swipe antara acreen, dan Tag Timer, yang memungkinkan Anda mengatur waktunya. Ini cukup mudah untuk melihat style dan durasi transisi yang Anda buat.

transitions-292x500

 

Jepretan Layar 2014-02-22 pada 21.11.50

 

fluidui-480x305

FluidUI adalah aplikasi berbasis browser yang bekerja pada Mac, Windows, dan Linux. Ini adalah layanan dibayar, tapi menawarkan gratis yang memungkinkan Anda untuk membuat satu proyek, dibatasi maksimum dari 10 screen, dan tidak menyediakan fungsionalitas advanced. Namun, dengan penawaran garis tersebut harus cukup untuk memutuskan apakah produk sesuai dengan kebutuhan Anda dengan biaya berkisar dari $ 12 sampai $ 89 per bulan.
Salah satu fitur yang besar dari layanan ini adalah bahwa Anda dapat membuat mockup untuk aplikasi iOS serta Android dan Windows Phone apps. Ini adalah berita bagus bagi Anda yang ingin mengembangkan app dengan cross-platform!

workspace1-700x394

Jepretan Layar 2014-02-22 pada 21.18.09

 

photoshop-logo

 

 

Photoshop adalah sebuah aplikasi desktop terkenal untuk Windows dan Mac. Ini bukan sederhana mockup dan prototyping, tapi itu paket software desain yang paling lengkap. Aplikasi ini cukup mahal, tapi jika Anda seorang desainer professional anda dapat membayar aplikasi tersebut sebanding dengan kemampuan anda.
Anda juga dapat membeli Photoshop Creative Cloud untuk $ 19.99/month, atau Anda bisa mendapatkan paket lengkap dari Creative Cloud dengan semua paket perangkat lunak Adobe untuk $ 49.99/bulan. Jika Anda tertarik untuk lebih jelasnya, Anda dapat menemukan daftar lengkap produk Adobe di sini.
Sebagian besar fitur dasar fitur Photoshop akan melayani Anda dengan baik seperti prototyping your workflow, memasukan layers, guides, clone stamp, horizontal type tool, shapes, dan  good old paint bucket.

Leave a Reply

You must be logged in to post a comment.