Merancang User Interface dengan Balsamic Mockups

Hal yang pertama dilakukan ketika bertemu client biasanya membahas  tampilan dan fitur. Umumnya, rancangan user interface dibuat dengan program besar seperti Visio (Windows) dan Dia ( di Linux) atau malah menggunakan sketsa diatas kertas. Sebenarnya banyak sekali software yang dari awal dirancang murni untuk membuat Rancangan sketsa antarmuka yang biasanya sering disebut Mockups tool.

Salah satu tool yang cukup ringan dan mudah di pakai untuk membuat mockups adalah Balsamic Mockups. Sofware ini dibangun dengan Adobe Air dan tampilannya sangat sederhana dan mudah dipakai. Sayangnya, software ini bukanlah sofware open source, hanya trial 7 hari. Namun tool ini sangat hebat, beberapa keunggulannya adalah

  1.  Export ke PDF/PNG
  2. Multiplatfrom (dibangun dengan adobe Air)
  3. Rancangan Drag and Drop
  4. Komponen interface yang lengkap (Mobile,web,desktop)
  5. Interaktif ,  link/text/dan komponen bisa di click dan bisa saling berkaitan
Ketika anda mendownload di websitenya, file yang anda download hanyalah “stub installer” . Artinya anda harus koneksi internet saat mau menginstall program ini. Tampilan dari mockup ini terasa “non formal” jadi tidak seperti visio atau tool lain yang kaku dan terasa resmi. itulah mengapa target dari Mockup ini adalah agar komunikasi visual antara anda dan client lebih efektif.
Berikut ini adalah contoh hasil dari mockup untuk desain blog . 
Jika anda kurang inspirasi ketika mau membuat mockups,  anda bisa mengunjungi website http://mockupstogo.net dan inspireux.com Disini sudah tersedia contoh contoh mockup dalam format bmml. Format bmml adalah format file yang dipakai oleh Balsamic mockup. Anda bisa mendownloadnya dan mengedit sesuai kebutuhan anda
refence:

Leave a Reply

Your email address will not be published. Required fields are marked *