{"id":613,"date":"2021-09-06T23:32:45","date_gmt":"2021-09-06T16:32:45","guid":{"rendered":"https:\/\/aksaradata.id\/blog\/?p=613"},"modified":"2023-07-13T16:24:18","modified_gmt":"2023-07-13T09:24:18","slug":"ui-ux-adalah","status":"publish","type":"post","link":"https:\/\/aksaradata.id\/blog\/ui-ux-adalah\/","title":{"rendered":"Apa itu UI UX? Pengertian, Perbedaan Utama, dan Fungsinya"},"content":{"rendered":"

UI UX adalah kepanjangan dari User Interface (UI) dan User Experience (UX) yang sangat penting dalam pengembangan produk-produk digital seperti aplikasi dan website.<\/span><\/p>\n

UI UX sendiri sebenarnya merupakan dua hal yang berbeda, namun keberadaan keduanya tidak dapat dipisahkan.<\/span><\/p>\n

Jika satu aspek saja ditinggalkan, produk yang dikembangakan tidak akan memperoleh hasil yang maksimal.<\/span><\/p>\n

Jika penasaran tentang apa itu UI UX, perbedaan antara UI dan UX, serta masing-masing fungsinya, Sahabat Aksara berada pada artikel yang tepat.<\/span><\/p>\n

Yuk, langsung saja simak penjelasan lengkapnya!<\/span><\/p>\n

Apa Itu UI UX?<\/b><\/h2>\n
\"Apa
Sumber: Freepik\/ stories<\/em><\/figcaption><\/figure>\n

Mari kita mulai dengan penjelasan tentang UX terlebih dahulu.\u00a0<\/span><\/p>\n

UX (User Experience) adalah proses mendesain untuk mengembangkan kualitas produk berdasarkan human-first approach.\u00a0<\/span><\/p>\n

Yang perlu diingat adalah, UX bukan tentang desain visual; namun terkait kemudahan, relevansi, dan efisiensi pemakaian suatu produk oleh user<\/em> (pengguna produk).<\/span><\/p>\n

Desainer akan memikirkan keinginan dan kebutuhan user saat menggunakan produk yang diciptakan.<\/span><\/p>\n

Oh iya, penilaian pengalaman user mencakup seluruh aspek interaksi.<\/span><\/p>\n

Mulai dari aspek interaksi dengan perusahaan, layanan, struktur desain, hingga navigasi penggunaan produk.<\/span><\/p>\n

Jadi, UX bukan sekedar berpatokan pada ulasan dan penilaian dari user.<\/span><\/p>\n

Namun lebih kepada memprhatikan pengalaman personal masing-masing usernya.<\/span><\/p>\n

Istilah \u201cuser experience\u201d sendiri pertama kali dikemukakan oleh Don Norman pada tahun 1990.<\/span><\/p>\n

Beliau adalah seorang Cognitive Scientist & User Experience Architect sekaligus co-founder dari Nielsen Norman Group Design Consultancy.<\/span><\/p>\n

Dalam kamus Norman, UX tidak terbatas pada produk berbasis digital saja.<\/span><\/p>\n

UX mencakup produk jenis apapun yang bersinggungan langsung dengan user, seperti lampu jalan, mobil, mesin cuci, sofa, mesin kopi, dan lain sebagainya.<\/span><\/p>\n

Namun, kekinian, desain UX lebih dikenal untuk mendefinisikan proses desain produk industri digital seperti aplikasi, website, smarthphone, dan lain sebagainya.\u00a0<\/span><\/p>\n

\"UI
Sumber: Freepik\/ stories<\/em><\/figcaption><\/figure>\n

Kini, mari berpindah ke pembahasan mengenai UI.<\/span><\/p>\n

UI (User Interface) adalah proses optimasi desain visual suatu produk digital berdasarkan human-first approach.<\/span><\/p>\n

Fokusnya tertuju pada keindahan tampilan dan interaktivitas suatu produk digital di mata user.<\/span><\/p>\n

Agar saat user berinteraksi dengan produk, seluruh prosesnya terasa mudah dan menyenangkan.<\/span><\/p>\n

Berbeda dengan UX yang dapat diterapkan pada berbagai macam produk, UI murni hanya diterapkan dalam produk-produk digital.<\/span><\/p>\n

Jadi, produk-produk digital tersebut memiliki tampilan yang konsisten, koheren, dan secara estetika menyenangkan mata.<\/span><\/p>\n

Komponen yang diperhatikan oleh desainer UI meliputi ikon, tombol, tipografi, skema warna, gambar, animasi, perbandingan ukuran objek, dan visual interaktif lainnya.<\/span><\/p>\n

Contoh pengapliksian UI desain adalah pada tampilan smartphone, mulai dari lock screen hingga tampilan seluruh sistem yang ada di dalamnya.<\/p>\n

Smartphone dengan UI yang baik akan sangat menyenangkan dipakai karena nyaman di mata.<\/p>\n

Letak tiap-tiap menunya pun terlihat jelas dan mudah untuk diakses.<\/p>\n

Misalkan Sahabat Aksara sekalian sedang mencari fitur kamera.<\/p>\n

Dengan tata letak yang baik, juga desain ikon kamera yang jelas, pasti Anda dapat dengan mudah menemukan fitur kamera.<\/p>\n

Sehingga, Anda tidak ketinggalan momen untuk mengabadikan berbagai peristiwa menakjubkan.<\/p>\n

Oh iya, sebagai catatan, karena pada artikel ini yang sedang dibahas adalah UI UX, maka setiap kata produk yang ada pada pembahasan selanjutnya mengacu pada produk digital.<\/p>\n

Fungsi UI UX dalam Pengembangan Produk<\/b><\/h2>\n
\"UI
Sumber: Freepik\/ stories<\/em><\/figcaption><\/figure>\n

UI UX bersifat saling melengkapi satu sama lain.\u00a0<\/span><\/p>\n

Sebuah website maupun aplikasi dengan UI yang menarik tapi sulit untuk dioperasikan jelas akan membuat user merasa kesal.<\/span><\/p>\n

Sedangkan UX yang baik tanpa tampilan yang nyaman dan indah di mata tentu membuat user bosan bahkan mengalami computer vision syndrom.<\/span><\/p>\n

Untuk penjelasan lebih lanjut terkait fungsi UI UX, simak penjelasan berikut ini:<\/span><\/p>\n

1. Menghasilkan Produk yang Disukai dan Dibutuhkan\u00a0<\/b><\/p>\n

UI UX berfungsi untuk membuahkan produk sesuai dengan selera visual user secara umum dan dilengkapi dengan fitur-fitur yang dibutuhkan.<\/span><\/p>\n

Produk yang tampilannya sesuai dengan selera dan kebutuhan user tentunya akan lebih diminati.<\/span><\/p>\n

Contohnya sebuah website dengan UI minimalis yang menyediakan fitur dark mode.\u00a0<\/span><\/p>\n

Aplikasi maupun website yang menyediakan fitur dark mode dewasa ini lebih disukai oleh user karena dianggap baik untuk kesehatan baterai dan penglihatan pengguna.<\/span><\/p>\n

Tampilan dark mode juga dapat menjadi solusi untuk penderita fotofobia.<\/span><\/p>\n

Design ala dark mode ini banyak digunakan oleh produk digital terkemuka seperti Iphone, WhatsApp, Instagram, dan lain sebagainya.<\/span><\/p>\n

Contoh selanjutnya adalah sebuah website dengan UX micro interaction yang banyak disukai oleh user.<\/p>\n

Micro interaction merupakan unsur detail yang memiliki satu fungsi spesifik dan melibatkan user.<\/p>\n

Misalkan pada saat Anda sebagai user mengklik tombol “daftar”, maka produk akan memberi tanggapan dengan memunculkan ulat lucu yang bergerak melingkar sebagai tanda data sedang diproses.<\/p>\n

Pengalaman user menunggu proses loading yang memakan waktu sekian detik pun terasa lebih menghibur.<\/p>\n

Baca juga: Mengenal CSS – Bahasa Pemrograman untuk Mempercantik Website<\/a><\/strong><\/p>\n

2. Meningkatkan Penjualan Produk<\/b><\/p>\n

Produk dengan tampilan yang menarik dan user friendly, akan memberikan kesan pertama yang kuat pada user.<\/span><\/p>\n

Kesan pertama yang baik tentu akan membuat user merasa puas dan bertahan menggunakan produk tersebut, bahkan merekomendasikannya pada orang lain.<\/span><\/p>\n

Menurut data dari Statista<\/a>, tercatat sebanyak <\/span>62%<\/span> user meng-uninstall produk aplikasi yang berpenampilan tidak menarik dan sering mengalami gangguan.<\/span><\/p>\n

Sungguh sebuah kerugian besar bagi suatu perusahaan yang sudah mengerahkan waktu dan biayanya saat pembuatan produk.<\/p>\n

Perbedaan UI UX\u00a0<\/b><\/h2>\n

Setelah mengenali UI UX secara singkat, mari kita lihat dengan lebih seksama perbedaan utama antara UI dan UX pada produk digital.<\/span><\/p>\n

1. Tujuan Desain<\/b><\/p>\n

Tujuan desain antara UI dan UX memiliki perbedaan yang signifikan.\u00a0<\/span><\/p>\n

UI bertujuan untuk memperindah tampilan produk-produk digital.<\/span><\/p>\n

Sedangkan UX bertujuan untuk meningkatkan kepuasan pengguna produk berdasarkan kemudahan pemakaian.\u00a0<\/span><\/p>\n

Kedua aspek tersebut sebisa mungkin dimaksimalkan untuk mendapatkan kesan pertama yang positif dari pengguna.<\/span><\/p>\n

2. Tanggung Jawab pada Proses Desain<\/b><\/p>\n

Karena memiliki tujuan yang berbeda, alur kerja yang dimiliki oleh desainer UI dan UX pun berbeda.<\/span><\/p>\n

Umumnya, dalam pembuatan suatu produk, disainer UX akan bekerja terlebih dahulu.<\/span><\/p>\n

Desainer UX akan bertanggung jawab pada pembuatan:<\/span><\/p>\n

    \n
  1. information architecture,\u00a0<\/span><\/li>\n
  2. wireframe,\u00a0<\/span><\/li>\n
  3. UX flow,<\/span><\/li>\n
  4. dan prototype.<\/span><\/li>\n<\/ol>\n

    Sedangkan desainer UI akan bertanggung jawab pada pembuatan:<\/span><\/p>\n

      \n
    1. design system,<\/span><\/li>\n
    2. mockup produk<\/a>,<\/span><\/li>\n
    3. dan prototype.<\/li>\n<\/ol>\n
      \"UI
      Sumber: Freepik\/ stories<\/em><\/figcaption><\/figure>\n

      Pertama, Desainer UX akan bekerjasama dengan para researcher terlebih dahulu untuk mengetahui selera dan kebutuhan target market<\/a>.<\/span><\/p>\n

      Setelah proses research selesai, baru desainer UX merancang <\/span>information architecture<\/i><\/strong> produk sebelum masuk ke tahap pengaturan <\/span>UK flow<\/strong>.<\/span><\/i><\/p>\n

      UX flow<\/em> adalah tahap dimana UX desainer menjelaskan alur dan cara user menggunakan produk.<\/span><\/p>\n

      UX flow ini kemudian didokumentasikan agar pihak product developer mudah dalam proses pengembangan produk.<\/span><\/p>\n

      Kemudian, UX desainer akan berpindah kepada tahap perancangan <\/span>wireframe<\/strong>.<\/span><\/i><\/p>\n

      Setelah wireframe selesai dan disetujui, designer UI akan membuat <\/span>design system<\/strong>.<\/span><\/i><\/p>\n

      Dalam tahap ini pihak UI banyak berkolaborasi dengan developer, untuk memastikan apakah desain yang dibuat memungkinkan untuk dieksekusi kelak.<\/span><\/p>\n

      Setelah itu, UI designer akan membuat <\/span>mockup<\/strong> <\/span><\/i>produk menggunakan aplikasi desain yang mereka kuasai.<\/span><\/p>\n

      Tentunya pembuatan <\/span>mockup <\/span><\/i>juga berdasarkan hasil research terkait tren visual terkini, namun tidak melenceng dari konsep dan identitas perusahaan yang diusung.<\/span><\/p>\n

      Nah, selanjutnya adalah kerjasama antara desainer UI dan UX untuk pembuatan <\/span>prototype<\/i><\/strong>.<\/span><\/p>\n

      Langkah ini digunakan untuk memastikan produk dapat digunakan secara nyaman oleh user dan tampilannya memenuhi standar estetika yang telah ditentukan melalui research.<\/span><\/p>\n

      Biasanya pada langkah pembuatan prototype ini ada banyak masukan dan ide-ide baru yang muncul yang pihak yang terkait dengan project dan dari sampel user.<\/span><\/p>\n

      Jika prototype sudah disempurnakan dan mendapatkan persetujuan, barulah masuk ke tahap eksekusi produk yang akan ditangani oleh pihak developer.<\/span><\/p>\n

      3. Komponen Desain<\/b><\/p>\n

      Komponen yang membangun desain UI berfokus pada <\/span>ikon, tombol, warna, gambar, animasi, tipografi, <\/span><\/i>dan <\/span>skema warna <\/span><\/i>yang berpengaruh pada visual produk.<\/span><\/p>\n

      Sedangkan komponen desain UX meliputi hampir seluruh komponen produk yaitu <\/span>fitur, struktur desain, navigasi, copywriting, <\/span><\/i>hingga <\/span>branding.<\/span><\/i><\/p>\n

      4. Tools untuk Mendesain\u00a0<\/b><\/p>\n

      Karena membuat dua hal yang berbeda, desainer UI dan UX jelas menggunakan tools yang berbeda.<\/span><\/p>\n

      Desainer UI akan lebih memanfaatkan aplikasi desain seperti <\/span>Adobe Illustrator<\/span><\/i>, <\/span>Flinto<\/span><\/i>, <\/span>Principle<\/span><\/i>,<\/span> Frames X<\/span><\/i>, dan lain sebagainya.<\/span><\/p>\n

      Penggunaan aplikasi di atas didukung oleh penggunaan aplikasi tambahan seperti <\/span>unique interaction icon, easy transitions, UI assets and kits, <\/span><\/i>dan lain sebagainya.<\/span><\/p>\n

      Sedangkan untuk desainer UX, ada beberapa aplikasi yang digunakan untuk membuat prototype, yaitu <\/span>Sketch<\/span><\/i>, <\/span>InVision<\/span><\/i>, <\/span>Figma<\/span><\/i>, <\/span>Adobe XD<\/span><\/i>, <\/span>Axure<\/span><\/i>, dan lain sebagainya.<\/span><\/p>\n

      5. Skill\u00a0<\/b><\/p>\n

      Desainer UI tentu harus memiliki skill yang mumpuni untuk mengoperasikan paling tidak satu aplikasi desain grafis.<\/span><\/p>\n

      Selain itu, seorang yang berurusan dengan visual dan estetika suatu produk tentu harus memiliki selera yang bagus, kreatif, dan selalu up-to-date pada tren terbaru.<\/span><\/p>\n

      Sehingga, produk yang dihasilkan atau dikembangkan selalu tampak menarik, interaktif, dan sesuai dengan jamannya.<\/span><\/p>\n

      Sedangkan untuk UX desainer, skill yang harus dikuasai adalah kemampuan riset yang baik juga kemampuan berlogika yang tinggi.<\/span><\/p>\n

      Kemampuan riset tentu akan membawa produk pada desain teknologi terkini.<\/span><\/p>\n

      Dan kemampuan berlogika yang tinggi akan mempermudah UX desainer dalam menganalisis dan memecahkan permasalahan yang dihadapi dalam proses pengembangan produk.\u00a0<\/span><\/p>\n

      Baca juga: Mengenal Bahasa Markup HTML dalam Pembuatan Website<\/a><\/strong><\/p>\n

      Penutup<\/h3>\n

      Nah, sekarang sudah jelaskan bahwa UI UX adalah dua hal yang berbeda namun bersifat saling melengkapi.<\/p>\n

      Jika keduanya dimaksimalkan, suatu produk digital dapat memberikan tingkat kepuasan yang tinggi kepada user.<\/p>\n

      Kenapa?<\/p>\n

      Karena produk digital tersebut jadi mudah digunakan untuk memenuhi kebutuhan user dan memiliki tampilan yang bernilai estetika tinggi.<\/p>\n

      Nah, setelah website Anda menerapkan desain UI UX secara maksimal, alangkah baiknya jika menggunakan domain premium.<\/a><\/p>\n

      Supaya brand Anda menjadi lebih kuat dan website Anda terlihat lebih profesional.<\/p>\n","protected":false},"excerpt":{"rendered":"

      UI UX adalah kepanjangan dari User Interface (UI) dan User Experience (UX) yang sangat penting dalam pengembangan produk-produk digital seperti aplikasi dan website. UI UX sendiri sebenarnya merupakan dua hal yang berbeda, namun keberadaan keduanya tidak dapat dipisahkan. Jika satu aspek saja ditinggalkan, produk yang dikembangakan tidak akan memperoleh hasil yang maksimal. Jika penasaran tentang […]<\/p>\n","protected":false},"author":3,"featured_media":619,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_links_to":"","_links_to_target":""},"categories":[8,2,3],"tags":[88,90,89],"class_list":["post-613","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-home","category-marketing","category-website","tag-ui-ux","tag-user-experience","tag-user-interface"],"yoast_head":"\nApa itu UI UX? Pengertian, Perbedaan Utama, dan Fungsinya<\/title>\n<meta name=\"description\" content=\"UI UX adalah proses desain dalam pembuatan produk agar user mendapatkan pengalaman yang memuaskan. Yuk, cek penjelasannya pada artikel ini!\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/aksaradata.id\/blog\/ui-ux-adalah\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Apa itu UI UX? Pengertian, Perbedaan Utama, dan Fungsinya\" \/>\n<meta property=\"og:description\" content=\"UI UX adalah proses desain dalam pembuatan produk agar user mendapatkan pengalaman yang memuaskan. Yuk, cek penjelasannya pada artikel ini!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/aksaradata.id\/blog\/ui-ux-adalah\/\" \/>\n<meta property=\"og:site_name\" content=\"Aksaradata\" \/>\n<meta property=\"article:published_time\" content=\"2021-09-06T16:32:45+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-07-13T09:24:18+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/aksaradata.id\/blog\/wp-content\/uploads\/2021\/09\/ADD-blog-Apa-itu-UI-UX-Pengertian-Perbedaan-Utama-dan-Manfaatnya.jpg\" \/>\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\/jpeg\" \/>\n<meta name=\"author\" content=\"Febriyani Suryaningrum\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Febriyani Suryaningrum\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"8 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/aksaradata.id\\\/blog\\\/ui-ux-adalah\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/aksaradata.id\\\/blog\\\/ui-ux-adalah\\\/\"},\"author\":{\"name\":\"Febriyani Suryaningrum\",\"@id\":\"https:\\\/\\\/aksaradata.id\\\/blog\\\/#\\\/schema\\\/person\\\/0388eddd08b4ba9644bd28c5338f4463\"},\"headline\":\"Apa itu UI UX? Pengertian, Perbedaan Utama, dan Fungsinya\",\"datePublished\":\"2021-09-06T16:32:45+00:00\",\"dateModified\":\"2023-07-13T09:24:18+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/aksaradata.id\\\/blog\\\/ui-ux-adalah\\\/\"},\"wordCount\":1483,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/aksaradata.id\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/aksaradata.id\\\/blog\\\/ui-ux-adalah\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/aksaradata.id\\\/blog\\\/wp-content\\\/uploads\\\/2021\\\/09\\\/ADD-blog-Apa-itu-UI-UX-Pengertian-Perbedaan-Utama-dan-Manfaatnya.jpg\",\"keywords\":[\"UI UX\",\"User Experience\",\"User Interface\"],\"articleSection\":[\"Home\",\"Marketing\",\"Website\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/aksaradata.id\\\/blog\\\/ui-ux-adalah\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/aksaradata.id\\\/blog\\\/ui-ux-adalah\\\/\",\"url\":\"https:\\\/\\\/aksaradata.id\\\/blog\\\/ui-ux-adalah\\\/\",\"name\":\"Apa itu UI UX? Pengertian, Perbedaan Utama, dan Fungsinya\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/aksaradata.id\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/aksaradata.id\\\/blog\\\/ui-ux-adalah\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/aksaradata.id\\\/blog\\\/ui-ux-adalah\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/aksaradata.id\\\/blog\\\/wp-content\\\/uploads\\\/2021\\\/09\\\/ADD-blog-Apa-itu-UI-UX-Pengertian-Perbedaan-Utama-dan-Manfaatnya.jpg\",\"datePublished\":\"2021-09-06T16:32:45+00:00\",\"dateModified\":\"2023-07-13T09:24:18+00:00\",\"description\":\"UI UX adalah proses desain dalam pembuatan produk agar user mendapatkan pengalaman yang memuaskan. Yuk, cek penjelasannya pada artikel ini!\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/aksaradata.id\\\/blog\\\/ui-ux-adalah\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/aksaradata.id\\\/blog\\\/ui-ux-adalah\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/aksaradata.id\\\/blog\\\/ui-ux-adalah\\\/#primaryimage\",\"url\":\"https:\\\/\\\/aksaradata.id\\\/blog\\\/wp-content\\\/uploads\\\/2021\\\/09\\\/ADD-blog-Apa-itu-UI-UX-Pengertian-Perbedaan-Utama-dan-Manfaatnya.jpg\",\"contentUrl\":\"https:\\\/\\\/aksaradata.id\\\/blog\\\/wp-content\\\/uploads\\\/2021\\\/09\\\/ADD-blog-Apa-itu-UI-UX-Pengertian-Perbedaan-Utama-dan-Manfaatnya.jpg\",\"width\":1000,\"height\":743,\"caption\":\"UI UX adalah\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/aksaradata.id\\\/blog\\\/ui-ux-adalah\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/aksaradata.id\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Apa itu UI UX? Pengertian, Perbedaan Utama, dan Fungsinya\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/aksaradata.id\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/aksaradata.id\\\/blog\\\/\",\"name\":\"Aksaradata\",\"description\":\"Platform Reseller Registrasi Domain\",\"publisher\":{\"@id\":\"https:\\\/\\\/aksaradata.id\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/aksaradata.id\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/aksaradata.id\\\/blog\\\/#organization\",\"name\":\"PT Aksara Data Digital\",\"url\":\"https:\\\/\\\/aksaradata.id\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/aksaradata.id\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/aksaradata.id\\\/blog\\\/wp-content\\\/uploads\\\/2021\\\/03\\\/small-aksara.png\",\"contentUrl\":\"https:\\\/\\\/aksaradata.id\\\/blog\\\/wp-content\\\/uploads\\\/2021\\\/03\\\/small-aksara.png\",\"width\":130,\"height\":64,\"caption\":\"PT Aksara Data Digital\"},\"image\":{\"@id\":\"https:\\\/\\\/aksaradata.id\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/aksaradata.id\\\/blog\\\/#\\\/schema\\\/person\\\/0388eddd08b4ba9644bd28c5338f4463\",\"name\":\"Febriyani Suryaningrum\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/d1cd08837e8484ccb82750cbee5266838655f16e4cdc2d780d4d87a3cb33f819?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/d1cd08837e8484ccb82750cbee5266838655f16e4cdc2d780d4d87a3cb33f819?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/d1cd08837e8484ccb82750cbee5266838655f16e4cdc2d780d4d87a3cb33f819?s=96&d=mm&r=g\",\"caption\":\"Febriyani Suryaningrum\"},\"url\":\"https:\\\/\\\/aksaradata.id\\\/blog\\\/author\\\/febriyani\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Apa itu UI UX? Pengertian, Perbedaan Utama, dan Fungsinya","description":"UI UX adalah proses desain dalam pembuatan produk agar user mendapatkan pengalaman yang memuaskan. Yuk, cek penjelasannya pada artikel ini!","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:\/\/aksaradata.id\/blog\/ui-ux-adalah\/","og_locale":"en_US","og_type":"article","og_title":"Apa itu UI UX? Pengertian, Perbedaan Utama, dan Fungsinya","og_description":"UI UX adalah proses desain dalam pembuatan produk agar user mendapatkan pengalaman yang memuaskan. Yuk, cek penjelasannya pada artikel ini!","og_url":"https:\/\/aksaradata.id\/blog\/ui-ux-adalah\/","og_site_name":"Aksaradata","article_published_time":"2021-09-06T16:32:45+00:00","article_modified_time":"2023-07-13T09:24:18+00:00","og_image":[{"width":1000,"height":743,"url":"https:\/\/aksaradata.id\/blog\/wp-content\/uploads\/2021\/09\/ADD-blog-Apa-itu-UI-UX-Pengertian-Perbedaan-Utama-dan-Manfaatnya.jpg","type":"image\/jpeg"}],"author":"Febriyani Suryaningrum","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Febriyani Suryaningrum","Est. reading time":"8 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/aksaradata.id\/blog\/ui-ux-adalah\/#article","isPartOf":{"@id":"https:\/\/aksaradata.id\/blog\/ui-ux-adalah\/"},"author":{"name":"Febriyani Suryaningrum","@id":"https:\/\/aksaradata.id\/blog\/#\/schema\/person\/0388eddd08b4ba9644bd28c5338f4463"},"headline":"Apa itu UI UX? Pengertian, Perbedaan Utama, dan Fungsinya","datePublished":"2021-09-06T16:32:45+00:00","dateModified":"2023-07-13T09:24:18+00:00","mainEntityOfPage":{"@id":"https:\/\/aksaradata.id\/blog\/ui-ux-adalah\/"},"wordCount":1483,"commentCount":0,"publisher":{"@id":"https:\/\/aksaradata.id\/blog\/#organization"},"image":{"@id":"https:\/\/aksaradata.id\/blog\/ui-ux-adalah\/#primaryimage"},"thumbnailUrl":"https:\/\/aksaradata.id\/blog\/wp-content\/uploads\/2021\/09\/ADD-blog-Apa-itu-UI-UX-Pengertian-Perbedaan-Utama-dan-Manfaatnya.jpg","keywords":["UI UX","User Experience","User Interface"],"articleSection":["Home","Marketing","Website"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/aksaradata.id\/blog\/ui-ux-adalah\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/aksaradata.id\/blog\/ui-ux-adalah\/","url":"https:\/\/aksaradata.id\/blog\/ui-ux-adalah\/","name":"Apa itu UI UX? Pengertian, Perbedaan Utama, dan Fungsinya","isPartOf":{"@id":"https:\/\/aksaradata.id\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/aksaradata.id\/blog\/ui-ux-adalah\/#primaryimage"},"image":{"@id":"https:\/\/aksaradata.id\/blog\/ui-ux-adalah\/#primaryimage"},"thumbnailUrl":"https:\/\/aksaradata.id\/blog\/wp-content\/uploads\/2021\/09\/ADD-blog-Apa-itu-UI-UX-Pengertian-Perbedaan-Utama-dan-Manfaatnya.jpg","datePublished":"2021-09-06T16:32:45+00:00","dateModified":"2023-07-13T09:24:18+00:00","description":"UI UX adalah proses desain dalam pembuatan produk agar user mendapatkan pengalaman yang memuaskan. Yuk, cek penjelasannya pada artikel ini!","breadcrumb":{"@id":"https:\/\/aksaradata.id\/blog\/ui-ux-adalah\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/aksaradata.id\/blog\/ui-ux-adalah\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/aksaradata.id\/blog\/ui-ux-adalah\/#primaryimage","url":"https:\/\/aksaradata.id\/blog\/wp-content\/uploads\/2021\/09\/ADD-blog-Apa-itu-UI-UX-Pengertian-Perbedaan-Utama-dan-Manfaatnya.jpg","contentUrl":"https:\/\/aksaradata.id\/blog\/wp-content\/uploads\/2021\/09\/ADD-blog-Apa-itu-UI-UX-Pengertian-Perbedaan-Utama-dan-Manfaatnya.jpg","width":1000,"height":743,"caption":"UI UX adalah"},{"@type":"BreadcrumbList","@id":"https:\/\/aksaradata.id\/blog\/ui-ux-adalah\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/aksaradata.id\/blog\/"},{"@type":"ListItem","position":2,"name":"Apa itu UI UX? Pengertian, Perbedaan Utama, dan Fungsinya"}]},{"@type":"WebSite","@id":"https:\/\/aksaradata.id\/blog\/#website","url":"https:\/\/aksaradata.id\/blog\/","name":"Aksaradata","description":"Platform Reseller Registrasi Domain","publisher":{"@id":"https:\/\/aksaradata.id\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/aksaradata.id\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/aksaradata.id\/blog\/#organization","name":"PT Aksara Data Digital","url":"https:\/\/aksaradata.id\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/aksaradata.id\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/aksaradata.id\/blog\/wp-content\/uploads\/2021\/03\/small-aksara.png","contentUrl":"https:\/\/aksaradata.id\/blog\/wp-content\/uploads\/2021\/03\/small-aksara.png","width":130,"height":64,"caption":"PT Aksara Data Digital"},"image":{"@id":"https:\/\/aksaradata.id\/blog\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/aksaradata.id\/blog\/#\/schema\/person\/0388eddd08b4ba9644bd28c5338f4463","name":"Febriyani Suryaningrum","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/d1cd08837e8484ccb82750cbee5266838655f16e4cdc2d780d4d87a3cb33f819?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/d1cd08837e8484ccb82750cbee5266838655f16e4cdc2d780d4d87a3cb33f819?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/d1cd08837e8484ccb82750cbee5266838655f16e4cdc2d780d4d87a3cb33f819?s=96&d=mm&r=g","caption":"Febriyani Suryaningrum"},"url":"https:\/\/aksaradata.id\/blog\/author\/febriyani\/"}]}},"_links":{"self":[{"href":"https:\/\/aksaradata.id\/blog\/wp-json\/wp\/v2\/posts\/613","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/aksaradata.id\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/aksaradata.id\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/aksaradata.id\/blog\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/aksaradata.id\/blog\/wp-json\/wp\/v2\/comments?post=613"}],"version-history":[{"count":6,"href":"https:\/\/aksaradata.id\/blog\/wp-json\/wp\/v2\/posts\/613\/revisions"}],"predecessor-version":[{"id":2637,"href":"https:\/\/aksaradata.id\/blog\/wp-json\/wp\/v2\/posts\/613\/revisions\/2637"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/aksaradata.id\/blog\/wp-json\/wp\/v2\/media\/619"}],"wp:attachment":[{"href":"https:\/\/aksaradata.id\/blog\/wp-json\/wp\/v2\/media?parent=613"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/aksaradata.id\/blog\/wp-json\/wp\/v2\/categories?post=613"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/aksaradata.id\/blog\/wp-json\/wp\/v2\/tags?post=613"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}