{"id":3414,"date":"2023-10-09T15:21:23","date_gmt":"2023-10-09T08:21:23","guid":{"rendered":"https:\/\/bikin.website\/blog\/?p=3414"},"modified":"2023-11-22T11:47:03","modified_gmt":"2023-11-22T04:47:03","slug":"pentingnya-ui-animation","status":"publish","type":"post","link":"https:\/\/bikin.website\/blog\/pentingnya-ui-animation\/","title":{"rendered":"Pentingnya UI Animation dalam Desain Website, Anda Wajib Tahu!"},"content":{"rendered":"

Dalam desain website, UI itu memegang peranan yang sangat penting, lho. Hal ini karena UI lah yang akan dilihat pertama kali oleh pengunjung.<\/span><\/p>\n

Inilah mengapa UI harus tampil menarik dan berfungsi. Nah, ada beberapa komponen penting nih di dalam desain UI website.<\/span><\/p>\n

Salah satunya adalah UI <\/span>animation<\/span><\/i>. UI <\/span>animation<\/span><\/i> ini bentuknya memang kecil, tapi bisa memberikan dampak yang signifikan lho ke website Anda.<\/span><\/p>\n

Lnatas, apa sih pentingnya UI <\/span>animation <\/span><\/i>ini dalam desain website Anda? Yuk, simak selengkapnya dalam pembahasan berikut ini!<\/span><\/p>\n

Mengapa UI Animation Penting dalam Desain Website?<\/b><\/h2>\n

\"pentingnya<\/p>\n

Dalam membuat UI (<\/span>user interface<\/span><\/i>) untuk desain website, tampilan yang menarik dan nyaman di mata pengunjung itu harus jadi prioritas.<\/span><\/p>\n

Inilah mengapa di dalam desain UI suatu website harus terdapat berbagai komponen yang lengkap, termasuk UI <\/span>animation<\/span><\/i>.<\/span><\/p>\n

Nah, UI <\/span>animation<\/span><\/i> sendiri merupakan elemen animasi yang ada di dalam desain suatu website. Bentuknya tidak terlihat, tapi sering kita gunakan.<\/span><\/p>\n

Meski begitu, UI <\/span>animation<\/span><\/i> ini bisa memberikan pengaruh baik yang cukup signifikan nih terhadap website Anda.<\/span><\/p>\n

Baik itu dari segi <\/span>traffic<\/span><\/i>, <\/span>user experience<\/span><\/i> maupun konversi yang didapatkan. Lantas, kenapa sih UI <\/span>animation<\/span><\/i> sangat penting dalam desain website?<\/span><\/p>\n

Baca juga:\u00a0Ini Elemen Wajib dalam Desain UI Website, Anda Harus Tahu!<\/a><\/strong><\/p><\/blockquote>\n

1. Membuat Desain UI Lebih Interaktif dan Menarik<\/b><\/h3>\n

Ada beberapa cara yang bisa Anda lakukan untuk berkomunikasi dengan para pengunjung website. Salah satunya melalui desain UI.<\/span><\/p>\n

Artinya, dalam membuat desain UI tentunya kita mengharapkan pengunjung bisa berkomunikasi melalui elemen yang ada, bukan?<\/span><\/p>\n

Untuk berkomunikasi, tentunya desain Anda harus interaktif supaya terjadi interaksi antara website dan pengunjung.<\/span><\/p>\n

Nah, di sinilah pentingnya UI <\/span>animation<\/span><\/i> dalam desain website Anda, yaitu untuk membuat tampilan jadi lebih interaktif.<\/span><\/p>\n

Selain itu, dengan menggunakan animasi yang tepat pada desain UI, ini akan membuat website Anda juga jadi lebih menarik, lho.<\/span><\/p>\n

Terus, efeknya apa sih dengan website yang interaktif? <\/i><\/b>Selain lebih menarik, ini juga bisa memberikan <\/span>user experience<\/span><\/i> yang lebih baik.<\/span><\/p>\n

Nah, kalau <\/span>user experience<\/span><\/i> meningkat, ini bisa berdampak positif pada bagian lain dari website maupun bisnis Anda.<\/span><\/p>\n

Misalnya seperti <\/span>bounce rate<\/span><\/i> yang menurun atau angka konversi yang meningkat.<\/span><\/p>\n

2. Membantu Pengunjung Memahami Website<\/b><\/h3>\n

Terkadang, meski menurut kita desain website sudah tampak jelas, pengunjung tetap bisa bingung untuk memahaminya, lho.<\/span><\/p>\n

Misalnya saat akan membeli sesuatu di website, ada beberapa tahapan yang harus Anda lakukan dari awal hingga pembayaran.<\/span><\/p>\n

Proses ini memang tampak sudah jelas, tapi pengunjung bisa saja bingung berapa tahapan lagi yang harus mereka lakukan.<\/span><\/p>\n

Tapi, akan berbeda kalau Anda memberikan <\/span>progress bar<\/span><\/i> di bagian atas atau bawah untuk memperlihatkan berapa tahapan lagi yang harus dilakukan.<\/span><\/p>\n

Ini tentu akan membantu pengunjung untuk memahami website Anda dengan lebih baik.<\/span><\/p>\n

Nah, hal ini juga berlaku nih untuk elemen lainnya di dalam website. Seperti animasi pada tombol CTA, menu, <\/span>loading<\/span><\/i> bar<\/span><\/i> dan sebagainya.<\/span><\/p>\n

3. Mengurangi Tingkat Cognitive Load<\/b><\/h3>\n

Mungkin Anda bertanya-tanya, <\/span>cognitive load itu apa sih? <\/i><\/b>Gampangnya, <\/span>cognitive load <\/span><\/i>ini adalah tindakan untuk menyelesaikan sesuatu.<\/span><\/p>\n

Katakanlah website Anda sedang melambat karena koneksi pengunjung yang buruk, sehingga halaman yang dituju tidak muncul-muncul.<\/span><\/p>\n

Nah, pengunjung tentunya akan berusaha semaksimal mungkin untuk menampilkan halaman yang mereka tuju, bukan?<\/span><\/p>\n

Seperti me-<\/span>refresh<\/span><\/i> halaman secara berkala atau mencoba mengakses ulang halaman tersebut. Inilah yang dinamakan dengan <\/span>cognitive load<\/span><\/i>.<\/span><\/p>\n

Namun, kalau usaha ini dilakukan secara terus menerus, akan muncul perasaan negatif di diri pengunjung alias stres.<\/span><\/p>\n

Nah, di sini lah pentingnya UI <\/span>animation <\/span><\/i>dalam desain website Anda, yaitu untuk mengurangi stres pengunjung.<\/span><\/p>\n

Karena ketika mereka melihat animasi <\/span>loading<\/span><\/i> dengan penjelasan teks yang mudah dipahami dan menarik, ini akan mengurangi rasa stres.<\/span><\/p>\n

Animasi dapat memberikan respon yang lebih baik kepada pengunjung. Mereka jadi tahu apa yang terjadi dan apa yang harus mereka lakukan.\u00a0\u00a0<\/span><\/p>\n

Selain itu, waktu menunggu pun jadi lebih ringan karena tampilan animasi yang menarik perhatian mereka.<\/span><\/p>\n

Macam-Macam UI Animation<\/b><\/h2>\n

Seperti yang sudah kami sebutkan sebelumnya di poin kedua, UI <\/span>animation<\/span><\/i> itu bisa diaplikasikan ke berbagai komponen website.<\/span><\/p>\n

Mulai dari tombol CTA, menu, <\/span>loading bar<\/span><\/i> dan sebagainya. Nah, setiap komponen ini menampilkan UI <\/span>animation<\/span><\/i> yang berbeda-beda.<\/span><\/p>\n

Ada 5 macam UI <\/span>animation <\/span><\/i>nih yang sering digunakan dalam desain website. Yuk, simak selengkapnya di bawah ini!<\/span><\/p>\n

1. Loading dan Progress<\/b><\/h3>\n

Bentuk UI <\/span>animation<\/span><\/i> yang paling terlihat dalam desain suatu website adalah <\/span>loading<\/span><\/i> dan <\/span>progress<\/span><\/i>.<\/span><\/p>\n

Sesuai namanya, bentuk UI <\/span>animation<\/span><\/i> yang satu ini untuk menunjukkan proses <\/span>loading<\/span><\/i> atau <\/span>progress<\/span><\/i> dari suatu proses.<\/span><\/p>\n

Misalnya pengunjung me-<\/span>refresh<\/span><\/i> halaman, di bagian atas akan muncul animasi <\/span>loading<\/span><\/i> seperti roda berputar atau <\/span>bar<\/span><\/i> yang bergerak.<\/span><\/p>\n

UI <\/span>animation<\/span><\/i> untuk <\/span>loading<\/span><\/i> ini akan membantu pengunjung untuk memahami kalau website sedang memproses halaman tersebut.<\/span><\/p>\n

Sedangkan, animasi <\/span>progress <\/span><\/i>ini biasanya muncul saat Anda sedang mengisi atau melakukan sesuatu di website tersebut.<\/span><\/p>\n

Setiap kali pengunjung melewati satu tahapan, <\/span>progress bar<\/span><\/i> akan terisi hingga di tahapan akhir nanti.<\/span><\/p>\n

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

Dalam pembahasan tentang pentingnya UI <\/span>animation<\/span><\/i>, kami menyebutkan bahwa ini bisa membantu pengunjung untuk memahami website.<\/span><\/p>\n

Dengan kata lain, UI <\/span>animation<\/span><\/i> bisa menjadi navigasi bagi pengunjung untuk menjelajahi website Anda.<\/span><\/p>\n

Nah, ada berbagai UI <\/span>animation <\/span><\/i>yang bisa Anda gunakan untuk memberikan navigasi pada website Anda.<\/span><\/p>\n

Misalnya animasi pada menu seperti <\/span>underline<\/span><\/i> atau transisi saat pengunjung mengarahkan kursor untuk memperjelas menu tersebut.<\/span><\/p>\n

Selain itu, UI <\/span>animation<\/span><\/i> ini juga bisa Anda gunakan untuk menunjukkan apa yang harus pengunjung lakukan setelah mengklik sesuatu.<\/span><\/p>\n

3. Micro Interaction<\/b><\/h3>\n

Nah, <\/span>micro interaction<\/span><\/i><\/a> ini sebetulnya merupakan salah satu unsur UI <\/span>animation<\/span><\/i> yang kecil, tapi bisa meningkatkan <\/span>user experience<\/span><\/i> dengan sangat baik.<\/span><\/p>\n

Kenapa bisa sangat baik? Karena <\/span>micro interaction <\/span><\/i>bisa memberikan respon yang lebih baik kepada para pengunjung.<\/span><\/p>\n

Misalnya nih saat seseorang me-<\/span>refresh<\/span><\/i> halaman, ada <\/span>feedback<\/span><\/i> berupa teks dan ilustrasi orang yang sedang menunggu.<\/span><\/p>\n

Contoh lainnya lagi adalah ketika Anda men-<\/span>scrolling<\/span><\/i> halaman website, akan muncul animasi seperti bentuk kursor yang berubah.<\/span><\/p>\n

Dengan UI <\/span>animation <\/span><\/i>yang seperti ini, proses pengunjung menjelajahi website Anda jadi lebih menarik dan tentunya menyenangkan.<\/span><\/p>\n

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

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

Selain ketiga alasan pentingnya UI <\/span>animation<\/span><\/i> dalam desain website, ada manfaat lain dari elemen UI yang satu ini, lho.<\/span><\/p>\n

Yaitu Anda juga bisa membangun <\/span>branding<\/span><\/i> website atau bisnis Anda lewat UI <\/span>animation<\/span><\/i> yang khas.<\/span><\/p>\n

Misalnya nih Anda membuat animasi dari <\/span>icon<\/span><\/i> bisnis Anda ke seluruh UI <\/span>animation<\/span><\/i> yang ada di website.<\/span><\/p>\n

Mulai dari kursor, menu, <\/span>scrolling<\/span><\/i>, <\/span>loading<\/span><\/i> dan sebagainya. Nah, dengan adanya UI <\/span>animation<\/span><\/i> yang khas, ini akan melekat di pikiran pengunjung.<\/span><\/p>\n

Yang mana, ini akan membangun <\/span>branding<\/span><\/i> dari website Anda nih. Tidak hanya pengunjung tetap, tapi juga mereka yang baru datang ke website.<\/span><\/p>\n

5. Perubahan Status<\/b><\/h3>\n

Bentuk terakhir dari UI <\/span>animation<\/span><\/i> yang bisa Anda gunakan dalam desain website adalah perubahan status.<\/span><\/p>\n

Mungkin, animasi perubahan status ini jadi UI <\/span>animation<\/span><\/i> yang sering Anda lihat nih saat di website.<\/span><\/p>\n

Biasanya, UI <\/span>animation<\/span><\/i> yang satu ini muncul saat Anda <\/span>login<\/span><\/i> atau mendaftar akun di suatu website.<\/span><\/p>\n

Nantinya akan muncul nih <\/span>pop-up<\/span><\/i> notification <\/span><\/i>yang memberitahu Anda kalau sudah masuk atau terdaftar di website tersebut.<\/span><\/p>\n

Selain itu, perubahan status ini juga sering digunakan di tombol yang ada di dalam website.<\/span><\/p>\n

Misalnya warna tombol akan berubah setelah dan sebelum diklik oleh pengunjung.<\/span><\/p>\n

Apakah Penggunaan UI Animation secara Berlebihan dapat Mengganggu Pengalaman Pengunjung dan Memperlambat Kinerja Website?<\/b><\/h3>\n

Benar<\/i><\/b>, penggunaan UI <\/span>animation<\/span><\/i> yang terlalu berlebihan dalam desain website malah bisa menurunkan <\/span>user experience <\/span><\/i>pengunjung.<\/span><\/p>\n

Hal ini karena pengunjung bisa saja merasa terganggu akibat konten yang malah tertutup oleh animasi dalam website Anda.<\/span><\/p>\n

Selain itu, penggunaan UI<\/span> animation<\/span><\/i> yang berlebihan bisa membuat kinerja website jadi lebih lambat karena beban yang berat.<\/span><\/p>\n

Apakah Penggunaan Animasi dapat Meningkatkan Kepercayaan dan Kenyamanan Pengunjung?<\/b><\/h3>\n

Benar<\/i><\/b>, penggunaan UI <\/span>animation<\/span><\/i> pada desain website Anda dapat meningkatkan kepercayaan pengunjung.<\/span><\/p>\n

Website tampak lebih profesional ketika Anda menggunakan UI <\/span>animation<\/span><\/i> pada desain website. Tentunya dengan bijak, ya.<\/span><\/p>\n

Selain itu, UI <\/span>animation<\/span><\/i> juga dapat memperkuat <\/span>branding <\/span><\/i>dari website dan bisnis Anda di mata pengunjung.<\/span><\/p>\n

Yuk, Masukkan Unsur UI Animation ke Desain Website Anda!<\/b><\/h3>\n

Dalam desain UI website, tampilan tentu jadi yang utama karena memang ini tujuannya.\u00a0<\/span><\/p>\n

Desain UI website haruslah tampil menarik, tapi di satu sisi juga bisa memenuhi kebutuhan para pengunjung.<\/span><\/p>\n

Nah, untuk mewujudkan hal ini, Anda membutuhkan UI <\/span>animation<\/span><\/i> dalam desain website Anda.<\/span><\/p>\n

Peranan UI <\/span>animation<\/span><\/i> dalam desain website ini pun juga cukup penting karena selain jadi lebih menarik, ini juga bisa memudahkan pengunjung.<\/span><\/p>\n

Nah, ada berbagai macam bentuk UI <\/span>animation<\/span><\/i> nih yang bisa Anda gunakan seperti <\/span>loading<\/span><\/i>, <\/span>progress<\/span><\/i>, navigasi dan sebagainya.<\/span><\/p>\n

Jika Anda ingin membuat UI <\/span>animation<\/span><\/i> dalam desain website, Anda bisa menyerahkannya pada tim Bikin.Website.<\/span><\/p>\n

Di Bikin.Website, Anda bisa membuat website dengan desain yang sesuai dengan kebutuhan dan keinginan Anda dengan mudah.<\/span><\/p>\n

Cukup konsultasikan konsep yang Anda inginkan dan serahkan sisanya pada tim profesional di Bikin.Website.<\/span><\/p>\n

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

Nah, sampai di sini dulu ya pembahasan kali ini. Semoga Anda bisa terbantu dengan artikel ini.<\/span><\/p>\n

Jika ada pertanyaan, jangan ragu buat <\/span>drop<\/span><\/i> lewat kolom komentar, ya!<\/span><\/p>\n","protected":false},"excerpt":{"rendered":"

Dalam desain website, UI itu memegang peranan yang sangat penting, lho. Hal ini karena UI lah yang akan dilihat pertama kali oleh pengunjung. Inilah mengapa UI harus tampil menarik dan berfungsi. Nah, ada beberapa komponen penting nih di dalam desain UI website. Salah satunya adalah UI animation. UI animation ini bentuknya memang kecil, tapi bisa […]<\/p>\n","protected":false},"author":8,"featured_media":3504,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_links_to":"","_links_to_target":""},"categories":[835],"tags":[1102,900],"class_list":["post-3414","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-website","tag-ui-animation","tag-ui-ux"],"yoast_head":"\nPentingnya UI Animation dalam Desain Website, Anda Wajib Tahu!<\/title>\n<meta name=\"description\" content=\"Yuk, pelajari dan pahami alasan pentingnya UI animation dan dampaknya dalam desain website Anda di 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\/pentingnya-ui-animation\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Pentingnya UI Animation dalam Desain Website, Anda Wajib Tahu!\" \/>\n<meta property=\"og:description\" content=\"Yuk, pelajari dan pahami alasan pentingnya UI animation dan dampaknya dalam desain website Anda di artikel berikut ini!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/bikin.website\/blog\/pentingnya-ui-animation\/\" \/>\n<meta property=\"og:site_name\" content=\"Bikin.Website\" \/>\n<meta property=\"article:published_time\" content=\"2023-10-09T08:21:23+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-11-22T04:47:03+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/bikin.website\/blog\/wp-content\/uploads\/2023\/10\/pentingnya-ui-animation-2.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=\"7 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/bikin.website\\\/blog\\\/pentingnya-ui-animation\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/bikin.website\\\/blog\\\/pentingnya-ui-animation\\\/\"},\"author\":{\"name\":\"Severina Ratih\",\"@id\":\"https:\\\/\\\/bikin.website\\\/blog\\\/#\\\/schema\\\/person\\\/aa838f6f33fc51efa6b5c41f140ef040\"},\"headline\":\"Pentingnya UI Animation dalam Desain Website, Anda Wajib Tahu!\",\"datePublished\":\"2023-10-09T08:21:23+00:00\",\"dateModified\":\"2023-11-22T04:47:03+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/bikin.website\\\/blog\\\/pentingnya-ui-animation\\\/\"},\"wordCount\":1427,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/bikin.website\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/bikin.website\\\/blog\\\/pentingnya-ui-animation\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/bikin.website\\\/blog\\\/wp-content\\\/uploads\\\/2023\\\/10\\\/pentingnya-ui-animation-2.jpg\",\"keywords\":[\"UI animation\",\"ui ux\"],\"articleSection\":[\"website\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/bikin.website\\\/blog\\\/pentingnya-ui-animation\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/bikin.website\\\/blog\\\/pentingnya-ui-animation\\\/\",\"url\":\"https:\\\/\\\/bikin.website\\\/blog\\\/pentingnya-ui-animation\\\/\",\"name\":\"Pentingnya UI Animation dalam Desain Website, Anda Wajib Tahu!\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/bikin.website\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/bikin.website\\\/blog\\\/pentingnya-ui-animation\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/bikin.website\\\/blog\\\/pentingnya-ui-animation\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/bikin.website\\\/blog\\\/wp-content\\\/uploads\\\/2023\\\/10\\\/pentingnya-ui-animation-2.jpg\",\"datePublished\":\"2023-10-09T08:21:23+00:00\",\"dateModified\":\"2023-11-22T04:47:03+00:00\",\"description\":\"Yuk, pelajari dan pahami alasan pentingnya UI animation dan dampaknya dalam desain website Anda di artikel berikut ini!\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/bikin.website\\\/blog\\\/pentingnya-ui-animation\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/bikin.website\\\/blog\\\/pentingnya-ui-animation\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/bikin.website\\\/blog\\\/pentingnya-ui-animation\\\/#primaryimage\",\"url\":\"https:\\\/\\\/bikin.website\\\/blog\\\/wp-content\\\/uploads\\\/2023\\\/10\\\/pentingnya-ui-animation-2.jpg\",\"contentUrl\":\"https:\\\/\\\/bikin.website\\\/blog\\\/wp-content\\\/uploads\\\/2023\\\/10\\\/pentingnya-ui-animation-2.jpg\",\"width\":1333,\"height\":992,\"caption\":\"pentingnya ui animation\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/bikin.website\\\/blog\\\/pentingnya-ui-animation\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/bikin.website\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Pentingnya UI Animation dalam Desain Website, Anda Wajib 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":"Pentingnya UI Animation dalam Desain Website, Anda Wajib Tahu!","description":"Yuk, pelajari dan pahami alasan pentingnya UI animation dan dampaknya dalam desain website Anda di 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\/pentingnya-ui-animation\/","og_locale":"en_US","og_type":"article","og_title":"Pentingnya UI Animation dalam Desain Website, Anda Wajib Tahu!","og_description":"Yuk, pelajari dan pahami alasan pentingnya UI animation dan dampaknya dalam desain website Anda di artikel berikut ini!","og_url":"https:\/\/bikin.website\/blog\/pentingnya-ui-animation\/","og_site_name":"Bikin.Website","article_published_time":"2023-10-09T08:21:23+00:00","article_modified_time":"2023-11-22T04:47:03+00:00","og_image":[{"width":1333,"height":992,"url":"https:\/\/bikin.website\/blog\/wp-content\/uploads\/2023\/10\/pentingnya-ui-animation-2.jpg","type":"image\/jpeg"}],"author":"Severina Ratih","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Severina Ratih","Est. reading time":"7 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/bikin.website\/blog\/pentingnya-ui-animation\/#article","isPartOf":{"@id":"https:\/\/bikin.website\/blog\/pentingnya-ui-animation\/"},"author":{"name":"Severina Ratih","@id":"https:\/\/bikin.website\/blog\/#\/schema\/person\/aa838f6f33fc51efa6b5c41f140ef040"},"headline":"Pentingnya UI Animation dalam Desain Website, Anda Wajib Tahu!","datePublished":"2023-10-09T08:21:23+00:00","dateModified":"2023-11-22T04:47:03+00:00","mainEntityOfPage":{"@id":"https:\/\/bikin.website\/blog\/pentingnya-ui-animation\/"},"wordCount":1427,"commentCount":0,"publisher":{"@id":"https:\/\/bikin.website\/blog\/#organization"},"image":{"@id":"https:\/\/bikin.website\/blog\/pentingnya-ui-animation\/#primaryimage"},"thumbnailUrl":"https:\/\/bikin.website\/blog\/wp-content\/uploads\/2023\/10\/pentingnya-ui-animation-2.jpg","keywords":["UI animation","ui ux"],"articleSection":["website"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/bikin.website\/blog\/pentingnya-ui-animation\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/bikin.website\/blog\/pentingnya-ui-animation\/","url":"https:\/\/bikin.website\/blog\/pentingnya-ui-animation\/","name":"Pentingnya UI Animation dalam Desain Website, Anda Wajib Tahu!","isPartOf":{"@id":"https:\/\/bikin.website\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/bikin.website\/blog\/pentingnya-ui-animation\/#primaryimage"},"image":{"@id":"https:\/\/bikin.website\/blog\/pentingnya-ui-animation\/#primaryimage"},"thumbnailUrl":"https:\/\/bikin.website\/blog\/wp-content\/uploads\/2023\/10\/pentingnya-ui-animation-2.jpg","datePublished":"2023-10-09T08:21:23+00:00","dateModified":"2023-11-22T04:47:03+00:00","description":"Yuk, pelajari dan pahami alasan pentingnya UI animation dan dampaknya dalam desain website Anda di artikel berikut ini!","breadcrumb":{"@id":"https:\/\/bikin.website\/blog\/pentingnya-ui-animation\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/bikin.website\/blog\/pentingnya-ui-animation\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/bikin.website\/blog\/pentingnya-ui-animation\/#primaryimage","url":"https:\/\/bikin.website\/blog\/wp-content\/uploads\/2023\/10\/pentingnya-ui-animation-2.jpg","contentUrl":"https:\/\/bikin.website\/blog\/wp-content\/uploads\/2023\/10\/pentingnya-ui-animation-2.jpg","width":1333,"height":992,"caption":"pentingnya ui animation"},{"@type":"BreadcrumbList","@id":"https:\/\/bikin.website\/blog\/pentingnya-ui-animation\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/bikin.website\/blog\/"},{"@type":"ListItem","position":2,"name":"Pentingnya UI Animation dalam Desain Website, Anda Wajib 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\/3414","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=3414"}],"version-history":[{"count":3,"href":"https:\/\/bikin.website\/blog\/wp-json\/wp\/v2\/posts\/3414\/revisions"}],"predecessor-version":[{"id":3560,"href":"https:\/\/bikin.website\/blog\/wp-json\/wp\/v2\/posts\/3414\/revisions\/3560"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/bikin.website\/blog\/wp-json\/wp\/v2\/media\/3504"}],"wp:attachment":[{"href":"https:\/\/bikin.website\/blog\/wp-json\/wp\/v2\/media?parent=3414"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/bikin.website\/blog\/wp-json\/wp\/v2\/categories?post=3414"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/bikin.website\/blog\/wp-json\/wp\/v2\/tags?post=3414"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}