{"id":3395,"date":"2023-09-28T12:53:40","date_gmt":"2023-09-28T05:53:40","guid":{"rendered":"https:\/\/bikin.website\/blog\/?p=3395"},"modified":"2023-11-22T11:42:37","modified_gmt":"2023-11-22T04:42:37","slug":"elemen-desain-ui-website","status":"publish","type":"post","link":"https:\/\/bikin.website\/blog\/elemen-desain-ui-website\/","title":{"rendered":"Ini Elemen Wajib dalam Desain UI Website, Anda Harus Tahu!"},"content":{"rendered":"

Sebagai pemilik website, Anda pastinya setuju nih kalau desain UI<\/a> (<\/span>user interface<\/span><\/i>) itu <\/span>penting banget<\/i><\/b>.\u00a0<\/span><\/p>\n

Desain UI menjadi penting karena tampilan <\/span>interface<\/span><\/i> lah yang <\/span>bakal <\/i><\/b>pertama kali dilihat oleh pengunjung.<\/span><\/p>\n

Kalau tampilan <\/span>interface<\/span><\/i> website Anda tidak menarik dan susah digunakan, besar kemungkinan Anda akan kehilangan pengunjung.<\/span><\/p>\n

That\u2019s why <\/i><\/b>membuat desain UI tidak bisa asal-asalan. Tidak hanya harus enak dipandang, tapi ada beberapa elemen desain UI yang wajib di website.<\/span><\/p>\n

Nah, dalam pembahasan kali ini kami akan membagikan apa saja sih elemen desain UI yang wajib ada di dalam website.<\/span><\/p>\n

Yuk, simak selengkapnya dalam pembahasan berikut ini!<\/span><\/p>\n

Elemen Wajib Desain UI pada Website<\/b><\/h2>\n

Ketika berbicara soal desain UI, kita tidak hanya berbicara soal sebagus apa tampilan <\/span>interface<\/span><\/i> atau visual dari website.<\/span><\/p>\n

Namun, desain UI juga berbicara soal seluruh elemen yang ada di dalam tampilan website tersebut yang kemudian digunakan oleh pengunjung.<\/span><\/p>\n

Seperti tombol, <\/span>banner<\/span><\/i>, gambar, <\/span>scrollbar<\/span><\/i> dan sebagainya. Nah, dari seluruhnya, ada 7 macam elemen desain UI yang wajib ada di website.<\/span><\/p>\n

1. Input Controls<\/b><\/h3>\n

Elemen pertama yang penting dalam desain UI website adalah <\/span>input controls<\/span><\/i>. Nah, <\/span>input controls ini apa sih?<\/i><\/b><\/p>\n

Ketika Anda masuk ke suatu website, pasti Anda akan melihat tombol, <\/span>form subscribe<\/span><\/i>, <\/span>checkbox<\/span><\/i> atau menu <\/span>dropdown<\/span><\/i>.<\/span><\/p>\n

Nah, inilah yang dinamakan dengan <\/span>input controls<\/span><\/i>. Tepatnya, elemen yang membuat pengunjung memasukkan informasi mereka ke website Anda.<\/span><\/p>\n

Elemen <\/span>input controls<\/span><\/i> inilah yang membuat Anda bisa mendapatkan konversi, daftar <\/span>leads<\/span><\/i> dan informasi penting lainnya dari pengunjung.<\/span><\/p>\n

Nah, ketika mendesain <\/span>input controls<\/span><\/i>, Anda bisa menyesuaikan dengan <\/span>branding<\/span><\/i> website Anda.\u00a0<\/span><\/p>\n

Selain itu, Anda juga harus fokus pada kejelasan dari elemen <\/span>input controls<\/span><\/i> yang Anda buat.\u00a0<\/span><\/p>\n

Supaya jangan sampai pengunjung malah bingung saat menggunakannya.\u00a0<\/span><\/p>\n

2. Navigasi<\/b><\/h3>\n

Dalam setiap website, navigasi menjadi elemen yang wajib ada. Mau sesederhana apapun website atau <\/span>landing page <\/span><\/i>yang Anda buat.<\/span><\/p>\n

Kenapa sih navigasi ini jadi penting? <\/i><\/b>Mudahnya, karena navigasi lah yang akan mengarahkan pengunjung ke tujuan mereka.<\/span><\/p>\n

Ada beragam bentuk navigasi di dalam website, seperti menu, tombol CTA (<\/span>call-to-action<\/span><\/i>), <\/span>link<\/span><\/i> dan sebagainya.<\/span><\/p>\n

Nah, untuk mendesain navigasi ini, Anda harus mempertimbangkan aksesibilitasnya supaya mudah diakses oleh semua orang.<\/span><\/p>\n

Termasuk mereka yang memiliki keterbatasan, entah dari segi <\/span>device<\/span><\/i>-nya maupun kemampuan fisiknya untuk mengakses website Anda.<\/span><\/p>\n

3. Tipografi<\/b><\/h3>\n

Tipografi menjadi salah satu elemen yang mungkin masih diabaikan nih oleh beberapa pemilik website.<\/span><\/p>\n

Salah satu penyebabnya tentu karena mereka tidak paham bagaimana elemen ini sangat penting dalam desain UI.<\/span><\/p>\n

Tipografi sendiri merupakan segala sesuatu yang berkaitan dengan teks dalam desain UI website seperti <\/span>font<\/span><\/i>, warna, ukuran dan sebagainya.<\/span><\/p>\n

Nah, yang menjadi masalah adalah banyak pemula yang sangat awam dengan website malah memilih <\/span>font<\/span><\/i> sesuai yang mereka suka.<\/span><\/p>\n

Padahal, tipografi seharusnya sangat mementingkan <\/span>readability<\/span><\/i> atau mudah dibaca oleh pengunjung.<\/span><\/p>\n

Jangan sampai pengunjung sulit membaca karena <\/span>font<\/span><\/i>, ukuran atau warna yang salah dan tidak sesuai dengan <\/span>background<\/span><\/i> dari website.<\/span><\/p>\n

Baca juga:\u00a0Wajib Tahu, Ternyata Ini Pengaruh Warna dan Tipografi pada Website!<\/a><\/strong><\/p><\/blockquote>\n

4. Warna<\/b><\/h3>\n

Dalam desain UI, warna lah yang membuat seluruh komponen yang ada di dalam website menjadi hidup.<\/span><\/p>\n

Inilah yang membuat warna menjadi elemen yang amat penting dalam desain UI website Anda.<\/span><\/p>\n

Dengan adanya warna, teks bisa terlihat lebih mencolok, tombol lebih mudah terlihat dan sebagainya.<\/span><\/p>\n

Namun, tentunya kombinasi warna ini tidak bisa Anda lakukan secara asal-asalan karena ini malah akan merusak fungsional dari website Anda.<\/span><\/p>\n

Anda mungkin pernah masuk ke website yang teksnya berwarna merah dengan latar biru. Apakah Anda bisa membacanya dengan nyaman?<\/span><\/p>\n

Anda mungkin bisa membacanya, tapi dijamin itu akan membuat mata Anda sakit karena kontras warna yang tidak cocok sama sekali.<\/span><\/p>\n

Selain itu, warna juga lah yang membuat tampilan website Anda menjadi menarik dan memberikan <\/span>branding<\/span><\/i> yang berbeda.<\/span><\/p>\n

Baca juga:\u00a0Menentukan Kombinasi Warna Menarik Untuk Website<\/a><\/strong><\/p><\/blockquote>\n

5. Ikonografi<\/b><\/h3>\n

Ketika memasuki website, Anda tentunya akan melihat berbagai ilustrasi, gambar maupun <\/span>icon<\/span><\/i>.<\/span><\/p>\n

Misalnya seperti <\/span>icon <\/span><\/i>untuk menu atau media sosial, gambar di <\/span>banner<\/span><\/i> website maupun ilustrasi pada <\/span>background<\/span><\/i>.<\/span><\/p>\n

Nah, ini semua disebut dengan ikonografi atau tepatnya ilmu untuk mendeskripsikan konten atau sesuatu ke dalam gambar.<\/span><\/p>\n

Meski tampaknya sepele, elemen ikonografi tetap penting di dalam desain UI website Anda karena ini akan membuat tampilan visual lebih menarik.<\/span><\/p>\n

Selain itu, dengan adanya ikonografi juga pengunjung jadi lebih mudah memahami konten yang ada di dalam website Anda.<\/span><\/p>\n

6. Hierarki Visual<\/b><\/h3>\n

Dalam membuat desain UI untuk website, Anda tidak bisa asal untuk meletakkan konten dalam halaman website Anda.<\/span><\/p>\n

Harus ada hierarki visual untuk meletakkan konten atau komponen prioritas di tempat yang mudah terlihat.<\/span><\/p>\n

Nah, hierarki visual ini merupakan elemen desain UI yang juga wajib ada di dalam website Anda.<\/span><\/p>\n

Dengan adanya hierarki visual ini, pengunjung jadi lebih mudah mencari dan memahami konten yang ada di dalam website Anda.<\/span><\/p>\n

Misalnya mereka ingin mencari judul konten tertentu, artinya Anda harus meletakkan <\/span>search bar<\/span><\/i> di bagian atas yang mudah terlihat oleh pengunjung.<\/span><\/p>\n

Selain letak, ukuran pun juga masuk dalam pertimbangan hierarki visual seperti <\/span>header<\/span><\/i> yang harus berukuran besar dan <\/span>bold<\/span><\/i>.<\/span><\/p>\n

7. Animasi dan Micro Interaction<\/b><\/h3>\n

Ketika Anda mengklik tombol CTA di halaman utama, biasanya akan muncul efek seperti tertekan, bukan?<\/span><\/p>\n

Nah, ini merupakan salah satu bentuk animasi dan <\/span>micro interaction<\/span><\/i><\/a> dalam desain UI website Anda.<\/span><\/p>\n

Haruskah elemen ini ada dalam desain website kita? <\/i><\/b>Kalau Anda ingin membuat desain website yang biasa saja, maka ini tidak wajib.<\/span><\/p>\n

Namun, jika ingin desain website Anda berhasil membuat pengunjung senang dan nyaman, kami katakan elemen ini wajib.<\/span><\/p>\n

Ada banyak bentuk animasi dan <\/span>micro interaction<\/span><\/i> yang bisa Anda buat, kok. Misalnya seperti <\/span>loading<\/span><\/i>, animasi pada tombol CTA dan sebagainya.<\/span><\/p>\n

Baca juga:\u00a05 + Contoh Website dengan Micro Interaction yang Bisa Jadi Inspirasi<\/a><\/strong><\/p><\/blockquote>\n

Apakah Elemen UI Harus dapat Diakses dengan Mudah oleh Pengunjung pada Berbagai Perangkat?<\/b><\/h3>\n

Benar<\/i><\/b>, elemen dalam desain UI website haruslah mudah diakses oleh pengunjung pada berbagai perangkat.<\/span><\/p>\n

Mulai dari PC, laptop, tablet hingga <\/span>smartphone<\/span><\/i>. Seluruh elemen tersebut haruslah responsif terhadap perubahan perangkat yang digunakan.<\/span><\/p>\n

Apakah Elemen UI Harus Diuji untuk Memastikan Fungsionalitasnya dengan Benar pada Berbagai Browser dan Platform?<\/b><\/h3>\n

Benar<\/i><\/b>, setiap elemen dalam desain website Anda haruslah diuji lebih dulu sebelum digunakan oleh para pengunjung.<\/span><\/p>\n

Hal ini untuk memastikan apakah setiap elemen berfungsi dengan baik dan tetap konsisten dalam setiap <\/span>browser<\/span><\/i>.<\/span><\/p>\n

Jangan Lewatkan Elemen Wajib Desain Ui pada Website Anda, Ya!<\/b><\/h3>\n

Membuat desain UI pada website bukanlah sesuatu yang bisa dilakukan secara asal-asalan. Asal estetik atau asal ada fiturnya.<\/span><\/p>\n

Pasalnya, ini bisa sangat berpengaruh nih pada konversi yang Anda dapatkan dari website Anda.<\/span><\/p>\n

Nah, untuk membuat desain UI yang tepat, ada beberapa elemen yang wajib ada di dalam website Anda.<\/span><\/p>\n

Mulai dari <\/span>input controls<\/span><\/i>, navigasi, tipografi, warna hingga animasi dan <\/span>microinteraction<\/span><\/i>.<\/span><\/p>\n

Jika Anda merasa desain website Anda yang sekarang belum memiliki elemen desain UI yang lengkap, Anda bisa menghubungi tim Bikin.Website.<\/span><\/p>\n

Anda bisa konsultasikan desain website yang Anda inginkan, tentunya dengan memasukkan elemen-elemen wajib di atas, ya.<\/span><\/p>\n

Konsultasikan Website Anda, Gratis!<\/a><\/p>\n

Nah, sampai di sini dulu pembahasan kami kali ini. Semoga bisa membantu Anda untuk membuat desain website yang terbaik.<\/span><\/p>\n

Jika ada pertanyaan atau ingin berdiskusi tentang topik ini, jangan ragu buat <\/span>drop<\/span><\/i> pendapat Anda lewat kolom komentar, ya!<\/span><\/p>\n","protected":false},"excerpt":{"rendered":"

Sebagai pemilik website, Anda pastinya setuju nih kalau desain UI (user interface) itu penting banget.\u00a0 Desain UI menjadi penting karena tampilan interface lah yang bakal pertama kali dilihat oleh pengunjung. Kalau tampilan interface website Anda tidak menarik dan susah digunakan, besar kemungkinan Anda akan kehilangan pengunjung. That\u2019s why membuat desain UI tidak bisa asal-asalan. Tidak […]<\/p>\n","protected":false},"author":8,"featured_media":3401,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_links_to":"","_links_to_target":""},"categories":[3,835],"tags":[1097,900],"class_list":["post-3395","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tips","category-website","tag-elemen-desain-ui","tag-ui-ux"],"yoast_head":"\nIni Elemen Wajib dalam Desain UI Website, Anda Harus Tahu!<\/title>\n<meta name=\"description\" content=\"Yuk, intip dan simak elemen apa saja sih yang harus ada di dalam desain UI website Anda dalam artikel berikut 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:\/\/bikin.website\/blog\/elemen-desain-ui-website\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Ini Elemen Wajib dalam Desain UI Website, Anda Harus Tahu!\" \/>\n<meta property=\"og:description\" content=\"Yuk, intip dan simak elemen apa saja sih yang harus ada di dalam desain UI website Anda dalam artikel berikut ini!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/bikin.website\/blog\/elemen-desain-ui-website\/\" \/>\n<meta property=\"og:site_name\" content=\"Bikin.Website\" \/>\n<meta property=\"article:published_time\" content=\"2023-09-28T05:53:40+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-11-22T04:42:37+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/bikin.website\/blog\/wp-content\/uploads\/2023\/09\/elemen-desain-ui-website-1.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1333\" \/>\n\t<meta property=\"og:image:height\" content=\"992\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Severina Ratih\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Severina Ratih\" \/>\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\\\/elemen-desain-ui-website\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/bikin.website\\\/blog\\\/elemen-desain-ui-website\\\/\"},\"author\":{\"name\":\"Severina Ratih\",\"@id\":\"https:\\\/\\\/bikin.website\\\/blog\\\/#\\\/schema\\\/person\\\/aa838f6f33fc51efa6b5c41f140ef040\"},\"headline\":\"Ini Elemen Wajib dalam Desain UI Website, Anda Harus Tahu!\",\"datePublished\":\"2023-09-28T05:53:40+00:00\",\"dateModified\":\"2023-11-22T04:42:37+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/bikin.website\\\/blog\\\/elemen-desain-ui-website\\\/\"},\"wordCount\":1139,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/bikin.website\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/bikin.website\\\/blog\\\/elemen-desain-ui-website\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/bikin.website\\\/blog\\\/wp-content\\\/uploads\\\/2023\\\/09\\\/elemen-desain-ui-website-1.jpg\",\"keywords\":[\"elemen desain UI\",\"ui ux\"],\"articleSection\":[\"Tips\",\"website\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/bikin.website\\\/blog\\\/elemen-desain-ui-website\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/bikin.website\\\/blog\\\/elemen-desain-ui-website\\\/\",\"url\":\"https:\\\/\\\/bikin.website\\\/blog\\\/elemen-desain-ui-website\\\/\",\"name\":\"Ini Elemen Wajib dalam Desain UI Website, Anda Harus Tahu!\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/bikin.website\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/bikin.website\\\/blog\\\/elemen-desain-ui-website\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/bikin.website\\\/blog\\\/elemen-desain-ui-website\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/bikin.website\\\/blog\\\/wp-content\\\/uploads\\\/2023\\\/09\\\/elemen-desain-ui-website-1.jpg\",\"datePublished\":\"2023-09-28T05:53:40+00:00\",\"dateModified\":\"2023-11-22T04:42:37+00:00\",\"description\":\"Yuk, intip dan simak elemen apa saja sih yang harus ada di dalam desain UI website Anda dalam artikel berikut ini!\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/bikin.website\\\/blog\\\/elemen-desain-ui-website\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/bikin.website\\\/blog\\\/elemen-desain-ui-website\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/bikin.website\\\/blog\\\/elemen-desain-ui-website\\\/#primaryimage\",\"url\":\"https:\\\/\\\/bikin.website\\\/blog\\\/wp-content\\\/uploads\\\/2023\\\/09\\\/elemen-desain-ui-website-1.jpg\",\"contentUrl\":\"https:\\\/\\\/bikin.website\\\/blog\\\/wp-content\\\/uploads\\\/2023\\\/09\\\/elemen-desain-ui-website-1.jpg\",\"width\":1333,\"height\":992,\"caption\":\"elemen desain ui website\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/bikin.website\\\/blog\\\/elemen-desain-ui-website\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/bikin.website\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Ini Elemen Wajib dalam Desain UI Website, Anda Harus Tahu!\"}]},{\"@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\\\/aa838f6f33fc51efa6b5c41f140ef040\",\"name\":\"Severina Ratih\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/9411c8b4eb3fe830f4c8f9a82aa3fad4efc9579f53fddb86a462773e9d63796b?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/9411c8b4eb3fe830f4c8f9a82aa3fad4efc9579f53fddb86a462773e9d63796b?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/9411c8b4eb3fe830f4c8f9a82aa3fad4efc9579f53fddb86a462773e9d63796b?s=96&d=mm&r=g\",\"caption\":\"Severina Ratih\"},\"url\":\"https:\\\/\\\/bikin.website\\\/blog\\\/author\\\/severina\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Ini Elemen Wajib dalam Desain UI Website, Anda Harus Tahu!","description":"Yuk, intip dan simak elemen apa saja sih yang harus ada di dalam desain UI website Anda dalam artikel berikut 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:\/\/bikin.website\/blog\/elemen-desain-ui-website\/","og_locale":"en_US","og_type":"article","og_title":"Ini Elemen Wajib dalam Desain UI Website, Anda Harus Tahu!","og_description":"Yuk, intip dan simak elemen apa saja sih yang harus ada di dalam desain UI website Anda dalam artikel berikut ini!","og_url":"https:\/\/bikin.website\/blog\/elemen-desain-ui-website\/","og_site_name":"Bikin.Website","article_published_time":"2023-09-28T05:53:40+00:00","article_modified_time":"2023-11-22T04:42:37+00:00","og_image":[{"width":1333,"height":992,"url":"https:\/\/bikin.website\/blog\/wp-content\/uploads\/2023\/09\/elemen-desain-ui-website-1.jpg","type":"image\/jpeg"}],"author":"Severina Ratih","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Severina Ratih","Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/bikin.website\/blog\/elemen-desain-ui-website\/#article","isPartOf":{"@id":"https:\/\/bikin.website\/blog\/elemen-desain-ui-website\/"},"author":{"name":"Severina Ratih","@id":"https:\/\/bikin.website\/blog\/#\/schema\/person\/aa838f6f33fc51efa6b5c41f140ef040"},"headline":"Ini Elemen Wajib dalam Desain UI Website, Anda Harus Tahu!","datePublished":"2023-09-28T05:53:40+00:00","dateModified":"2023-11-22T04:42:37+00:00","mainEntityOfPage":{"@id":"https:\/\/bikin.website\/blog\/elemen-desain-ui-website\/"},"wordCount":1139,"commentCount":0,"publisher":{"@id":"https:\/\/bikin.website\/blog\/#organization"},"image":{"@id":"https:\/\/bikin.website\/blog\/elemen-desain-ui-website\/#primaryimage"},"thumbnailUrl":"https:\/\/bikin.website\/blog\/wp-content\/uploads\/2023\/09\/elemen-desain-ui-website-1.jpg","keywords":["elemen desain UI","ui ux"],"articleSection":["Tips","website"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/bikin.website\/blog\/elemen-desain-ui-website\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/bikin.website\/blog\/elemen-desain-ui-website\/","url":"https:\/\/bikin.website\/blog\/elemen-desain-ui-website\/","name":"Ini Elemen Wajib dalam Desain UI Website, Anda Harus Tahu!","isPartOf":{"@id":"https:\/\/bikin.website\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/bikin.website\/blog\/elemen-desain-ui-website\/#primaryimage"},"image":{"@id":"https:\/\/bikin.website\/blog\/elemen-desain-ui-website\/#primaryimage"},"thumbnailUrl":"https:\/\/bikin.website\/blog\/wp-content\/uploads\/2023\/09\/elemen-desain-ui-website-1.jpg","datePublished":"2023-09-28T05:53:40+00:00","dateModified":"2023-11-22T04:42:37+00:00","description":"Yuk, intip dan simak elemen apa saja sih yang harus ada di dalam desain UI website Anda dalam artikel berikut ini!","breadcrumb":{"@id":"https:\/\/bikin.website\/blog\/elemen-desain-ui-website\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/bikin.website\/blog\/elemen-desain-ui-website\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/bikin.website\/blog\/elemen-desain-ui-website\/#primaryimage","url":"https:\/\/bikin.website\/blog\/wp-content\/uploads\/2023\/09\/elemen-desain-ui-website-1.jpg","contentUrl":"https:\/\/bikin.website\/blog\/wp-content\/uploads\/2023\/09\/elemen-desain-ui-website-1.jpg","width":1333,"height":992,"caption":"elemen desain ui website"},{"@type":"BreadcrumbList","@id":"https:\/\/bikin.website\/blog\/elemen-desain-ui-website\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/bikin.website\/blog\/"},{"@type":"ListItem","position":2,"name":"Ini Elemen Wajib dalam Desain UI Website, Anda Harus Tahu!"}]},{"@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\/aa838f6f33fc51efa6b5c41f140ef040","name":"Severina Ratih","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/9411c8b4eb3fe830f4c8f9a82aa3fad4efc9579f53fddb86a462773e9d63796b?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/9411c8b4eb3fe830f4c8f9a82aa3fad4efc9579f53fddb86a462773e9d63796b?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/9411c8b4eb3fe830f4c8f9a82aa3fad4efc9579f53fddb86a462773e9d63796b?s=96&d=mm&r=g","caption":"Severina Ratih"},"url":"https:\/\/bikin.website\/blog\/author\/severina\/"}]}},"_links":{"self":[{"href":"https:\/\/bikin.website\/blog\/wp-json\/wp\/v2\/posts\/3395","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\/8"}],"replies":[{"embeddable":true,"href":"https:\/\/bikin.website\/blog\/wp-json\/wp\/v2\/comments?post=3395"}],"version-history":[{"count":7,"href":"https:\/\/bikin.website\/blog\/wp-json\/wp\/v2\/posts\/3395\/revisions"}],"predecessor-version":[{"id":3557,"href":"https:\/\/bikin.website\/blog\/wp-json\/wp\/v2\/posts\/3395\/revisions\/3557"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/bikin.website\/blog\/wp-json\/wp\/v2\/media\/3401"}],"wp:attachment":[{"href":"https:\/\/bikin.website\/blog\/wp-json\/wp\/v2\/media?parent=3395"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/bikin.website\/blog\/wp-json\/wp\/v2\/categories?post=3395"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/bikin.website\/blog\/wp-json\/wp\/v2\/tags?post=3395"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}