{"id":1662,"date":"2021-12-14T16:00:30","date_gmt":"2021-12-14T09:00:30","guid":{"rendered":"https:\/\/bikin.website\/blog\/?p=1662"},"modified":"2021-12-14T15:26:30","modified_gmt":"2021-12-14T08:26:30","slug":"apa-itu-ui-dan-ux","status":"publish","type":"post","link":"https:\/\/bikin.website\/blog\/apa-itu-ui-dan-ux\/","title":{"rendered":"UI UX: Pengertian, Komponen &#038; Perbedaan"},"content":{"rendered":"<p><span style=\"font-weight: 400;\">Secara umum pengertian apa itu UI dan UX adalah salah satu dari komponen penting dalam mengembangkan suatu website ataupun aplikasi.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Dalam mengembangkan aplikasi yang berbasis desktop, <a href=\"https:\/\/bikin.website\/blog\/cara-membuat-website\/\" target=\"_blank\" rel=\"noopener\">website<\/a> ataupun mobile saat ini pastinya sangat membutuhkan UI dan UX ini.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Sebelum makin dalam pembahasannya sebaiknya kita perlu mengetahui tentang UI dan UX ini.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Untuk UI ini merupakan singkatan dari User Interface sedangkan untuk UX ini merupakan singkatan dari User Experience.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Semoga dari sini sudah mulai sedikit paham ya dengan maksud dari singkatan UI dan UX.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Untuk lebih jelasnya akan dibahas mengenai pengertian, komponen dan juga perbedaan dari UI dan UX ini.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Yuk langsung saja kita bahas lebih dalam dari UI dan UX ini.\u00a0<\/span><\/p>\n<h2><b>Apa Itu UI dan UX?<\/b><\/h2>\n<figure id=\"attachment_1666\" aria-describedby=\"caption-attachment-1666\" style=\"width: 606px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/bikin.website\/blog\/wp-content\/uploads\/2021\/12\/apa-itu-ui-dan-ux-1.webp\"><img decoding=\"async\" class=\" wp-image-1666\" src=\"https:\/\/bikin.website\/blog\/wp-content\/uploads\/2021\/12\/apa-itu-ui-dan-ux-1-300x213.webp\" alt=\"apa itu ui dan ux\" width=\"606\" height=\"430\" srcset=\"https:\/\/bikin.website\/blog\/wp-content\/uploads\/2021\/12\/apa-itu-ui-dan-ux-1-300x213.webp 300w, https:\/\/bikin.website\/blog\/wp-content\/uploads\/2021\/12\/apa-itu-ui-dan-ux-1.webp 713w\" sizes=\"(max-width: 606px) 100vw, 606px\" \/><\/a><figcaption id=\"caption-attachment-1666\" class=\"wp-caption-text\">ui ux adalah<\/figcaption><\/figure>\n<p><span style=\"font-weight: 400;\">UI atau User Interface ini merupakan proses dalam menampilkan sebuah hasil yang dalam bentuk tampilan dimana nantinya akan dilihat oleh user atau pengguna.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Untuk lebih tepatnya merupakan bagian visual dari sebuah website, software ataupun hardware untuk user agar dapat berinteraksi.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Tujuan dari UI atau User Interface ini ialah untuk dapat meningkatkan fungsionalitas dan meningkatkan user experience dari user atau pengguna.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Sedangkan untuk UX atau User Experience ini merupakan sebuah proses dimana para pengguna dapat berinteraksi dengan interface yang nyaman dan baik.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Yang terpenting dari UX adalah agar dapat membantu meningkatkan kepuasaan pengguna ketika mengakses sebuah tampilan, baik dari mobile, website ataupun desktop.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">UX juga menjadi penghubung antara pengguna dengan produk.\u00a0<\/span><\/p>\n<h2><b>Komponen UI UX\u00a0<\/b><\/h2>\n<p><span style=\"font-weight: 400;\">Adanya UI (User Interface) dan UX (User Experience) pastinya tidak dapat dipisahkan.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Karena masing-masing telah memiliki keterkaitan yang erat dalam memberikan pengalaman kepada para pengguna atau user dalam mengakses aplikasi.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Ada beberapa komponen yang ada dalam UI dan UX yang memiliki peran dalam mengarahkan perilaku dari pengguna saat menggunakan aplikasi.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Berikut komponen yang ada di dalam UI dan UX:\u00a0<\/span><\/p>\n<ul>\n<li aria-level=\"1\"><b>Informasi arsitektur\u00a0<\/b><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">Yang dimaksud dengan informasi arsitektur ialah struktur dari segala bentuk informasi yang dapat ditampilkan ke para pengguna.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Sebelum membahas lebih lanjut mengenai rancangan aplikasi, sebaiknya perlu untuk mengetahui terlebih dahulu yang dibutuhkan oleh para user.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Berikut akan menjelaskan beberapa metode apa saja yang dibutuhkan untuk mengorganisir informasi arsitektur.\u00a0<\/span><\/p>\n<ul>\n<li aria-level=\"1\"><b>Hierarki\u00a0<\/b><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">Metode informasi yang secara hierarki menggunakan konsep dari teori psikologi.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Dalam hal ini sangat diperhatikan fungsionalitas serta penyusunan di setiap elemen dari aplikasi yang dibuat.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Contohnya seperti pembuatan navigasi yang akan dibuat paling atas dan akan berfungsi sebagai penunjuk.\u00a0<\/span><\/p>\n<ul>\n<li aria-level=\"1\"><b>Sekuensial\u00a0<\/b><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">Metode sekuensial ini akan lebih menekankan pada proses break down di setiap informasi yang menjadi beberapa tahapan dimana nantinya akan digunakan oleh para pengguna.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Fungsi dari metode sekuensi ini supaya para user dapat mengingat lebih baik mengenai informasi yang diberikan.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Contohnya pada menu e-commerce yang memiliki produk informasi.\u00a0<\/span><\/p>\n<ul>\n<li aria-level=\"1\"><b>Matriks\u00a0<\/b><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">Terakhir ada metode matriks yang banyak tanggung jawab kepada sisi user atau pengguna.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Tanggung jawab yang dimaksud disini ialah dalam mengorganisir informasi.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Contohnya seperti sorting yang merupakan fitur dengan menggunakan metode matriks.\u00a0<\/span><\/p>\n<ul>\n<li aria-level=\"1\"><b>Interaksi desain\u00a0<\/b><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">Aplikasi yang dibuat bukan hanya untuk dipandang serta dinikmati saja pada tampilannya.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Namun juga interaksi dari aplikasi akan sangat berperan penting.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Interaksi yang baik didukung juga dengan desain yang baik.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Interaksi pada desain dapat berupa cara menggeser, cara mengklik, dan menekan fitur ataupun tombol aplikasi.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Interaksi desain ini sangatlah penting untuk dapat mengetahui kebiasaan pengguna.\u00a0<\/span><\/p>\n<ul>\n<li aria-level=\"1\"><b>Fungsionalitas\u00a0<\/b><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">Fungsionalitas merupakan komponen yang penting dalam mendesain UI dan UX.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Ukuran fungsionalitas ini dapat dinilai dari mudah atau tidaknya penggunaan aplikasi tersebut.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Selain itu juga ketepatan serta fitur yang mendukung para pengguna merupakan hal yang penting untuk tampilan mobile ataupun website.\u00a0<\/span><\/p>\n<ul>\n<li aria-level=\"1\"><b>Prototype\u00a0<\/b><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">Langkah selanjutnya yang harus dilakukan yaitu dengan membuat sebuah prototype kasar dimana berupa wireframe.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Output yang berasal dari prototype ini akan dijadikan menjadi layout.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Dimana nantinya akan diserahkan kepada para tim pengembang dalam proses pembuatan software.\u00a0<\/span><\/p>\n<ul>\n<li aria-level=\"1\"><b>Desain Visual\u00a0<\/b><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">Setelah hasil wireframe sudah dibuat, selanjutnya bagi seorang visual designer akan membuat tampilan visual yang berasal dari rancangan tadi.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Dengan adanya penambahan serta perubahan yang pada style, warna, front, dan lainnya.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Fungsinya agar memberikan sedikit gambaran lebih jelas tentang desain awal dari aplikasi yang nantinya akan dibuat.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Tools yang biasanya digunakan dalam membuat desain visual ini ialah menggunakan Adobe XD, figma atau yang lainnya.\u00a0<\/span><\/p>\n<blockquote><p><strong>Baca Juga: <a class=\"row-title\" href=\"https:\/\/bikin.website\/blog\/rekomendasi-font\/\" target=\"_blank\" rel=\"noopener\" aria-label=\"\u201cRekomendasi Font untuk Website WordPress\u201d (Edit)\">Rekomendasi Font untuk Website WordPress<\/a><\/strong><\/p><\/blockquote>\n<h2><b>Perbedaan UI UX\u00a0<\/b><\/h2>\n<figure id=\"attachment_1665\" aria-describedby=\"caption-attachment-1665\" style=\"width: 596px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/bikin.website\/blog\/wp-content\/uploads\/2021\/12\/perbedaan-ui-ux.webp\"><img decoding=\"async\" class=\" wp-image-1665\" src=\"https:\/\/bikin.website\/blog\/wp-content\/uploads\/2021\/12\/perbedaan-ui-ux-300x201.webp\" alt=\"perbedaan ui ux\" width=\"596\" height=\"399\" srcset=\"https:\/\/bikin.website\/blog\/wp-content\/uploads\/2021\/12\/perbedaan-ui-ux-300x201.webp 300w, https:\/\/bikin.website\/blog\/wp-content\/uploads\/2021\/12\/perbedaan-ui-ux.webp 566w\" sizes=\"(max-width: 596px) 100vw, 596px\" \/><\/a><figcaption id=\"caption-attachment-1665\" class=\"wp-caption-text\">perbedaan ui dan ux<\/figcaption><\/figure>\n<p><span style=\"font-weight: 400;\">Berikut ini beberapa perbedaan UI dan UX yang perlu untuk diketahui:\u00a0<\/span><\/p>\n<ul>\n<li aria-level=\"1\"><b>Tujuan desain\u00a0<\/b><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">Hal yang mendasar dari perbedaan UI dan UX adalah mengenai tujuannya.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Fokus dalam pembuatan desain UI dan UX sangatlah berbeda.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Desain UI dalam suatu produk memiliki tujuan untuk memperindah tampilan pada suatu produk.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Sedangkan pada sisi lain, desain UX ini dibuat untuk memberikan pengalaman yang menyenangkan bagi para user ketika sedang menggunakan produk tersebut.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Jadi bila disederhanakan, fokus desain UI ini dibuat untuk mempercantik atau membuat indah tampilan dan untuk fokus desain UX dibuat untuk kepuasan user atau pengguna.\u00a0<\/span><\/p>\n<ul>\n<li aria-level=\"1\"><b>Proses desain\u00a0<\/b><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">Karena adanya perbedaan tujuan desain, maka proses akan berbeda.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Maka dari itu proses dalam membuat UI UX akan berbeda.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Karena fokus pada UX lebih maka proses desain UX dapat berdasarkan riset dari user hingga dapat menghasilkan produk yang dibutuhkan serta disenangi oleh para pengguna.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Proses ini memerlukan banyak tahapan serta memerlukan peran dari beberapa pihak, contohnya seperti UX Researcher.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Setelah melakukan riset, para desainer akan merancang sketsa desain menggunakan wireframe serta prototype.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Tetapi desain UI juga membutuhkan riset yang mendalam, namun riset yang dilakukan merupakan riset desain agar dapat membuat desain yang cukup menarik serta sesuai dengan konsep.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Pada hal ini para desainer UI perlu untuk membuat desain dengan cara membuat sebuah mockup terlebih dahulu.\u00a0<\/span><\/p>\n<h3><b>Penutup\u00a0<\/b><\/h3>\n<p><span style=\"font-weight: 400;\">Itulah tadi pengertian dari apa itu UI UX, komponen UI dan UX, dan juga perbedaan dari UI dan UX.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Bila Anda sedang membuat sebuah website maka jangan lupa untuk menggunakan <a href=\"https:\/\/bikin.website\/\" target=\"_blank\" rel=\"noopener\">Bikin.Website<\/a> sebagai jasa layanan pembuatan website.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Bila masih ada pertanyaan silahkan tinggalkan komentar dibawah ini.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Terima kasih.\u00a0<\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Secara umum pengertian apa itu UI dan UX adalah salah satu dari komponen penting dalam mengembangkan suatu website ataupun aplikasi.\u00a0 Dalam mengembangkan aplikasi yang berbasis desktop, website ataupun mobile saat ini pastinya sangat membutuhkan UI dan UX ini.\u00a0 Sebelum makin dalam pembahasannya sebaiknya kita perlu mengetahui tentang UI dan UX ini.\u00a0 Untuk UI ini merupakan [&hellip;]<\/p>\n","protected":false},"author":5,"featured_media":1663,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_links_to":"","_links_to_target":""},"categories":[409],"tags":[900,901],"class_list":["post-1662","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-dev-website","tag-ui-ux","tag-ui-ux-adalah"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>UI UX: Pengertian, Komponen &amp; Perbedaan - Bikin.Website<\/title>\n<meta name=\"description\" content=\"pengertian dari apa itu ui dan ux dibahas di dalam artikel ini, semoga bagi pembaca dapat memberikan info yang bermanfaat.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/bikin.website\/blog\/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=\"UI UX: Pengertian, Komponen &amp; Perbedaan - Bikin.Website\" \/>\n<meta property=\"og:description\" content=\"pengertian dari apa itu ui dan ux dibahas di dalam artikel ini, semoga bagi pembaca dapat memberikan info yang bermanfaat.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/bikin.website\/blog\/apa-itu-ui-dan-ux\/\" \/>\n<meta property=\"og:site_name\" content=\"Bikin.Website\" \/>\n<meta property=\"article:published_time\" content=\"2021-12-14T09:00:30+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/bikin.website\/blog\/wp-content\/uploads\/2021\/12\/apa-itu-ui-dan-ux.webp\" \/>\n\t<meta property=\"og:image:width\" content=\"1000\" \/>\n\t<meta property=\"og:image:height\" content=\"743\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/webp\" \/>\n<meta name=\"author\" content=\"mega\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"mega\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/bikin.website\\\/blog\\\/apa-itu-ui-dan-ux\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/bikin.website\\\/blog\\\/apa-itu-ui-dan-ux\\\/\"},\"author\":{\"name\":\"mega\",\"@id\":\"https:\\\/\\\/bikin.website\\\/blog\\\/#\\\/schema\\\/person\\\/96252fbfa62ac66731deb70ee96b6e18\"},\"headline\":\"UI UX: Pengertian, Komponen &#038; Perbedaan\",\"datePublished\":\"2021-12-14T09:00:30+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/bikin.website\\\/blog\\\/apa-itu-ui-dan-ux\\\/\"},\"wordCount\":956,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/bikin.website\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/bikin.website\\\/blog\\\/apa-itu-ui-dan-ux\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/bikin.website\\\/blog\\\/wp-content\\\/uploads\\\/2021\\\/12\\\/apa-itu-ui-dan-ux.webp\",\"keywords\":[\"ui ux\",\"ui ux adalah\"],\"articleSection\":[\"Web Dev\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/bikin.website\\\/blog\\\/apa-itu-ui-dan-ux\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/bikin.website\\\/blog\\\/apa-itu-ui-dan-ux\\\/\",\"url\":\"https:\\\/\\\/bikin.website\\\/blog\\\/apa-itu-ui-dan-ux\\\/\",\"name\":\"UI UX: Pengertian, Komponen & Perbedaan - Bikin.Website\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/bikin.website\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/bikin.website\\\/blog\\\/apa-itu-ui-dan-ux\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/bikin.website\\\/blog\\\/apa-itu-ui-dan-ux\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/bikin.website\\\/blog\\\/wp-content\\\/uploads\\\/2021\\\/12\\\/apa-itu-ui-dan-ux.webp\",\"datePublished\":\"2021-12-14T09:00:30+00:00\",\"description\":\"pengertian dari apa itu ui dan ux dibahas di dalam artikel ini, semoga bagi pembaca dapat memberikan info yang bermanfaat.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/bikin.website\\\/blog\\\/apa-itu-ui-dan-ux\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/bikin.website\\\/blog\\\/apa-itu-ui-dan-ux\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/bikin.website\\\/blog\\\/apa-itu-ui-dan-ux\\\/#primaryimage\",\"url\":\"https:\\\/\\\/bikin.website\\\/blog\\\/wp-content\\\/uploads\\\/2021\\\/12\\\/apa-itu-ui-dan-ux.webp\",\"contentUrl\":\"https:\\\/\\\/bikin.website\\\/blog\\\/wp-content\\\/uploads\\\/2021\\\/12\\\/apa-itu-ui-dan-ux.webp\",\"width\":1000,\"height\":743,\"caption\":\"apa itu ui dan ux\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/bikin.website\\\/blog\\\/apa-itu-ui-dan-ux\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/bikin.website\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"UI UX: Pengertian, Komponen &#038; Perbedaan\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/bikin.website\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/bikin.website\\\/blog\\\/\",\"name\":\"Bikin.Website\",\"description\":\"Tips Bikin Website dan Bisnis Online\",\"publisher\":{\"@id\":\"https:\\\/\\\/bikin.website\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/bikin.website\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/bikin.website\\\/blog\\\/#organization\",\"name\":\"Bikin.Website\",\"url\":\"https:\\\/\\\/bikin.website\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/bikin.website\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/bikin.website\\\/blog\\\/wp-content\\\/uploads\\\/2019\\\/10\\\/logo-blue.png\",\"contentUrl\":\"https:\\\/\\\/bikin.website\\\/blog\\\/wp-content\\\/uploads\\\/2019\\\/10\\\/logo-blue.png\",\"width\":3342,\"height\":409,\"caption\":\"Bikin.Website\"},\"image\":{\"@id\":\"https:\\\/\\\/bikin.website\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/bikin.website\\\/blog\\\/#\\\/schema\\\/person\\\/96252fbfa62ac66731deb70ee96b6e18\",\"name\":\"mega\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/4588150c2c926782fe4447e3ff17b5be1f58cd5093353bd2b94abbe24eef5c69?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/4588150c2c926782fe4447e3ff17b5be1f58cd5093353bd2b94abbe24eef5c69?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/4588150c2c926782fe4447e3ff17b5be1f58cd5093353bd2b94abbe24eef5c69?s=96&d=mm&r=g\",\"caption\":\"mega\"},\"description\":\"Seorang Content Writer yang menyukai musik, menonton film, traveling dan tentu saja menulis.\",\"url\":\"https:\\\/\\\/bikin.website\\\/blog\\\/author\\\/mega\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"UI UX: Pengertian, Komponen & Perbedaan - Bikin.Website","description":"pengertian dari apa itu ui dan ux dibahas di dalam artikel ini, semoga bagi pembaca dapat memberikan info yang bermanfaat.","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:\/\/bikin.website\/blog\/apa-itu-ui-dan-ux\/","og_locale":"en_US","og_type":"article","og_title":"UI UX: Pengertian, Komponen & Perbedaan - Bikin.Website","og_description":"pengertian dari apa itu ui dan ux dibahas di dalam artikel ini, semoga bagi pembaca dapat memberikan info yang bermanfaat.","og_url":"https:\/\/bikin.website\/blog\/apa-itu-ui-dan-ux\/","og_site_name":"Bikin.Website","article_published_time":"2021-12-14T09:00:30+00:00","og_image":[{"width":1000,"height":743,"url":"https:\/\/bikin.website\/blog\/wp-content\/uploads\/2021\/12\/apa-itu-ui-dan-ux.webp","type":"image\/webp"}],"author":"mega","twitter_card":"summary_large_image","twitter_misc":{"Written by":"mega","Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/bikin.website\/blog\/apa-itu-ui-dan-ux\/#article","isPartOf":{"@id":"https:\/\/bikin.website\/blog\/apa-itu-ui-dan-ux\/"},"author":{"name":"mega","@id":"https:\/\/bikin.website\/blog\/#\/schema\/person\/96252fbfa62ac66731deb70ee96b6e18"},"headline":"UI UX: Pengertian, Komponen &#038; Perbedaan","datePublished":"2021-12-14T09:00:30+00:00","mainEntityOfPage":{"@id":"https:\/\/bikin.website\/blog\/apa-itu-ui-dan-ux\/"},"wordCount":956,"commentCount":0,"publisher":{"@id":"https:\/\/bikin.website\/blog\/#organization"},"image":{"@id":"https:\/\/bikin.website\/blog\/apa-itu-ui-dan-ux\/#primaryimage"},"thumbnailUrl":"https:\/\/bikin.website\/blog\/wp-content\/uploads\/2021\/12\/apa-itu-ui-dan-ux.webp","keywords":["ui ux","ui ux adalah"],"articleSection":["Web Dev"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/bikin.website\/blog\/apa-itu-ui-dan-ux\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/bikin.website\/blog\/apa-itu-ui-dan-ux\/","url":"https:\/\/bikin.website\/blog\/apa-itu-ui-dan-ux\/","name":"UI UX: Pengertian, Komponen & Perbedaan - Bikin.Website","isPartOf":{"@id":"https:\/\/bikin.website\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/bikin.website\/blog\/apa-itu-ui-dan-ux\/#primaryimage"},"image":{"@id":"https:\/\/bikin.website\/blog\/apa-itu-ui-dan-ux\/#primaryimage"},"thumbnailUrl":"https:\/\/bikin.website\/blog\/wp-content\/uploads\/2021\/12\/apa-itu-ui-dan-ux.webp","datePublished":"2021-12-14T09:00:30+00:00","description":"pengertian dari apa itu ui dan ux dibahas di dalam artikel ini, semoga bagi pembaca dapat memberikan info yang bermanfaat.","breadcrumb":{"@id":"https:\/\/bikin.website\/blog\/apa-itu-ui-dan-ux\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/bikin.website\/blog\/apa-itu-ui-dan-ux\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/bikin.website\/blog\/apa-itu-ui-dan-ux\/#primaryimage","url":"https:\/\/bikin.website\/blog\/wp-content\/uploads\/2021\/12\/apa-itu-ui-dan-ux.webp","contentUrl":"https:\/\/bikin.website\/blog\/wp-content\/uploads\/2021\/12\/apa-itu-ui-dan-ux.webp","width":1000,"height":743,"caption":"apa itu ui dan ux"},{"@type":"BreadcrumbList","@id":"https:\/\/bikin.website\/blog\/apa-itu-ui-dan-ux\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/bikin.website\/blog\/"},{"@type":"ListItem","position":2,"name":"UI UX: Pengertian, Komponen &#038; Perbedaan"}]},{"@type":"WebSite","@id":"https:\/\/bikin.website\/blog\/#website","url":"https:\/\/bikin.website\/blog\/","name":"Bikin.Website","description":"Tips Bikin Website dan Bisnis Online","publisher":{"@id":"https:\/\/bikin.website\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/bikin.website\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/bikin.website\/blog\/#organization","name":"Bikin.Website","url":"https:\/\/bikin.website\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/bikin.website\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/bikin.website\/blog\/wp-content\/uploads\/2019\/10\/logo-blue.png","contentUrl":"https:\/\/bikin.website\/blog\/wp-content\/uploads\/2019\/10\/logo-blue.png","width":3342,"height":409,"caption":"Bikin.Website"},"image":{"@id":"https:\/\/bikin.website\/blog\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/bikin.website\/blog\/#\/schema\/person\/96252fbfa62ac66731deb70ee96b6e18","name":"mega","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/4588150c2c926782fe4447e3ff17b5be1f58cd5093353bd2b94abbe24eef5c69?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/4588150c2c926782fe4447e3ff17b5be1f58cd5093353bd2b94abbe24eef5c69?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/4588150c2c926782fe4447e3ff17b5be1f58cd5093353bd2b94abbe24eef5c69?s=96&d=mm&r=g","caption":"mega"},"description":"Seorang Content Writer yang menyukai musik, menonton film, traveling dan tentu saja menulis.","url":"https:\/\/bikin.website\/blog\/author\/mega\/"}]}},"_links":{"self":[{"href":"https:\/\/bikin.website\/blog\/wp-json\/wp\/v2\/posts\/1662","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bikin.website\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/bikin.website\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/bikin.website\/blog\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/bikin.website\/blog\/wp-json\/wp\/v2\/comments?post=1662"}],"version-history":[{"count":2,"href":"https:\/\/bikin.website\/blog\/wp-json\/wp\/v2\/posts\/1662\/revisions"}],"predecessor-version":[{"id":1667,"href":"https:\/\/bikin.website\/blog\/wp-json\/wp\/v2\/posts\/1662\/revisions\/1667"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/bikin.website\/blog\/wp-json\/wp\/v2\/media\/1663"}],"wp:attachment":[{"href":"https:\/\/bikin.website\/blog\/wp-json\/wp\/v2\/media?parent=1662"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/bikin.website\/blog\/wp-json\/wp\/v2\/categories?post=1662"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/bikin.website\/blog\/wp-json\/wp\/v2\/tags?post=1662"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}