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.




Minggu, 15 September 2019

Tugas IMK 1 Fasilkom UNSIKA - Contoh Antarmuka Website yang Menyebalkan

Hasil gambar untuk david gadgetin meme

User Interface adalah bagian visual dari website, aplikasi software, atau device hardware yang memastikan bagaimana seorang user berinteraksi dengan aplikasi atau website tersebut serta bagaimana informasi ditampilan dilayarnya. User Interface sendiri menggabungkan konsep desain visual, desain interasi, dan infrastruktur informasi. Tujuan dari User Interface adalah untuk meningkatkan Usability dan tentunya User Experience.

User Interface adalah salah satu faktor yang menentukan peningkatan traffic website anda. UI bisa menjadi faktor apakah seseorang tertarik untuk mengunjungi dan meng-explore website anda. Kalau mereka senang dengan tampilan antarmuka website anda, maka kemungkinan besar mereka akan mengunjungi website anda kembali. Jadi, anda harus selalu memperhatikan UI website anda saat mendesainnya.

Nah, untuk kesempatan kali ini, izinkan saya membagikan contoh salah satu website yang memiliki tampilan antarmuka yang menurut saya cukup 'menyebalkan'.

Contohnya adalah website hdtvku.com.


hdtvku.com ini adalah website untuk streaming. Tampilan pada website ini sangat kurang enak dipandang oleh mata. Dengan tampilan background yang terkesan 'ramai', ditambah banyak sekali iklan di setiap sudut layar monitor yang membuat pengguna menjadi kebingungan saat pertama kali membuka website ini. Jika salah sedikit saat kita meng-klik di website ini, pasti akan muncul pop-up iklan yang sangat mengganggu.

Sekian contoh UI website yang menurut saya cukup 'menyebalkan'. Silahkan tulis Kritik dan Saran anda di kolom komentar dengan bahasa yang pantas. Sekian dan Terima Kasih.

Nama : Aditya Wijaya
Kelas  : 3G Fasilkom
NPM   : 1810631170083