{"id":83,"date":"2021-10-25T00:00:00","date_gmt":"2021-10-25T00:00:00","guid":{"rendered":"https:\/\/majapahit.id\/blog?p=83"},"modified":"2025-09-03T17:37:10","modified_gmt":"2025-09-03T10:37:10","slug":"apa-itu-ui-dan-ux","status":"publish","type":"post","link":"https:\/\/majapahit.id\/blog\/2021\/10\/25\/apa-itu-ui-dan-ux\/","title":{"rendered":"Apa Itu UI UX : Pengertian, Prinsip &#038; Contoh Trend UI UX"},"content":{"rendered":"\r\n<p style=\"line-height: 3;\">Majapahit Teknologi &#8211; Dalam menghasilkan sebuah website, tentu saja kamu telah memahami bahwa dibutuhkannya pengaturan atau penyetelan tampilan website tersebut agar menarik untuk dikunjungi. Hal ini menjadi salah satu tugas dalam lingkup front end developer.<\/p>\r\n\r\n\r\n\r\n<p style=\"line-height: 3;\">Pengaturan tampilan website tersebut tidak terlepas dari peran UI dan UX. Sebagian orang mungkin telah mengetahui UI dan UX tetapi belum memahaminya secara jelas. <\/p>\r\n\r\n\r\n\r\n<p style=\"line-height: 3;\">Melalui penjelasan \u2013 penjelasan berikut ini tentu saja kamu akan memahami tentang UI dan UX.<\/p>\r\n\r\n\r\n\r\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_81 counter-hierarchy ez-toc-counter ez-toc-custom ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Daftar Isi<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Toggle Table of Content\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #383838;color:#383838\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #383838;color:#383838\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/majapahit.id\/blog\/2021\/10\/25\/apa-itu-ui-dan-ux\/#Apa_itu_UI_dan_UX\" >Apa itu UI dan UX?<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/majapahit.id\/blog\/2021\/10\/25\/apa-itu-ui-dan-ux\/#Pengertian_UI\" >Pengertian UI<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/majapahit.id\/blog\/2021\/10\/25\/apa-itu-ui-dan-ux\/#Pengertian_UX\" >Pengertian UX<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/majapahit.id\/blog\/2021\/10\/25\/apa-itu-ui-dan-ux\/#Mengenal_Prinsip_Dasar_UI_dan_UX\" >Mengenal Prinsip Dasar UI dan UX<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/majapahit.id\/blog\/2021\/10\/25\/apa-itu-ui-dan-ux\/#Prinsip_Dasar_UI\" >Prinsip Dasar UI<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/majapahit.id\/blog\/2021\/10\/25\/apa-itu-ui-dan-ux\/#Desain_Visual\" >Desain Visual<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/majapahit.id\/blog\/2021\/10\/25\/apa-itu-ui-dan-ux\/#Desain_Interaktif\" >Desain Interaktif<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/majapahit.id\/blog\/2021\/10\/25\/apa-itu-ui-dan-ux\/#Arsitektur_Informasi\" >Arsitektur Informasi<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-9\" href=\"https:\/\/majapahit.id\/blog\/2021\/10\/25\/apa-itu-ui-dan-ux\/#Prinsip_Dasar_UX\" >Prinsip Dasar UX<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-10\" href=\"https:\/\/majapahit.id\/blog\/2021\/10\/25\/apa-itu-ui-dan-ux\/#Konsistensi\" >Konsistensi<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-11\" href=\"https:\/\/majapahit.id\/blog\/2021\/10\/25\/apa-itu-ui-dan-ux\/#Kontrol_Pengguna\" >Kontrol Pengguna<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-12\" href=\"https:\/\/majapahit.id\/blog\/2021\/10\/25\/apa-itu-ui-dan-ux\/#Aksesibilitas\" >Aksesibilitas<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-13\" href=\"https:\/\/majapahit.id\/blog\/2021\/10\/25\/apa-itu-ui-dan-ux\/#Peran_Penting_Seorang_UIUX_Designer\" >Peran Penting Seorang UI\/UX Designer<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-14\" href=\"https:\/\/majapahit.id\/blog\/2021\/10\/25\/apa-itu-ui-dan-ux\/#Workflow_Design_UI_dan_UX\" >Workflow Design UI dan UX<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-15\" href=\"https:\/\/majapahit.id\/blog\/2021\/10\/25\/apa-itu-ui-dan-ux\/#Riset_UX\" >Riset UX<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-16\" href=\"https:\/\/majapahit.id\/blog\/2021\/10\/25\/apa-itu-ui-dan-ux\/#Membuat_Information_Architecture\" >Membuat Information Architecture<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-17\" href=\"https:\/\/majapahit.id\/blog\/2021\/10\/25\/apa-itu-ui-dan-ux\/#Membuat_Wireframe\" >Membuat Wireframe<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-18\" href=\"https:\/\/majapahit.id\/blog\/2021\/10\/25\/apa-itu-ui-dan-ux\/#Mengatur_UX_Flows\" >Mengatur UX Flows<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-19\" href=\"https:\/\/majapahit.id\/blog\/2021\/10\/25\/apa-itu-ui-dan-ux\/#Membuat_Prototype_Desain_UX\" >Membuat Prototype Desain UX<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-20\" href=\"https:\/\/majapahit.id\/blog\/2021\/10\/25\/apa-itu-ui-dan-ux\/#Membuat_Design_System\" >Membuat Design System<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-21\" href=\"https:\/\/majapahit.id\/blog\/2021\/10\/25\/apa-itu-ui-dan-ux\/#Mendesain_User_Interfaces\" >Mendesain User Interfaces<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-22\" href=\"https:\/\/majapahit.id\/blog\/2021\/10\/25\/apa-itu-ui-dan-ux\/#Proses_Pengembangan_Produk_oleh_Developer\" >Proses Pengembangan Produk oleh Developer<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-23\" href=\"https:\/\/majapahit.id\/blog\/2021\/10\/25\/apa-itu-ui-dan-ux\/#Design_Usability_Test\" >Design Usability Test<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-24\" href=\"https:\/\/majapahit.id\/blog\/2021\/10\/25\/apa-itu-ui-dan-ux\/#Perbedaan_UI_dan_UX\" >Perbedaan UI dan UX<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-25\" href=\"https:\/\/majapahit.id\/blog\/2021\/10\/25\/apa-itu-ui-dan-ux\/#User_Interfaces_UI\" >User Interfaces (UI)<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-26\" href=\"https:\/\/majapahit.id\/blog\/2021\/10\/25\/apa-itu-ui-dan-ux\/#User_Experience_UX\" >User Experience (UX)<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-27\" href=\"https:\/\/majapahit.id\/blog\/2021\/10\/25\/apa-itu-ui-dan-ux\/#Alasan_UI_UX_Penting_untuk_Perkembangan_Aplikasi\" >Alasan UI &amp; UX Penting untuk Perkembangan Aplikasi<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-28\" href=\"https:\/\/majapahit.id\/blog\/2021\/10\/25\/apa-itu-ui-dan-ux\/#Contoh_Trend_UI_UX\" >Contoh Trend UI &amp; UX<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-29\" href=\"https:\/\/majapahit.id\/blog\/2021\/10\/25\/apa-itu-ui-dan-ux\/#Dark_Mode\" >Dark Mode<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-30\" href=\"https:\/\/majapahit.id\/blog\/2021\/10\/25\/apa-itu-ui-dan-ux\/#Elemen_3D\" >Elemen 3D<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-31\" href=\"https:\/\/majapahit.id\/blog\/2021\/10\/25\/apa-itu-ui-dan-ux\/#Elemen_Mengambang_Floating\" >Elemen Mengambang (Floating)<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-32\" href=\"https:\/\/majapahit.id\/blog\/2021\/10\/25\/apa-itu-ui-dan-ux\/#Penutup\" >Penutup<\/a><\/li><\/ul><\/nav><\/div>\n<h2 class=\"wp-block-heading\" id=\"Apa-itu-UI-dan-UX-?\" style=\"line-height: 3;\"><span class=\"ez-toc-section\" id=\"Apa_itu_UI_dan_UX\"><\/span>Apa itu UI dan UX?<span class=\"ez-toc-section-end\"><\/span><\/h2>\r\n\r\n\r\n\r\n<p style=\"line-height: 3;\">Berikut ini adalah penjelasan terkait dengan definisi dari Ui dan Ux, simak sebagai berikut :<\/p>\r\n\r\n\r\n\r\n<h3 class=\"wp-block-heading\" id=\"Pengertian-UI\" style=\"line-height: 3;\"><span class=\"ez-toc-section\" id=\"Pengertian_UI\"><\/span>Pengertian UI<span class=\"ez-toc-section-end\"><\/span><\/h3>\r\n\r\n\r\n\r\n<p style=\"line-height: 3;\">UI atau User Interfaces adalah alat yang digunakan untuk memperindah sebuah tampilan website. <\/p>\r\n\r\n\r\n\r\n<p style=\"line-height: 3;\">Penggunaan UI ini memiliki hubungan yang sangat erat dengan penggunaan UX sebab merupakan komponen UX yang juga merupakan komponen desain pada sebuah website.<\/p>\r\n\r\n\r\n\r\n<h3 class=\"wp-block-heading\" id=\"Pengertian-UX\" style=\"line-height: 3;\"><span class=\"ez-toc-section\" id=\"Pengertian_UX\"><\/span>Pengertian UX<span class=\"ez-toc-section-end\"><\/span><\/h3>\r\n\r\n\r\n\r\n<p style=\"line-height: 3;\">UX atau User Experience adalah proses yang dimaksudkan pada sebuah website untuk memperindah tampilannya, dalam kata lain sebagai pemanis dalam sebuah website secara keseluruhan. <\/p>\r\n\r\n\r\n\r\n<p style=\"line-height: 3;\">Dimana, UX memberikan fitur \u2013 fitur, tools, dan berbagai tampilan menarik pada sebuah website.<\/p>\r\n\r\n\r\n\r\n<h2 class=\"wp-block-heading\" id=\"Mengenal-Prinsip-Dasar-UI-dan-UX\" style=\"line-height: 3;\"><span class=\"ez-toc-section\" id=\"Mengenal_Prinsip_Dasar_UI_dan_UX\"><\/span>Mengenal Prinsip Dasar UI dan UX<span class=\"ez-toc-section-end\"><\/span><\/h2>\r\n\r\n\r\n\r\n<div class=\"wp-block-image\" style=\"line-height: 3;\"><figure class=\"aligncenter size-full\"><img decoding=\"async\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" data-orig-src=\"\/thumbnail\/2021\/11\/Apa-itu-ui-ux.jpg\" alt=\"Apa itu ui ux\" class=\"lazyload wp-image-11403\" style=\"width: 100%;\"><\/figure><\/div>\r\n\r\n\r\n\r\n<h3 class=\"wp-block-heading\" id=\"Prinsip-Dasar-UI\" style=\"line-height: 3;\"><span class=\"ez-toc-section\" id=\"Prinsip_Dasar_UI\"><\/span>Prinsip Dasar UI<span class=\"ez-toc-section-end\"><\/span><\/h3>\r\n\r\n\r\n\r\n<p style=\"line-height: 3;\">Adapun prinsip dasar UI yang harus dipahami oleh lingkup front end developer adalah penggunaannya yang menjadi komponen dalam UX tersebut. <\/p>\r\n\r\n\r\n\r\n<p style=\"line-height: 3;\">Dimana, UI membuat tampilan website menjadi lebih menarik dengan berbagai tools menarik. UI juga dihasilkan melalui riset pasar dan produk sehingga bisa dikategorikan sebagai usaha brandingnya sebuah website.<\/p>\r\n\r\n\r\n\r\n<h3 class=\"wp-block-heading\" id=\"Desain-Visual\" style=\"line-height: 3;\"><span class=\"ez-toc-section\" id=\"Desain_Visual\"><\/span>Desain Visual<span class=\"ez-toc-section-end\"><\/span><\/h3>\r\n\r\n\r\n\r\n<p style=\"line-height: 3;\">Desain visual yang dimiliki oleh UI wajiblah sangat menarik sebab telah disebutkan sebelumnya merupakan bagian dari personal brandingnya sebuah website. Oleh sebab itu, seorang developer UI wajib memiliki kreatifitas dan pemahaman desain grafis tinggi.<\/p>\r\n\r\n\r\n\r\n<h3 class=\"wp-block-heading\" id=\"Desain-Interaktif\" style=\"line-height: 3;\"><span class=\"ez-toc-section\" id=\"Desain_Interaktif\"><\/span>Desain Interaktif<span class=\"ez-toc-section-end\"><\/span><\/h3>\r\n\r\n\r\n\r\n<p style=\"line-height: 3;\">Bukan hanya melakukan desain pada umumnya website, tetapi dalam mendesain juga harus memperhatikan riset pasar dan produk yang akan mengunjungi website tersebut. <\/p>\r\n\r\n\r\n\r\n<p style=\"line-height: 3;\">Pemahaman ini tentu saja wajib responsive dan siap memberikan hasil terbaik untuk membrandingkan websitenya tersebut.<\/p>\r\n\r\n\r\n\r\n<h3 class=\"wp-block-heading\" id=\"Arsitektur-Informasi\" style=\"line-height: 3;\"><span class=\"ez-toc-section\" id=\"Arsitektur_Informasi\"><\/span>Arsitektur Informasi<span class=\"ez-toc-section-end\"><\/span><\/h3>\r\n\r\n\r\n\r\n<p style=\"line-height: 3;\">Dalam menghasilkan desain visual yang menarik, penyampaian informasi juga wajib terstruktur agar tersampaikan dengan baik. <\/p>\r\n\r\n\r\n\r\n<p style=\"line-height: 3;\">Sehingga, diperlukan pemahaman memahami arsitektur informasi yang sesuai dengan tujuan pembuatan sebuah website.<\/p>\r\n\r\n\r\n\r\n<h3 class=\"wp-block-heading\" id=\"Prinsip-Dasar-UX\" style=\"line-height: 3;\"><span class=\"ez-toc-section\" id=\"Prinsip_Dasar_UX\"><\/span>Prinsip Dasar UX<span class=\"ez-toc-section-end\"><\/span><\/h3>\r\n\r\n\r\n\r\n<p style=\"line-height: 3;\">Selain UI, UX juga memperhatikan kemenarikan pada sebuah website tetapi ditambah dengan sifat kenyamanan pengguna atau pengakses website tersebut sehingga diperlukannya riset pengguna. <\/p>\r\n\r\n\r\n\r\n<p style=\"line-height: 3;\">Dalam artian, apabila website tersebut menarik tetapi jika tidak nyaman digunakan maka diperlukannya perubahan.<\/p>\r\n\r\n\r\n\r\n<h3 class=\"wp-block-heading\" id=\"Konsistensi\" style=\"line-height: 3;\"><span class=\"ez-toc-section\" id=\"Konsistensi\"><\/span>Konsistensi<span class=\"ez-toc-section-end\"><\/span><\/h3>\r\n\r\n\r\n\r\n<p style=\"line-height: 3;\">Dalam melakukan UI dan UX sekalipun, konsistensi harus ada pada setiap unsurnya. Dimana, perubahan \u2013 perubahan yang terjadi harus disesuaikan dengan keadaan dengan alur yang tepat. <\/p>\r\n\r\n\r\n\r\n<p style=\"line-height: 3;\">Hal ini sebab mengandung unsur kenyamanan pada pengguna website tersebut yang akan kebingungan jika tampilan websitenya tidak konsisten.<\/p>\r\n\r\n\r\n\r\n<h3 class=\"wp-block-heading\" id=\"Kontrol-Pengguna\" style=\"line-height: 3;\"><span class=\"ez-toc-section\" id=\"Kontrol_Pengguna\"><\/span>Kontrol Pengguna<span class=\"ez-toc-section-end\"><\/span><\/h3>\r\n\r\n\r\n\r\n<p style=\"line-height: 3;\">Selain dari tampilan website yang baik dan nyaman bagi pengguna, kontrol atau fungsional website tersebut harus tetap diperhatikan. <\/p>\r\n\r\n\r\n\r\n<p style=\"line-height: 3;\">Sebab, hal inilah yang menjadi kontrol pengguna dalam menggunakan website atau software tersebut.<\/p>\r\n\r\n\r\n\r\n<h3 class=\"wp-block-heading\" id=\"Aksesibilitas\" style=\"line-height: 3;\"><span class=\"ez-toc-section\" id=\"Aksesibilitas\"><\/span>Aksesibilitas<span class=\"ez-toc-section-end\"><\/span><\/h3>\r\n\r\n\r\n\r\n<p style=\"line-height: 3;\">Kemudahan aksesibilitas juga harus diterapkan pada proses pembuatan UI dan UX. <\/p>\r\n\r\n\r\n\r\n<p style=\"line-height: 3;\">Sebab, website yang tidak mudah proses aksesnya bisa mengganggu tujuan dari proses UI dan UX tersebut yaitu memberikan tampilan website menarik untuk memberi kenyamanan pengguna.<\/p>\r\n\r\n\r\n\r\n<h2 class=\"wp-block-heading\" id=\"Peran-Penting-Seorang-UI-\/-UX-Designer\" style=\"line-height: 3;\"><span class=\"ez-toc-section\" id=\"Peran_Penting_Seorang_UIUX_Designer\"><\/span>Peran Penting Seorang UI\/UX Designer<span class=\"ez-toc-section-end\"><\/span><\/h2>\r\n\r\n\r\n\r\n<h3 class=\"wp-block-heading\" id=\"Workflow-Design-UI-dan-UX\" style=\"line-height: 3;\"><span class=\"ez-toc-section\" id=\"Workflow_Design_UI_dan_UX\"><\/span>Workflow Design UI dan UX<span class=\"ez-toc-section-end\"><\/span><\/h3>\r\n\r\n\r\n\r\n<p style=\"line-height: 3;\">Peran penting pertama seorang UI atau UX Designer adalah memperhatikan workflow dari desain websitenya tersebut. Bagaimanakah alur pembuatan, mulai dari mana, dan membutuhkan kolaborasi yang seperti apa merupakan bagian dari workflow tersebut.<\/p>\r\n\r\n\r\n\r\n<h3 class=\"wp-block-heading\" id=\"Riset-UX\" style=\"line-height: 3;\"><span class=\"ez-toc-section\" id=\"Riset_UX\"><\/span>Riset UX<span class=\"ez-toc-section-end\"><\/span><\/h3>\r\n\r\n\r\n\r\n<p style=\"line-height: 3;\">UX yang memperhatikan kenyamanan pengguna tentu saja wajib meliputi riset pengguna itu sendiri. <\/p>\r\n\r\n\r\n\r\n<p style=\"line-height: 3;\">Apa yang membuat website tersebut dapat nyaman dirasakan oleh pengakses atau apa yang dibutuhkan oleh masyarakat menjadi bagian dari riset UX tersebut.<\/p>\r\n\r\n\r\n\r\n<h3 class=\"wp-block-heading\" id=\"Membuat-Information-Architecture\" style=\"line-height: 3;\"><span class=\"ez-toc-section\" id=\"Membuat_Information_Architecture\"><\/span>Membuat Information Architecture<span class=\"ez-toc-section-end\"><\/span><\/h3>\r\n\r\n\r\n\r\n<p style=\"line-height: 3;\">Seperti prinsip dasarnya, seorang UI dan UX wajib membuat struktur atau arsitektur informasi pada tampilan websitenya. <\/p>\r\n\r\n\r\n\r\n<p style=\"line-height: 3;\">Hal ini tentu saja untuk memberikan tingkat fungsional dan informasi yang utuh bagi pengakses website tersebut.<\/p>\r\n\r\n\r\n\r\n<h3 class=\"wp-block-heading\" id=\"Membuat-Wireframe\" style=\"line-height: 3;\"><span class=\"ez-toc-section\" id=\"Membuat_Wireframe\"><\/span>Membuat Wireframe<span class=\"ez-toc-section-end\"><\/span><\/h3>\r\n\r\n\r\n\r\n<p style=\"line-height: 3;\">Wireframe merupakan sketsa produk yang diharapkan hasilnya. Dengan pembuatan wireframe ini tentu saja seorang UI dan UX designer dapat semakin memahami tujuan dan memudahkan seorang user dalam penggunaan produk.<\/p>\r\n\r\n\r\n\r\n<h3 class=\"wp-block-heading\" id=\"Mengatur-UX-Flows\" style=\"line-height: 3;\"><span class=\"ez-toc-section\" id=\"Mengatur_UX_Flows\"><\/span>Mengatur UX Flows<span class=\"ez-toc-section-end\"><\/span><\/h3>\r\n\r\n\r\n\r\n<p style=\"line-height: 3;\">Pembuatan ux flows adalah petunjuk mengenai alur penggunaan suatu produk kepada pengguna sebagai wujud dari pemeliharaan kenyamanan para pengguna.<\/p>\r\n\r\n\r\n\r\n<h3 class=\"wp-block-heading\" id=\"Membuat-Prototype-Desain-UX\" style=\"line-height: 3;\"><span class=\"ez-toc-section\" id=\"Membuat_Prototype_Desain_UX\"><\/span>Membuat Prototype Desain UX<span class=\"ez-toc-section-end\"><\/span><\/h3>\r\n\r\n\r\n\r\n<p style=\"line-height: 3;\">Pembuatan prototype merupakan hal yang paling penting sebab meliputi keberhasilan proses pembuatan produk.<\/p>\r\n\r\n\r\n\r\n<p style=\"line-height: 3;\">Untuk menghasilkan prototype desain UX tersebut tentu saja dapat menggunakan sejumlah software yaitu Adobe XD, Invision, dan Mockplus.<\/p>\r\n\r\n\r\n\r\n<h3 class=\"wp-block-heading\" id=\"Membuat-Design-System\" style=\"line-height: 3;\"><span class=\"ez-toc-section\" id=\"Membuat_Design_System\"><\/span>Membuat Design System<span class=\"ez-toc-section-end\"><\/span><\/h3>\r\n\r\n\r\n\r\n<p style=\"line-height: 3;\">Pembuatan design sistem ini merupakan salah satu bentuk integrasi data antara developer dan desainer. <\/p>\r\n\r\n\r\n\r\n<p style=\"line-height: 3;\">Sebab, data \u2013 data dari desain yang telah dihasilkan akan diintegrasi dan dipecah menjadi sistem pemograman yang selanjutnya menjadi tampilan suatu website atau software.<\/p>\r\n\r\n\r\n\r\n<h3 class=\"wp-block-heading\" id=\"Mendesain-User-Interfaces\" style=\"line-height: 3;\"><span class=\"ez-toc-section\" id=\"Mendesain_User_Interfaces\"><\/span>Mendesain User Interfaces<span class=\"ez-toc-section-end\"><\/span><\/h3>\r\n\r\n\r\n\r\n<p style=\"line-height: 3;\">Desain UI tersebut merupakan kegiatan yang dilakukan untuk memperindah tampilan desain utama yang telah dihasilkan. Hal ini bisa dilakukan dengan penambahan tools menarik atau pengaturan sketsa yang menjadi lebih cantik.<\/p>\r\n\r\n\r\n\r\n<h3 class=\"wp-block-heading\" id=\"Proses-Pengembangan-Produk-oleh-Developer\" style=\"line-height: 3;\"><span class=\"ez-toc-section\" id=\"Proses_Pengembangan_Produk_oleh_Developer\"><\/span>Proses Pengembangan Produk oleh Developer<span class=\"ez-toc-section-end\"><\/span><\/h3>\r\n\r\n\r\n\r\n<p style=\"line-height: 3;\">Dalam kegiatan melakukan UI atau UX tentu saja sang designer telah menerapkan proses kolaboratif yang berkualitas untuk membantu proses pengembangan produk pada sebuah developer demi menghasilkan tujuan keberhasilan website sebagai tujuan bersama.<\/p>\r\n\r\n\r\n\r\n<h3 class=\"wp-block-heading\" id=\"Design-Usability-Test\" style=\"line-height: 3;\"><span class=\"ez-toc-section\" id=\"Design_Usability_Test\"><\/span>Design Usability Test<span class=\"ez-toc-section-end\"><\/span><\/h3>\r\n\r\n\r\n\r\n<p style=\"line-height: 3;\">Desain usability test merupakan desain yang melibatkan para pengguna untuk memberikan kritikan dan saran untuk memperbaiki hasil tes desain. <\/p>\r\n\r\n\r\n\r\n<p style=\"line-height: 3;\">Hal ini tentu saja dilakukan sebelum produk tersebut rilis ke pasaran dan benar \u2013 benar digunakan oleh masyarakat luas.<\/p>\r\n\r\n\r\n\r\n<h2 class=\"wp-block-heading\" id=\"Perbedaan-UI-dan-UX\" style=\"line-height: 3;\"><span class=\"ez-toc-section\" id=\"Perbedaan_UI_dan_UX\"><\/span>Perbedaan UI dan UX<span class=\"ez-toc-section-end\"><\/span><\/h2>\r\n\r\n\r\n\r\n<p style=\"line-height: 3;\">Seperti yang disebutkan sebelumnya, bahwa UI dan UX merupakan satu kesatuan yang tak dapat dipisahkan tetapi memiliki perbedaan. Adapun perbedaan yang dimaksud adalah:<\/p>\r\n\r\n\r\n\r\n<h3 class=\"wp-block-heading\" id=\"User-Interfaces-(UI)\" style=\"line-height: 3;\"><span class=\"ez-toc-section\" id=\"User_Interfaces_UI\"><\/span>User Interfaces (UI)<span class=\"ez-toc-section-end\"><\/span><\/h3>\r\n\r\n\r\n\r\n<p style=\"line-height: 3;\">UI lebih mengutamakan kepada desain menarik, dan memperhatikan branding dari sebuah produk. Sehingga, prosesnya hanya memperhatikan bagaimana branding yang menarik sebuah produk tersebut.<\/p>\r\n\r\n\r\n\r\n<h3 class=\"wp-block-heading\" id=\"User-Experience-(UX)\" style=\"line-height: 3;\"><span class=\"ez-toc-section\" id=\"User_Experience_UX\"><\/span>User Experience (UX)<span class=\"ez-toc-section-end\"><\/span><\/h3>\r\n\r\n\r\n\r\n<p style=\"line-height: 3;\">Sedangkan UX dipergunakan untuk memberikan kenyamanan pada pengguna website atau software tersebut.<\/p>\r\n\r\n\r\n\r\n<p style=\"line-height: 3;\">Sehingga, prosesnya meliputi riset kepada para pengguna dan apa yang dibutuhkan oleh pengguna tersebut seputar pembangunan website atau software yang dimaksud.<\/p>\r\n\r\n\r\n\r\n<h2 class=\"wp-block-heading\" id=\"Alasan-UI-&amp;-UX-Penting-untuk-Perkembangan-Aplikasi\" style=\"line-height: 3;\"><span class=\"ez-toc-section\" id=\"Alasan_UI_UX_Penting_untuk_Perkembangan_Aplikasi\"><\/span>Alasan UI &amp; UX Penting untuk Perkembangan Aplikasi<span class=\"ez-toc-section-end\"><\/span><\/h2>\r\n\r\n\r\n\r\n<p style=\"line-height: 3;\">Adapun alasan mengapa UI dan UX sangat penting untuk perkembangan aplikasi adalah agar aplikasi atau tampilan website tersebut benar \u2013 benar sampai ke tujuannya yaitu digunakan oleh masyarakat dengan branding kuat dan kenyamanan tinggi. Sehingga aplikasi atau website tersebut dapat laku dan bermanfaat bagi masyarakat.<\/p>\r\n\r\n\r\n\r\n<h2 class=\"wp-block-heading\" id=\"Contoh-Trend-UI-&amp;-UX\" style=\"line-height: 3;\"><span class=\"ez-toc-section\" id=\"Contoh_Trend_UI_UX\"><\/span>Contoh Trend UI &amp; UX<span class=\"ez-toc-section-end\"><\/span><\/h2>\r\n\r\n\r\n\r\n<p style=\"line-height: 3;\">Berikut ini adalah contoh trend dari desain UI dan UX di era milenial. Adapaun contoh \u2013 contoh yang dimaksud tersebut:<\/p>\r\n\r\n\r\n\r\n<h3 class=\"wp-block-heading\" id=\"Dark-Mode\" style=\"line-height: 3;\"><span class=\"ez-toc-section\" id=\"Dark_Mode\"><\/span>Dark Mode<span class=\"ez-toc-section-end\"><\/span><\/h3>\r\n\r\n\r\n\r\n<div class=\"wp-block-image\" style=\"line-height: 3;\"><figure class=\"aligncenter size-full\"><img decoding=\"async\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" data-orig-src=\"\/thumbnail\/2021\/11\/Darkmode.jpg\" alt=\"Dark mode\" class=\"lazyload wp-image-11404\" style=\"width: 100%;\"><\/figure><\/div>\r\n\r\n\r\n\r\n<p style=\"line-height: 3;\">Tampilan dark mode sering dipilih oleh users untuk menyamankan mata terutama pada saat menggunakannya waktu malam hari. Desain ini sangat tepat diterapkan di sebuah website agar dapat menyesuaikan kenyamanan pengguna.<\/p>\r\n\r\n\r\n\r\n<h3 class=\"wp-block-heading\" id=\"Elemen-3D\" style=\"line-height: 3;\"><span class=\"ez-toc-section\" id=\"Elemen_3D\"><\/span>Elemen 3D<span class=\"ez-toc-section-end\"><\/span><\/h3>\r\n\r\n\r\n\r\n<div class=\"wp-block-image\" style=\"line-height: 3;\"><figure class=\"aligncenter size-full\"><img decoding=\"async\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" data-orig-src=\"\/thumbnail\/2021\/11\/Elemen-3D.jpg\" alt=\"Elemen 3D\" class=\"lazyload wp-image-11405\" style=\"width: 100%;\"><\/figure><\/div>\r\n\r\n\r\n\r\n<p style=\"line-height: 3;\">Elemen 3D menjadi elemen yang paling menarik bagi seluruh orang, sebab elemen tersebut seakan membuat seseorang dapat melihat produk secara asli. <\/p>\r\n\r\n\r\n\r\n<p style=\"line-height: 3;\">Hal ini kerap diterapkan pada desain UI dan UX untuk membuat tampilan semakin menarik dan diminati oleh masyarakat.<\/p>\r\n\r\n\r\n\r\n<h3 class=\"wp-block-heading\" id=\"Elemen-Mengambang-(Floating)\" style=\"line-height: 3;\"><span class=\"ez-toc-section\" id=\"Elemen_Mengambang_Floating\"><\/span>Elemen Mengambang (Floating)<span class=\"ez-toc-section-end\"><\/span><\/h3>\r\n\r\n\r\n\r\n<div class=\"wp-block-image\" style=\"line-height: 3;\"><figure class=\"aligncenter size-full\"><img decoding=\"async\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" data-orig-src=\"\/thumbnail\/2021\/11\/Elemen-Mengambang-Floating.jpg\" alt=\"Elemen Mengambang (Floating)\" class=\"lazyload wp-image-11406\" style=\"width: 100%;\"><\/figure><\/div>\r\n\r\n\r\n\r\n<p style=\"line-height: 3;\">Elemen mengambang (floating) juga sangat trend digunakan oleh website pada belakangan ini sebab menambahkan efek estetik pada transisinya. <\/p>\r\n\r\n\r\n\r\n<p style=\"line-height: 3;\">Hal ini tentu saja bukan hanya menari, tetapi membuat pengguna semakin nyaman dengan tampilan yang tidak membosankan.<\/p>\r\n\r\n\r\n\r\n<h2 class=\"wp-block-heading\" id=\"Penutup\" style=\"line-height: 3;\"><span class=\"ez-toc-section\" id=\"Penutup\"><\/span>Penutup<span class=\"ez-toc-section-end\"><\/span><\/h2>\r\n\r\n\r\n\r\n<p style=\"line-height: 3;\">Melalui pengertian, prinsip, peran, dan penjelasan \u2013 penjelasan lainnya di atas tentu saja kamu semakin memahami seputar apa itu UI dan UX. <\/p>\r\n\r\n\r\n\r\n<p style=\"line-height: 3;\">Terutama sebagaimana pentingnya UI dan UX bagi sebuah website atau aplikasi. Jadi, apakah kamu berminat menjadi salah satunya?<\/p>\r\n","protected":false},"excerpt":{"rendered":"<p>Majapahit Teknologi &#8211; Dalam menghasilkan sebuah website, tentu saja kamu  [&#8230;]<\/p>\n","protected":false},"author":7,"featured_media":100083,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1324],"tags":[1085],"class_list":["post-83","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-pengembangan-aplikasi","tag-apa-itu-ui-ux"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.1.1 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Apa Itu UI dan UX : Pengertian, Prinsip &amp; Contoh Trend UI UX<\/title>\n<meta name=\"description\" content=\"Yuk, kenali apa itu ui dan ux untuk keperluan desain agar tampilan website atau aplikasi yang Anda ciptakan terlihat lebih profesional\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/majapahit.id\/blog\/2021\/10\/25\/apa-itu-ui-dan-ux\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Apa Itu UI dan UX : Pengertian, Prinsip &amp; Contoh Trend UI UX\" \/>\n<meta property=\"og:description\" content=\"Yuk, kenali apa itu ui dan ux untuk keperluan desain agar tampilan website atau aplikasi yang Anda ciptakan terlihat lebih profesional\" \/>\n<meta property=\"og:url\" content=\"https:\/\/majapahit.id\/blog\/2021\/10\/25\/apa-itu-ui-dan-ux\/\" \/>\n<meta property=\"og:site_name\" content=\"Blog &amp; Berita - Majapahit Teknologi\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/facebook.com\/majapahit.id\" \/>\n<meta property=\"article:published_time\" content=\"2021-10-25T00:00:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-09-03T10:37:10+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/majapahit.id\/blog\/wp-content\/uploads\/2021\/11\/Peran-Penting-Seorang-UIUX-Designer.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1\" \/>\n\t<meta property=\"og:image:height\" content=\"1\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Paradita Umbara\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Paradita Umbara\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"6 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/majapahit.id\/blog\/2021\/10\/25\/apa-itu-ui-dan-ux\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/majapahit.id\/blog\/2021\/10\/25\/apa-itu-ui-dan-ux\/\"},\"author\":{\"name\":\"Paradita Umbara\",\"@id\":\"https:\/\/majapahit.id\/blog\/#\/schema\/person\/23b57e756ad75e89690097bdf1872192\"},\"headline\":\"Apa Itu UI UX : Pengertian, Prinsip &#038; Contoh Trend UI UX\",\"datePublished\":\"2021-10-25T00:00:00+00:00\",\"dateModified\":\"2025-09-03T10:37:10+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/majapahit.id\/blog\/2021\/10\/25\/apa-itu-ui-dan-ux\/\"},\"wordCount\":1164,\"publisher\":{\"@id\":\"https:\/\/majapahit.id\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/majapahit.id\/blog\/2021\/10\/25\/apa-itu-ui-dan-ux\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/majapahit.id\/blog\/wp-content\/uploads\/2021\/11\/Peran-Penting-Seorang-UIUX-Designer.jpg\",\"keywords\":[\"Apa itu ui ux\"],\"articleSection\":[\"Pengembangan Aplikasi\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/majapahit.id\/blog\/2021\/10\/25\/apa-itu-ui-dan-ux\/\",\"url\":\"https:\/\/majapahit.id\/blog\/2021\/10\/25\/apa-itu-ui-dan-ux\/\",\"name\":\"Apa Itu UI dan UX : Pengertian, Prinsip & Contoh Trend UI UX\",\"isPartOf\":{\"@id\":\"https:\/\/majapahit.id\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/majapahit.id\/blog\/2021\/10\/25\/apa-itu-ui-dan-ux\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/majapahit.id\/blog\/2021\/10\/25\/apa-itu-ui-dan-ux\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/majapahit.id\/blog\/wp-content\/uploads\/2021\/11\/Peran-Penting-Seorang-UIUX-Designer.jpg\",\"datePublished\":\"2021-10-25T00:00:00+00:00\",\"dateModified\":\"2025-09-03T10:37:10+00:00\",\"description\":\"Yuk, kenali apa itu ui dan ux untuk keperluan desain agar tampilan website atau aplikasi yang Anda ciptakan terlihat lebih profesional\",\"breadcrumb\":{\"@id\":\"https:\/\/majapahit.id\/blog\/2021\/10\/25\/apa-itu-ui-dan-ux\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/majapahit.id\/blog\/2021\/10\/25\/apa-itu-ui-dan-ux\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/majapahit.id\/blog\/2021\/10\/25\/apa-itu-ui-dan-ux\/#primaryimage\",\"url\":\"https:\/\/majapahit.id\/blog\/wp-content\/uploads\/2021\/11\/Peran-Penting-Seorang-UIUX-Designer.jpg\",\"contentUrl\":\"https:\/\/majapahit.id\/blog\/wp-content\/uploads\/2021\/11\/Peran-Penting-Seorang-UIUX-Designer.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/majapahit.id\/blog\/2021\/10\/25\/apa-itu-ui-dan-ux\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/majapahit.id\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Pengembangan Aplikasi\",\"item\":\"https:\/\/majapahit.id\/blog\/category\/pengembangan-aplikasi\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Apa Itu UI UX : Pengertian, Prinsip &#038; Contoh Trend UI UX\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/majapahit.id\/blog\/#website\",\"url\":\"https:\/\/majapahit.id\/blog\/\",\"name\":\"Berita & Blog Perkembangan Teknologi Terkini\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/majapahit.id\/blog\/#organization\"},\"alternateName\":\"Majapahit Teknologi\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/majapahit.id\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/majapahit.id\/blog\/#organization\",\"name\":\"Majapahit Teknologi\",\"alternateName\":\"PT Majapahit Teknologi Nusantara\",\"url\":\"https:\/\/majapahit.id\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/majapahit.id\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/majapahit.id\/blog\/wp-content\/uploads\/2025\/05\/only-logo.png\",\"contentUrl\":\"https:\/\/majapahit.id\/blog\/wp-content\/uploads\/2025\/05\/only-logo.png\",\"width\":1500,\"height\":1500,\"caption\":\"Majapahit Teknologi\"},\"image\":{\"@id\":\"https:\/\/majapahit.id\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/facebook.com\/majapahit.id\",\"https:\/\/instagram.com\/majapahit.id\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/majapahit.id\/blog\/#\/schema\/person\/23b57e756ad75e89690097bdf1872192\",\"name\":\"Paradita Umbara\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/majapahit.id\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/b587321a687e2f98a58b867b630f6b76f25f064a08ca60d1fe9e83eb302f2d04?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/b587321a687e2f98a58b867b630f6b76f25f064a08ca60d1fe9e83eb302f2d04?s=96&d=mm&r=g\",\"caption\":\"Paradita Umbara\"},\"url\":\"https:\/\/majapahit.id\/blog\/author\/umbara\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Apa Itu UI dan UX : Pengertian, Prinsip & Contoh Trend UI UX","description":"Yuk, kenali apa itu ui dan ux untuk keperluan desain agar tampilan website atau aplikasi yang Anda ciptakan terlihat lebih profesional","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/majapahit.id\/blog\/2021\/10\/25\/apa-itu-ui-dan-ux\/","og_locale":"en_US","og_type":"article","og_title":"Apa Itu UI dan UX : Pengertian, Prinsip & Contoh Trend UI UX","og_description":"Yuk, kenali apa itu ui dan ux untuk keperluan desain agar tampilan website atau aplikasi yang Anda ciptakan terlihat lebih profesional","og_url":"https:\/\/majapahit.id\/blog\/2021\/10\/25\/apa-itu-ui-dan-ux\/","og_site_name":"Blog &amp; Berita - Majapahit Teknologi","article_publisher":"https:\/\/facebook.com\/majapahit.id","article_published_time":"2021-10-25T00:00:00+00:00","article_modified_time":"2025-09-03T10:37:10+00:00","og_image":[{"url":"https:\/\/majapahit.id\/blog\/wp-content\/uploads\/2021\/11\/Peran-Penting-Seorang-UIUX-Designer.jpg","width":1,"height":1,"type":"image\/jpeg"}],"author":"Paradita Umbara","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Paradita Umbara","Est. reading time":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/majapahit.id\/blog\/2021\/10\/25\/apa-itu-ui-dan-ux\/#article","isPartOf":{"@id":"https:\/\/majapahit.id\/blog\/2021\/10\/25\/apa-itu-ui-dan-ux\/"},"author":{"name":"Paradita Umbara","@id":"https:\/\/majapahit.id\/blog\/#\/schema\/person\/23b57e756ad75e89690097bdf1872192"},"headline":"Apa Itu UI UX : Pengertian, Prinsip &#038; Contoh Trend UI UX","datePublished":"2021-10-25T00:00:00+00:00","dateModified":"2025-09-03T10:37:10+00:00","mainEntityOfPage":{"@id":"https:\/\/majapahit.id\/blog\/2021\/10\/25\/apa-itu-ui-dan-ux\/"},"wordCount":1164,"publisher":{"@id":"https:\/\/majapahit.id\/blog\/#organization"},"image":{"@id":"https:\/\/majapahit.id\/blog\/2021\/10\/25\/apa-itu-ui-dan-ux\/#primaryimage"},"thumbnailUrl":"https:\/\/majapahit.id\/blog\/wp-content\/uploads\/2021\/11\/Peran-Penting-Seorang-UIUX-Designer.jpg","keywords":["Apa itu ui ux"],"articleSection":["Pengembangan Aplikasi"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/majapahit.id\/blog\/2021\/10\/25\/apa-itu-ui-dan-ux\/","url":"https:\/\/majapahit.id\/blog\/2021\/10\/25\/apa-itu-ui-dan-ux\/","name":"Apa Itu UI dan UX : Pengertian, Prinsip & Contoh Trend UI UX","isPartOf":{"@id":"https:\/\/majapahit.id\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/majapahit.id\/blog\/2021\/10\/25\/apa-itu-ui-dan-ux\/#primaryimage"},"image":{"@id":"https:\/\/majapahit.id\/blog\/2021\/10\/25\/apa-itu-ui-dan-ux\/#primaryimage"},"thumbnailUrl":"https:\/\/majapahit.id\/blog\/wp-content\/uploads\/2021\/11\/Peran-Penting-Seorang-UIUX-Designer.jpg","datePublished":"2021-10-25T00:00:00+00:00","dateModified":"2025-09-03T10:37:10+00:00","description":"Yuk, kenali apa itu ui dan ux untuk keperluan desain agar tampilan website atau aplikasi yang Anda ciptakan terlihat lebih profesional","breadcrumb":{"@id":"https:\/\/majapahit.id\/blog\/2021\/10\/25\/apa-itu-ui-dan-ux\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/majapahit.id\/blog\/2021\/10\/25\/apa-itu-ui-dan-ux\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/majapahit.id\/blog\/2021\/10\/25\/apa-itu-ui-dan-ux\/#primaryimage","url":"https:\/\/majapahit.id\/blog\/wp-content\/uploads\/2021\/11\/Peran-Penting-Seorang-UIUX-Designer.jpg","contentUrl":"https:\/\/majapahit.id\/blog\/wp-content\/uploads\/2021\/11\/Peran-Penting-Seorang-UIUX-Designer.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/majapahit.id\/blog\/2021\/10\/25\/apa-itu-ui-dan-ux\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/majapahit.id\/blog\/"},{"@type":"ListItem","position":2,"name":"Pengembangan Aplikasi","item":"https:\/\/majapahit.id\/blog\/category\/pengembangan-aplikasi\/"},{"@type":"ListItem","position":3,"name":"Apa Itu UI UX : Pengertian, Prinsip &#038; Contoh Trend UI UX"}]},{"@type":"WebSite","@id":"https:\/\/majapahit.id\/blog\/#website","url":"https:\/\/majapahit.id\/blog\/","name":"Berita & Blog Perkembangan Teknologi Terkini","description":"","publisher":{"@id":"https:\/\/majapahit.id\/blog\/#organization"},"alternateName":"Majapahit Teknologi","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/majapahit.id\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/majapahit.id\/blog\/#organization","name":"Majapahit Teknologi","alternateName":"PT Majapahit Teknologi Nusantara","url":"https:\/\/majapahit.id\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/majapahit.id\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/majapahit.id\/blog\/wp-content\/uploads\/2025\/05\/only-logo.png","contentUrl":"https:\/\/majapahit.id\/blog\/wp-content\/uploads\/2025\/05\/only-logo.png","width":1500,"height":1500,"caption":"Majapahit Teknologi"},"image":{"@id":"https:\/\/majapahit.id\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/facebook.com\/majapahit.id","https:\/\/instagram.com\/majapahit.id"]},{"@type":"Person","@id":"https:\/\/majapahit.id\/blog\/#\/schema\/person\/23b57e756ad75e89690097bdf1872192","name":"Paradita Umbara","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/majapahit.id\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/b587321a687e2f98a58b867b630f6b76f25f064a08ca60d1fe9e83eb302f2d04?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/b587321a687e2f98a58b867b630f6b76f25f064a08ca60d1fe9e83eb302f2d04?s=96&d=mm&r=g","caption":"Paradita Umbara"},"url":"https:\/\/majapahit.id\/blog\/author\/umbara\/"}]}},"_links":{"self":[{"href":"https:\/\/majapahit.id\/blog\/wp-json\/wp\/v2\/posts\/83","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/majapahit.id\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/majapahit.id\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/majapahit.id\/blog\/wp-json\/wp\/v2\/users\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/majapahit.id\/blog\/wp-json\/wp\/v2\/comments?post=83"}],"version-history":[{"count":1,"href":"https:\/\/majapahit.id\/blog\/wp-json\/wp\/v2\/posts\/83\/revisions"}],"predecessor-version":[{"id":100462,"href":"https:\/\/majapahit.id\/blog\/wp-json\/wp\/v2\/posts\/83\/revisions\/100462"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/majapahit.id\/blog\/wp-json\/wp\/v2\/media\/100083"}],"wp:attachment":[{"href":"https:\/\/majapahit.id\/blog\/wp-json\/wp\/v2\/media?parent=83"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/majapahit.id\/blog\/wp-json\/wp\/v2\/categories?post=83"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/majapahit.id\/blog\/wp-json\/wp\/v2\/tags?post=83"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}