Baca artikel IDN Times lainnya di IDN App
For
You

25 Istilah Menarik dalam UI/UX Designer, Pernah Dengar Hamburger?

ilustrasi rancangan desain mobile application (unsplash.com/Tran Mau Tri Tam)

Belakangan ini, profesi UI/UX Designer semakin banyak peminatnya. Hal ini mendorong desainer pemula untuk memahami berbagai istilah dan perkembangan terkini dalam industri desain. agar mereka bisa mengerti dan memahami apabila suatu saat mendapatkan project baru dalam ranah desain.

Pengetahuan mendalam terkait istilah tersebut juga akan membantu desainer pemula dalam berkomunikasi dengan efektif bersama rekan tim, klien, dan pihak-pihak terkait. Dengan begitu, desainer bisa menciptakan desain yang estetis sekaligus memanjakan mata.

Apabila seorang UI/UX Designer familier dengan istilah-istilah tersebut, hal ini bisa menjadi modal untuk mengasah keterampilan desain. Selain itu, kemampuan tersebut bisa meningkatkan daya saing di industri yang kian berkembang pesat.

Jika kamu tertarik untuk menyelami dunia UI/UX Designer, pastikan untuk paham 25 istilah berikut biar gak ngang ngong dan makin nyambung saat diajak ngobrol sama tim desainer. Simak terus ya!

1. User interface (UI) adalah sebutan antarmuka pengguna yang dilihat dan digunakan pengguna pada suatu aplikasi atau situs web

ilustrasi rancangan UI Interface (unsplash.com/Eftakher Alam)

2. User experience (UX) merupakan elemen yang mendukung pengalaman pengguna secara keseluruhan, termasuk interaksi, navigasi, dan respons sistem

ilustrasi rancangan User Experience (unsplash.com/Tirza van Dijk)

3. Wireframe merupakan sketsa dasar dari antarmuka, menunjukkan susunan elemen tanpa desain visual yang detail

ilustrasi sketsa dasar atau wireframe (unsplash.com/Kelly Sikkema)

4. Prototype adalah versi interaktif dari desain yang membantu pengguna memahami cara berinteraksi dengan antarmuka website atau aplikasi

ilustrasi prototype vs wireframe vs mockup (linkedin.com/Riana Butler)

5. Moodboard merupakan susunan atau komposisi gambar yang digunakan untuk tujuan desain atau presentasi dengan klien

ilustrasi desainer menyusun moodboard (unsplash.com/brandsandpeople)

6. Scroll hijacking adalah kontrol desain yang memanipulasi gerakan gulir pengguna untuk mencapai efek visual tertentu

ilustrasi scroll hijacking (beamtic.com)

7. A/B testing merupakan tahapan percobaan untuk membandingkan dua versi desain dan menentukan mana yang lebih efektif

ilustrasi designer melakukan testing pada website (unsplash.com/UX Indonesia)

8. Heuristic evaluation adalah pengujian antarmuka berdasarkan prinsip-prinsip desain umum

ilustrasi heuristic evaluation (medium.com/Pixians Design Studio)

9. UI kit adalah kumpulan elemen desain yang seperti tombol, ikon, dan formulir

ilustrasi ui kit (invisionapp.com)

10. White space adalah ruang kosong di sekitar elemen desain yang memberikan kesan bersih dan teratur

ilustrasi white space dalam UI desain (medium.com/ringcentral-ux)

11. Hamburger menu adalah sebuah ikon yang biasanya berupa tiga garis horizontal mirip dengan tumpukan hamburger

ilustrasi navigasi hamburger menu (pinterest.com/Dribble)

12. Sitemap adalah peta situs web atau aplikasi yang menunjukkan struktur halaman dan keterkaitannya

ilustrasi sitemap dalam ux design (medium.com/Mary Esivue)

13. Responsive design adalah desain yang dapat menyesuaikan dengan berbagai perangkat dan ukuran layar

ilustrasi designer sedang membuat rancangan antarmuka website (unsplash.com/Campaign Creators)

14. Typography adalah seni memilih dan mengatur jenis huruf untuk meningkatkan keterbacaan dan tampilan desain

ilustrasi typography (unsplash.com/brandsandpeople)

15. User flow merupakan serangkaian langkah-langkah yang dilakukan oleh pengguna saat berinteraksi dengan suatu aplikasi atau situs web

ilustrasi desainer menyusun flow chart (unsplash.com/Kelly Sikkema)

16. Mockup adalah representasi visual yang lebih detail dari desain final produk, sering kali mencakup warna, jenis huruf, dan elemen grafis lainnya

ilustrasi mockup (getmockup.app)

17. Usability adalah konsep mengenai sejauh mana suatu produk dapat digunakan dengan efektif, efisien, dan memuaskan oleh pengguna

ilustrasi usability testing (unsplash.com/Amelie Mourichon)

18. Grid system adalah sistem penataan elemen-elemen desain menggunakan jaringan garis panduan untuk menciptakan tata letak yang konsisten

ilustrasi grid system (uxdesign.cc)

19. User journey adalah peta visual yang merangkum keseluruhan pengalaman pengguna, dari awal hingga akhir

ilustrasi user journey map (unsplash.com/UX Indonesia)

20. Onboarding merupakan proses memandu pengguna baru melalui fitur utama atau antarmuka saat pertama kali menggunakan suatu aplikasi atau situs web

ilustrasi onboarding pada rancangan beta aplikasi (unsplash.com/Duncan Meyer)

21. Design thinking adalah suatu pendekatan dalam memecahkan masalah dan mengembangkan ide-ide baru, terutama dalam konteks desain produk dan layanan

ilustrasi design thinking (unsplash.com/Amelie Mourichon)

22. Color theory adalah studi penggunaan warna untuk menciptakan efek tertentu dalam desain

ilustrasi color theory (medium.com/uxdesign.cc)

23. Skeleton screen adalah tampilan pra-muatan yang menunjukkan bahwa suatu halaman sedang dimuat

ilustrasi skeleton screen pada rancangan design (medium.com/Anshita Srivastava)

24. User persona adalah representasi fiktif dari karakter atau profil pengguna yang dibuat oleh desainer untuk memahami kebutuhan, perilaku, dan karakteristik pengguna target

ilustrasi user persona (justinmind.com)

25. Information architecture adalah struktur organisasi dan hierarki informasi dalam suatu sistem

ilustrasi hierarki information architecture (youtube.com/PlaybookUX)

Setelah melihat postingan di atas, ternyata banyak sekali istilah yang mungkin kamu juga belum tahu. Namun, perlu diingat bahwa keberhasilan seorang desainer tidak hanya tergantung pada penguasaan istilah-istilah tersebut, tetapi juga pada kemampuan untuk mengaplikasikannya dengan baik dalam suatu proyek desain. So, di antara 25 istilah di atas mana yang kamu pengen kepoin lebih lanjut?

This article is written by our community writers and has been carefully reviewed by our editorial team. We strive to provide the most accurate and reliable information, ensuring high standards of quality, credibility, and trustworthiness.
Share
Editor’s Picks
Topics
Editorial Team
Izza Namira
EditorIzza Namira
Follow Us