{"id":3270,"date":"2022-11-15T10:12:39","date_gmt":"2022-11-15T10:12:39","guid":{"rendered":"https:\/\/sagaratechnology.com\/blog\/?p=3270"},"modified":"2023-03-17T09:58:27","modified_gmt":"2023-03-17T09:58:27","slug":"perbedaan-ui-dan-ux","status":"publish","type":"post","link":"https:\/\/sagaratechnology.com\/blog\/perbedaan-ui-dan-ux\/","title":{"rendered":"UI dan UX 101 : Perbedaan, Skill, Manfaat"},"content":{"rendered":"\n<p>Dalam dunia pengembangan aplikasi, seringkali kita mendengar istilah UI dan UX yang tak pernah terpisahkan dan masih banyak yang belum tahu perbedaan UI dan UX. Simak artikel berikut untuk mengetahui perbedaannya!<\/p>\n\n\n\n<p>UI sendiri memiliki arti &#8220;<em>User Interface<\/em>&#8221; sedangkan UX merupakan singkatan dari &#8220;<em>User Experience<\/em>&#8220;. Kedua bidang tersebut sangat krusial dalam pengembangan sebuah produk atau aplikasi dan saling berhubungan. Namun, keduanya sedikit berbeda. <\/p>\n\n\n\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_76 counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Table of Contents<\/p>\n<label for=\"ez-toc-cssicon-toggle-item-69e757b29a7ba\" class=\"ez-toc-cssicon-toggle-label\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" 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: #999;color:#999\" 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><\/label><input type=\"checkbox\"  id=\"ez-toc-cssicon-toggle-item-69e757b29a7ba\"  aria-label=\"Toggle\" \/><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:\/\/sagaratechnology.com\/blog\/perbedaan-ui-dan-ux\/#User_Experience_UX\" >User Experience (UX)<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/sagaratechnology.com\/blog\/perbedaan-ui-dan-ux\/#User_Interface_UI\" >User Interface (UI)<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/sagaratechnology.com\/blog\/perbedaan-ui-dan-ux\/#Manfaat_menggunakan_jasa_UI_dan_UX_untuk_bisnis\" >Manfaat menggunakan jasa UI dan UX untuk bisnis<\/a><\/li><\/ul><\/nav><\/div>\n<h2><span class=\"ez-toc-section\" id=\"User_Experience_UX\"><\/span>User Experience (UX) <span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<blockquote class=\"wp-block-quote\">\n<p>&#8220;User Experience meliputi seluruh aspek dari interaksi pengguna terhadap perusahaan, jasa, dan produknya&#8221; <\/p>\n<cite>&#8211; Don Norman, Ilmuwan Kognitif dan Arsitek User Experience<\/cite><\/blockquote>\n\n\n\n<p>Menurut Don Norman, User Experience meliputi seluruh interaksi antara konsumen potensial dan aktif terhadap sebuah perusahaan, seperti lampu jalan, mobil, pulpen, panci, dan lain-lain. Pada dasarnya, term &#8220;User Experience&#8221; mengacu pada interaksi antara pengguna dan pelayanan produk, Seorang Designer UX men-desain juga memikirkan element berbeda yang menghasilkan pengalaman yang berbeda pula kepada pengguna. <\/p>\n\n\n\n<ul>\n<li>User Experience adalah sebuah proses pengembangan dan peningkatan kualitas interaksi antara pengguna dan seluruh aspek perusahaan <\/li>\n\n\n\n<li>User Experience secara teori bersifat ilmu non-digital tetapi dipakai dan digunakan di industri digital<\/li>\n\n\n\n<li>Desain UX tidak terpaku tentang visual, tetapi berfokus ke bagaimana pengguna menggunakan suatu produk atau aplikasi <\/li>\n\n\n\n<li>Hasil desain User Experience yaitu membuat desain yang menyenangkan pengguna dengan desain yang efektif baik produk digital maupun non-digital. <\/li>\n<\/ul>\n\n\n\n<p>Soft skill yang harus dimiliki seorang UX Designer:<\/p>\n\n\n\n<ul>\n<li>Kolaborasi, komunikasi, dan keterbukaan <\/li>\n\n\n\n<li>Empati<\/li>\n\n\n\n<li>Rasa ingin tahu dan pemecahaan masalah<\/li>\n<\/ul>\n\n\n\n<p>Hard skill yang harus dimiliki seorang UI Designer:<\/p>\n\n\n\n<ul>\n<li>Familiar dengan riset pasar dan teknik analisis<\/li>\n\n\n\n<li>Gambar rangka dan pembuatan prototipe <\/li>\n\n\n\n<li>Memahami Arstitektur Informasi<\/li>\n\n\n\n<li>Memahami evaluasi pengguna dan kegunaan aplikasi terhadap pengguna <\/li>\n<\/ul>\n\n\n\n<h2><span class=\"ez-toc-section\" id=\"User_Interface_UI\"><\/span>User Interface (UI)<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>User Interface (UI) adalah pendekatan pertama manusia terhadap desain produk yang indah. UI Berfokus pada titik visual yang membuat pengguna berhubungan dengan produk. UI membuat kombinasi dari tipografi, color pallete, animasi, dan gambar yang menghasilkan produk yang indah di mata pengguna. <\/p>\n\n\n\n<p>Sebuah User Interface (UI) adalah keterkaitan antara pengguna dan perangkat atau produk digital seperti touchscreen dalam smartphone anda, atau touchpad yang digunakan ketika anda ingin memilih lagu yang ingin anda dengarkan di mobil. <\/p>\n\n\n\n<p>Secara keseluruhan, User Interface (UI) memutuskan tampilan, rasa, dan interaktivitas suatu aplikasi. Seorang desainer User Interface (UI) akan menentukan ikon, tombol. tipografi, skena warna yang baik, juga desain yang responsif.  <\/p>\n\n\n\n<ul>\n<li>Desain User Interface (UI) murni pada praktik <a href=\"https:\/\/teknologi.id\/\" target=\"_blank\" rel=\"noreferrer noopener\">digita<\/a>l yang meliputi visual dan element interaktif sebuah tampilan produk.<\/li>\n\n\n\n<li>Tujuan dari desain User Interface (UI) adalah untuk membimbing pengguna secara visual melalui tampilan produk, desain yang membuat pengguna untuk terlalu banyak berpikir ketika menggunakan sebuah produk. <\/li>\n\n\n\n<li>User Interface (UI) mengubah keunggulan dan aset visual suatu produk menjadi tampilan sebuah produk yang konsisten, masuk akal, dan enak dilihat.  <\/li>\n<\/ul>\n\n\n\n<p>Perbedaan mendasar antara User Interface (UI) dan User Experience (UX) adalah UX merupakan keseluruhan rasa dan pengalaman ketika menggunakan suatu produk, dan UI bagaimana tampilan suatu produk terlihat dan fungsinya. <\/p>\n\n\n\n<p>Soft skill yang harus dimiliki UI Designer: <\/p>\n\n\n\n<ul>\n<li>Kolaborasi, Komunikasi, dan keterbukaan <\/li>\n\n\n\n<li>Empati<\/li>\n\n\n\n<li>Dapat beradaptasi <\/li>\n\n\n\n<li>Kreativitas dan pemecahan masalah <\/li>\n<\/ul>\n\n\n\n<p>Hard Skill yang harus dimiliki UI Designer:<\/p>\n\n\n\n<ul>\n<li>Keahlian Visual Branding seperti : tipografi, teori warna, desain ikon<\/li>\n\n\n\n<li>Gambar rangka dan pembuatan prototype <\/li>\n\n\n\n<li>Ilmu desain responsif <\/li>\n\n\n\n<li>Animasi dan Interaktivitas <\/li>\n<\/ul>\n\n\n\n<h2><span class=\"ez-toc-section\" id=\"Manfaat_menggunakan_jasa_UI_dan_UX_untuk_bisnis\"><\/span>Manfaat menggunakan <a href=\"https:\/\/sagaratechnology.com\/en\/services\/creative\/\" target=\"_blank\" rel=\"noreferrer noopener\">jasa UI dan UX untuk bisnis<\/a><span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<ol>\n<li>Brand Loyalty : Desain UI dan UX yang menarik akan menambah kepuasan konsumen, ketika konsumen merasa puas, anda bisa mempertahankannya, dan inilah yang menciptakan Brand Loyalty.<\/li>\n\n\n\n<li>Konsistensi : Konsisten dengan brand dan produk dan menawarkan User Experience yang bagus adalah kunci dari bisnis yang sukses. Jika anda bukan seorang yang ahli dalam bidang desain grafis, ada banyak desainer logo yang akan membantu anda membuat logo dengan mudah <\/li>\n\n\n\n<li>Kepuasan konsumen : Desain UI dan UX yang bagus adalah desain yang interaktif, dan mudah untuk digunakan. Konten yang menarik bisa membuat konsumen berlama-lama di website anda. <\/li>\n<\/ol>\n","protected":false},"excerpt":{"rendered":"<p>Dalam dunia pengembangan aplikasi, seringkali kita mendengar istilah UI dan UX yang tak pernah terpisahkan dan masih banyak yang belum tahu perbedaan UI dan UX. Simak artikel berikut untuk mengetahui perbedaannya! UI sendiri memiliki arti &#8220;User Interface&#8221; sedangkan UX merupakan singkatan dari &#8220;User Experience&#8220;. Kedua bidang tersebut sangat krusial dalam pengembangan sebuah produk atau aplikasi&#8230;<\/p>\n","protected":false},"author":23,"featured_media":3302,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[355,282,1],"tags":[383,72,382,201,44,90,81],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v21.1 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>UI dan UX 101 : Perbedaan, Skill, Manfaat - Sagara Asia Blog<\/title>\n<meta name=\"description\" content=\"Dalam perkembangan dunia digital, masih banyak yang belum tahu perbedaan UI dan UX. Simak artikel berikut untuk mengetahui perbedaannya!\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/sagaratechnology.com\/blog\/perbedaan-ui-dan-ux\/\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:title\" content=\"UI dan UX 101 : Perbedaan, Skill, Manfaat - Sagara Asia Blog\" \/>\n<meta name=\"twitter:description\" content=\"Dalam perkembangan dunia digital, masih banyak yang belum tahu perbedaan UI dan UX. Simak artikel berikut untuk mengetahui perbedaannya!\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/sagaratechnology.com\/blog\/wp-content\/uploads\/2022\/11\/17350097_5812026.jpg\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Amalia Safitri Kartika\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"UI dan UX 101 : Perbedaan, Skill, Manfaat - Sagara Asia Blog","description":"Dalam perkembangan dunia digital, masih banyak yang belum tahu perbedaan UI dan UX. Simak artikel berikut untuk mengetahui perbedaannya!","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:\/\/sagaratechnology.com\/blog\/perbedaan-ui-dan-ux\/","twitter_card":"summary_large_image","twitter_title":"UI dan UX 101 : Perbedaan, Skill, Manfaat - Sagara Asia Blog","twitter_description":"Dalam perkembangan dunia digital, masih banyak yang belum tahu perbedaan UI dan UX. Simak artikel berikut untuk mengetahui perbedaannya!","twitter_image":"https:\/\/sagaratechnology.com\/blog\/wp-content\/uploads\/2022\/11\/17350097_5812026.jpg","twitter_misc":{"Written by":"Amalia Safitri Kartika","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/sagaratechnology.com\/blog\/perbedaan-ui-dan-ux\/#article","isPartOf":{"@id":"https:\/\/sagaratechnology.com\/blog\/perbedaan-ui-dan-ux\/"},"author":{"name":"Amalia Safitri Kartika","@id":"https:\/\/sagaratechnology.com\/blog\/#\/schema\/person\/5490d29d5d1ba643a203659716aac178"},"headline":"UI dan UX 101 : Perbedaan, Skill, Manfaat","datePublished":"2022-11-15T10:12:39+00:00","dateModified":"2023-03-17T09:58:27+00:00","mainEntityOfPage":{"@id":"https:\/\/sagaratechnology.com\/blog\/perbedaan-ui-dan-ux\/"},"wordCount":607,"commentCount":0,"publisher":{"@id":"https:\/\/sagaratechnology.com\/blog\/#organization"},"keywords":["perbedaan ui dan ux","Ui And Ux Design","ui ux adalah","user experience","User Experience Design","User Interface","User Interface Design"],"articleSection":["Berita Teknologi","Informasi Digital"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/sagaratechnology.com\/blog\/perbedaan-ui-dan-ux\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/sagaratechnology.com\/blog\/perbedaan-ui-dan-ux\/","url":"https:\/\/sagaratechnology.com\/blog\/perbedaan-ui-dan-ux\/","name":"UI dan UX 101 : Perbedaan, Skill, Manfaat - Sagara Asia Blog","isPartOf":{"@id":"https:\/\/sagaratechnology.com\/blog\/#website"},"datePublished":"2022-11-15T10:12:39+00:00","dateModified":"2023-03-17T09:58:27+00:00","description":"Dalam perkembangan dunia digital, masih banyak yang belum tahu perbedaan UI dan UX. Simak artikel berikut untuk mengetahui perbedaannya!","breadcrumb":{"@id":"https:\/\/sagaratechnology.com\/blog\/perbedaan-ui-dan-ux\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/sagaratechnology.com\/blog\/perbedaan-ui-dan-ux\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/sagaratechnology.com\/blog\/perbedaan-ui-dan-ux\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/sagaratechnology.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Berita Teknologi","item":"https:\/\/sagaratechnology.com\/blog\/category\/berita-teknologi\/"},{"@type":"ListItem","position":3,"name":"UI dan UX 101 : Perbedaan, Skill, Manfaat"}]},{"@type":"WebSite","@id":"https:\/\/sagaratechnology.com\/blog\/#website","url":"https:\/\/sagaratechnology.com\/blog\/","name":"Sagara Asia Blog","description":"Dapatkan Informasi Seputar Teknologi dan Bisnis","publisher":{"@id":"https:\/\/sagaratechnology.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/sagaratechnology.com\/blog\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/sagaratechnology.com\/blog\/#organization","name":"Sagara Technology","url":"https:\/\/sagaratechnology.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/sagaratechnology.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/sagaratechnology.com\/blog\/wp-content\/uploads\/2021\/10\/sagara-logo.jpeg","contentUrl":"https:\/\/sagaratechnology.com\/blog\/wp-content\/uploads\/2021\/10\/sagara-logo.jpeg","width":200,"height":200,"caption":"Sagara Technology"},"image":{"@id":"https:\/\/sagaratechnology.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.linkedin.com\/company\/sagara-asia\/"]},{"@type":"Person","@id":"https:\/\/sagaratechnology.com\/blog\/#\/schema\/person\/5490d29d5d1ba643a203659716aac178","name":"Amalia Safitri Kartika","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/sagaratechnology.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/2f693459a70048c94c8c9765ec3dddd2?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/2f693459a70048c94c8c9765ec3dddd2?s=96&d=mm&r=g","caption":"Amalia Safitri Kartika"}}]}},"_links":{"self":[{"href":"https:\/\/sagaratechnology.com\/blog\/wp-json\/wp\/v2\/posts\/3270"}],"collection":[{"href":"https:\/\/sagaratechnology.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/sagaratechnology.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/sagaratechnology.com\/blog\/wp-json\/wp\/v2\/users\/23"}],"replies":[{"embeddable":true,"href":"https:\/\/sagaratechnology.com\/blog\/wp-json\/wp\/v2\/comments?post=3270"}],"version-history":[{"count":3,"href":"https:\/\/sagaratechnology.com\/blog\/wp-json\/wp\/v2\/posts\/3270\/revisions"}],"predecessor-version":[{"id":3712,"href":"https:\/\/sagaratechnology.com\/blog\/wp-json\/wp\/v2\/posts\/3270\/revisions\/3712"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/sagaratechnology.com\/blog\/wp-json\/wp\/v2\/media\/3302"}],"wp:attachment":[{"href":"https:\/\/sagaratechnology.com\/blog\/wp-json\/wp\/v2\/media?parent=3270"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/sagaratechnology.com\/blog\/wp-json\/wp\/v2\/categories?post=3270"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/sagaratechnology.com\/blog\/wp-json\/wp\/v2\/tags?post=3270"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}