Senin, 21 Oktober 2019

TUGAS IMK 4 - Review Software atau Website Untuk Membuat Prototype


     Ini adalah tampilan awal dari website MarvelApp. MarvelApp adalah sebuah webiste perangkat online yang membantu designer untuk membuat prototype dari project aplikasi atau website yang ingin mereka buat. Untuk mmbuat prototype kita harus melakukan pendaftaran akun terlebih dahulu dengan email atau akun google yang sudah ada secara gratis.



     Setelah mendaftar akun, anda sudah bisa login dengan akun yang sudah terdaftar, lalu akan muncul tampilan awal (dashboard) seperti gambar diatas.



     Sekarang anda sudah bisa membuat project prototype yang ingin dibuat. Namun sayangnya untuk akun free, setiap akun hanya bisa membuat satu project saja. Jika ingin membuat banyak project dalam satu waktu, anda harus upgrade akun anda ke akun premium.



     Saat membuat project baru, kita bisa memberi nama project secara bebas dan bisa memilih prototype platform apa yang ingin kita buat. Setiap platform memiliki resolusi layar yang berbeda. Ada beberapa macam pilihan platform yang bisa kita pilih, yaitu Website, Android, iPhone, iPad, Apple Watch, dll.



Lalu kita sudah bisa mulai membuat design platform. Tools yang disediakan sudah cukup lengkap. Stock Image dan Stock Icon yang banyak sekali membuat user dapat berkreasi sesuka hati untuk membuat design prototype website/aplikasi mereka. Toolnya mudah digunakan untuk para pemula.

Sekian dari Review MarvelApp website pembuat design prototype, semoga bermanfaat.


Senin, 14 Oktober 2019

TUGAS IMK 2 - KAJIAN USABILITY PADA SEBUAH SITUS WEB BERDASARKAN 10 PRINSIP HEURISTIK USABILITY JACOB NIELSEN


USABILITY
Apa itu Usability? Usability adalah kondisi dimana seseorang bisa dengan mudah menggunakan sebuah alat tertentu atau objek buatan manusia untuk mencapai suatu tujuan tertentu. Usability juga mengacu pada metode-metode pengukuran dan pembelajaran dari kegunaan serta prinsip dibalik suatu objek yang dirasakan efisiensi maupun keindahannya.

10 HEURISTIC USABILITY

  1. Visibility of System Status
  2. Match Between System and The Real World
  3. User Control and Freedom
  4. Consistency and Standard
  5. Error Prevention
  6. Recognition Rather Than Recall
  7. Flexibility and Efficiency of Use
  8. Aesthetic and Minimalist Design
  9. Help User Recognize, Diagnose, and Recover From Errors
  10. Help and Documentation
Dalam artikel ini, saya akan mengkaji 10 Heuristic Usability dari situs belanja online internasional, amazon.com.

1. Visibility of System Status
    Visibility of System Status adalah sistem harus selalu memberi tahu user apa yang sedang terjadi, sedang melakukan apakah user, berada di bagian apa. Contohnya di situ Amazon ini adalah saat kita melakukan login akun, melakukan pembayaran, dsb.



2. Match Between System and The Real World
    Match Between System and The Real World adalah sistem harus “berbicara” dengan bahasa, kata, frasa, serta konsep yang mudah dimengerti dan terbiasa bagi user.  Sebaiknya tidak jauh berbeda dengan yang ada di kehidupan nyata. Sistem yang ada di situs Amazon sudah cukup memenuhi prinsip ini. Contohnya ada pada gambar dibawah.




3. User Control and Freedom
    User Control and Freedom artinya adalah mampu memberikan kemudahan dan kebebasan kepada user dalam menggunakan interface. Contohnya seperti user yang dapat melakukan undo, redo, dll. Situs Amazon sudah memenuhi prinsip ini dengan adanya fitur search, sortir, dan bebas mencari dan memilih barang apa yang mau dibeli oleh user.



4. Consistency and Standard
    Consistency and Standard adalah memudahkan bagi user dalam mengenal fitur agar tidak membuat user ragu-ragu saat menggunakan fitur tertentu. Contohnya adalah membedakan pilihan antara melakukan pembayaran dengan kartu kredit atau dengan kode gift card amazon.



5. Error Prevention
    Lebih baik membuat desain yang baik daripada memperbanyak pesan error, sehingga diharapkan akan membuat user menghindari kesalahan yang akan dilakukan sejak pertama kali. Contohnyadi situs Amazon adalah adanya autocorrect-spelling pada fitur search saat salah menulis nama suatu barang.



6. Recognition Rather Than Recall
    Minimalkan ingatan user dengan membuat obyek, tindakan, dan pilihan yang mudah terlihat. Jangan membuat user mengingat-ingat apa yang harus dilakukan setelahnya.



7. Flexibility and Efficiency of Use
    Flexibility and Efficiency of Use artinya mempermudah dan mempercepat user untuk melakukan setiap tugasnya. Di Amazon sudah ada fitur category dan sortir yang membuat user lebih efisien dalam mencari barang di situs tersebut.



8. Aesthetic and Minimalist Design
    Desain layout yang baik haruslah nyaman dipandang dengan menggunakan kontras warna yang baik, posisi yang sesuai dan serasi. Dengan desain yang minimalis dan dipadukan dengan whitespace (jarak antar elemen) yang sesuai akan membuat aplikasi terlihat elegan. Tampilan awal situs Amazon sudah sangat sederhana dan aestetik.



9. Help User Recognize, Diagnose, and Recover From Errors
    Help User Recognize, Diagnose, and Recover From Errors adalah jika sistem memberikan pesan kesalahan pada user maka sistem juga harus memberikan solusinya. Pada Amazon, prinsip ini sering digunakan, contohnya saat kita salah mengisi form kata sandi saat akan melakukan login akun.



10. Help and Documentation
      Help and Documentation adalah sistem memberikan bantuan dan dokumentasi agar membantu user dalam menggunakan sistem. Di situs Amazon sudah disediakan laman Bantuan untuk membantu para user.