Mungkin kamu sering mendengar tentang istilah istilah seperti whitespace, wireframe, high fidelity dan banyak lainnya. Kali ini kita akan membahas satu persatu istilah yang sering digunakan di industri UI/UX. Yuk kita bahas satu persatuĀ šŸ˜€

1. Whitespace

Ruang kosongĀ diantara elemen elemen (button, teks, menu, icon, gambar, dll) yang berfungsi untuk membuat design terlihat lebih lega dan membuat elemen lain terlihat lebih menonjol.

Anda bisa lihat di gambar di bawah ini. Yang bertanda merah adalah contoh contoh whitespace.

apakah itu white space?

2. Wireframe

Digunakan untuk menyusun tata letak awal dalam suatu design. Wireframe bisa berbentuk gambar menggunakan spidol ataupun menggunakan software (Photoshop, Sketch, dll)

Contohā€¦ Perusahaan A akan membuat sebuah website yang akan mengguncang dunia. Mereka berdiskusi apa saja konten dan fitur yang akan ditaruh di halaman awal.

Setelah memutuskan apa saja fitur dan kontennya mereka mulai membuat gambaran dengan pena dan spidol kira kira konten X diletakan di mana, fitur Y diletakan dimana.

Gambaran itulah yang disebut dengan wireframe.

Apakah itu wireframe. Contoh-contoh wireframe.

3. Low / HighĀ Fidelity

Arti kata fidelity sendiri adalah presisi. MakaĀ Low FidelityĀ adalah design yang tingkat presisi nya masih rendah. Tingkat presisi ini bisa dilihat dari segi warna, ukuran teks dan tombol, jarak antar elemen, dll.

Low Fidelity sendiri sering disebut sebagai wireframe karena tingkat presisi nya masih rendah dan memang bertujuan untuk menentukan tata letak.

SedangkanĀ High FidelityĀ adalah design yang tingkat presisinya tinggi. Sudah memiliki warna, ukuranĀ , jarak dan bentuk elemennya juga sudah dibuat dengan tingkat presisi dan akurasi yang detail.

apakah itu low dan high fidelity

4. Above TheĀ Fold

Adalah konten yang terlihat oleh user saat pertama kali membuka website atau app tanpa user harus menscroll kebawah.

apakah itu Above the fold?

5. Usability

  1. Bagaimana caranya untuk memberikan likes pada foto orang di Instagram? Anda mengetahuinya? apakah mudah dilakukan?.
  2. Bagaimana caranya untuk memposting foto di Instagram? Anda mengetahuinya? apakah mudah dilakukan?.
  3. Bagaimana caranya membalas email pada gmail? Anda mengetahuinya? apakah mudah dilakukan?

Saat manusia menggunakan sesuatu entah itu buku, mesin, komputer ataupun aplikasi, manusia pasti akan melakukanĀ interaksi. Jika menggunakan buku pasti akan membalik halaman, jika menggunakan mesin atau komputer pasti akan memencet sesuatu.

Tingkat kemudahan dalam berinteraksi inilah yang disebut usability. Maka jika kita menggunakan produk dan mudah digunakan maka produk tersebut memiliki usability yang mudah dipahami, begitupun sebaliknya.


6. Usability Test

Adalah tes untuk mengetahui tingkat kemudahan suatu produk. Tes ini biasanya membutuhkan produk/prototype produk, tester dan researcher.

Tester akan diberikan sejumlah task (contoh: memesan tiket bioskop melalui produk/prototype yang diujikan) lalu researcher akan mengamati bagaimana tester menggunakan produk tersebut.

apakah itu Usability Testing?

7. User Flow atau UserĀ Journey

User Flow adalah langkah langkah yang harus dilakukan user untuk mencapai tujuan tertentu saat menggunakan suatu produk.
Aduh ribet ya? šŸ˜‚šŸ˜‚šŸ˜‚Ā , pake contoh aja dehā€¦

User FlowĀ adalah saat kamu pesen Ojek Online. Kamu buka app nya, lalu isi dari mana, lalu isi mau kemanaĀ , lalu kamu tekan tombol pesan. Jadi user flow lebih ke langkah langkah yang harus kamu lalui saat menggunakan suatu fitur di sebuah produk.

User JourneyĀ memiliki konteks yang lebih besar daripada user flow. User Journey memikirkan tentang bagaimana orang orang bisa mengetahui bahwa terdapat aplikasi ojek online, lalu memikirkan bagaimana hingga mereka mau mengintsal aplikasinya, lalu memikirkan bagaimana agar orang orang mau menggunakannya setelah mereka menginstalnya.


Mungkin segitu dulu yang kita bahasĀ šŸ˜€Ā , Jika masih ada istilah yang kira kira kamu belum terlalu paham bisa diposting di komentar dan bisa kita jadikan artikel lanjutanĀ šŸ˜€

Terima kasih, semoga bermanfaat šŸ˜€

UI Designer at Paperpillar, writer at Insight