{"id":3027,"date":"2023-06-26T10:01:30","date_gmt":"2023-06-26T03:01:30","guid":{"rendered":"https:\/\/bikin.website\/blog\/?p=3027"},"modified":"2023-06-26T10:01:30","modified_gmt":"2023-06-26T03:01:30","slug":"micro-interaction-ui","status":"publish","type":"post","link":"https:\/\/bikin.website\/blog\/micro-interaction-ui\/","title":{"rendered":"Micro Interaction, Unsur Kecil di UI yang Meningkatkan UX"},"content":{"rendered":"

Dari berbagai sumber di internet, kita sudah belajar banyak cara untuk meningkatkan UX website<\/a>. Mulai dari membuat navigasi yang jelas, <\/span>loading<\/span><\/i> cepat sampai ke tampilan website yang enak di mata.<\/span><\/p>\n

Tapi, dari segala cara ini, ada satu hal kecil yang <\/span>ngaruh banget<\/span><\/i> untuk meningkatkan UX website. <\/span>Yup<\/span><\/i>, yaitu dengan menambahkan <\/span>micro interaction<\/span><\/i> pada UI website.<\/span><\/p>\n

Mungkin sebagian dari Anda kurang familiar nih dengan istilah ini. Tapi, <\/span>sadar nggak sadar<\/span><\/i>, sebetulnya kita semua sudah pernah merasakan <\/span>micro interaction<\/span><\/i> di UI website atau aplikasi, lho.<\/span><\/p>\n

Nah, supaya Anda lebih paham dan bisa menerapkan <\/span>micro interaction<\/span><\/i> di UI website untuk meningkatkan UX, kami sudah siapkan pembahasannya nih.<\/span><\/p>\n

Kalau begitu, simak hingga tuntas pembahasan berikut ini, ya!<\/span><\/p>\n

Memahami Micro Interaction UI\u00a0<\/b><\/h2>\n

Apakah Anda sering atau mungkin pernah <\/span>meeting<\/span><\/i> melalui Google Meet? Kalau iya, pasti Anda sudah familiar nih dengan fitur reactions<\/em> di Google Meet<\/a><\/span>.<\/span><\/p>\n

Saat kita klik salah satunya berkali-kali, <\/span>reaction<\/span><\/i> tersebut akan muncul di layar <\/span>device<\/span><\/i> kita. Menariknya, ketika kita klik <\/span>reaction<\/span><\/i> party popper<\/span><\/i> berkali-kali, seketika <\/span>party popper<\/span><\/i> tersebut akan meledak dan menebarkan <\/span>confetti<\/span><\/i> di seluruh layar.<\/span><\/p>\n

Nah, ini lah salah satu <\/span>micro interaction<\/span><\/i> UI yang – mungkin – sering Anda lihat sehari-hari. Sesuai namanya, <\/span>micro interaction <\/span><\/i>merupakan unsur <\/span>detail<\/span><\/i> kecil dalam UI dengan satu fungsi tertentu.<\/span><\/p>\n

Apa fungsi dari <\/span>micro interaction<\/span><\/i> ini? Tentunya untuk mengajak pengguna atau pengunjung berinteraksi dengan UI website.<\/span><\/p>\n

Ketika pengunjung berinteraksi, <\/span>micro interaction<\/span><\/i> pun akan memberikan <\/span>feedback<\/span><\/i> atau respon dari tindakan tersebut sebagai bentuk informasi.<\/span><\/p>\n

Feedback<\/span><\/i>-nya dalam bentuk apa? Yang pasti beragam, tergantung pada interaksi yang dilakukan. Tapi, yang paling sering memang dalam bentuk visual seperti animasi.<\/span><\/p>\n

Contohnya ya seperti fitur <\/span>reactions<\/span><\/i> di Google Meet tersebut di mana <\/span>emoji reaction<\/span><\/i> akan muncul di layar sebagai respon atau <\/span>feedback<\/span><\/i> dari klik.<\/span><\/p>\n

Contoh lainnya<\/a> yang paling mudah adalah saat Anda me-<\/span>refresh<\/span><\/i> aplikasi di <\/span>smartphone<\/span><\/i>. Ketika layar ditarik ke bawah, akan muncul animasi <\/span>loading<\/span><\/i> yang beragam.\u00a0<\/span><\/p>\n

Apakah Micro Interaction UI Sangat Penting?<\/b>\u00a0\u00a0<\/span><\/h3>\n

Jika dibilang penting atau tidak, jawabannya tentu penting. Karena dengan menambahkan <\/span>micro interaction<\/span><\/i> pada UI website<\/a>, Anda bisa meningkatkan UX jadi lebih baik.<\/span><\/p>\n

Tapi, apakah <\/span>micro interaction <\/span><\/i>ini harus dan berdampak buruk kalau tidak ada? Jawabannya tentu tidak, meski Anda tidak menambahkan <\/span>micro interaction<\/span><\/i> pada UI website ini tidak jadi masalah, kok.<\/span><\/p>\n

Namun, kembali lagi, menambahkan <\/span>micro interaction<\/span><\/i> pada UI website dapat meningkatkan <\/span>user experience<\/span><\/i> para pengunjung.<\/span><\/p>\n

Dengan memberikan fitur <\/span>current system status<\/span><\/i> saat proses <\/span>upload<\/span><\/i> atau <\/span>publish<\/span><\/i>, pengunjung jadi tahu apakah file yang mereka <\/span>upload<\/span><\/i> berhasil atau tidak.<\/span><\/p>\n

Atau dengan memberikan <\/span>micro interaction<\/span><\/i> pada UI saat <\/span>password input<\/span><\/i>, bisa membuat pengunjung tahu apakah <\/span>password<\/span><\/i> yang mereka buat sudah kuat atau belum.<\/span><\/p>\n

Yang mana, semua ini bisa membuat pengunjung memberikan penilaian yang baik terhadap <\/span>brand<\/span><\/i> Anda terkait pengalaman mereka dengan semua <\/span>micro interaction<\/span><\/i> dalam website.<\/span><\/p>\n

Baca juga:\u00a0Ini Pentingnya User Experience dalam Web Design, Jangan Skip!<\/a><\/strong><\/p><\/blockquote>\n

Unsur dalam Micro Interaction\u00a0<\/b><\/h2>\n

Meskipun <\/span>micro interaction<\/span><\/i> tampaknya hanya sekadar unsur kecil dalam UI website, tetap saja tidak bisa dibuat secara sembarangan.<\/span><\/p>\n

Anda tidak bisa hanya menambahkan animasi tanpa ada fungsi atau tujuan tertentu. Nah, ada 4 unsur nih di dalam <\/span>micro interaction<\/span><\/i> yang harus Anda perhatikan.<\/span><\/p>\n

1. Triggers<\/b><\/h3>\n

Fungsi utama dari <\/span>micro interaction<\/span><\/i> adalah untuk mengajak pengunjung atau pengguna berinteraksi dengan UI website Anda.<\/span><\/p>\n

Nah, supaya pengunjung mau berinteraksi, dibutuhkan <\/span>triggers<\/span><\/i> atau unsur pemicu di dalam UI website Anda.<\/span><\/p>\n

Pemicunya ini dalam bentuk apa? Seperti yang sudah dicontohkan sebelumnya, Anda bisa membuat <\/span>trigger<\/span><\/i> ini dalam bentuk tombol, <\/span>scroll<\/span><\/i> dan sebagainya.<\/span><\/p>\n

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

Setelah ada <\/span>triggers<\/span><\/i> yang diberikan di UI website Anda, unsur selanjutnya dalam <\/span>micro interaction<\/span><\/i> adalah <\/span>rules<\/span><\/i>.<\/span><\/p>\n

Rules<\/span><\/i> ini merupakan <\/span>action<\/span><\/i> apa yang harus dilakukan oleh website atau aplikasi saat pengunjung klik <\/span>triggers<\/span><\/i>.<\/span><\/p>\n

Misalnya animasi saat <\/span>loading<\/span><\/i>, pada <\/span>button<\/span><\/i> dan sebagainya. Yang pasti, sesuaikan dengan jenis <\/span>triggers<\/span><\/i> yang ingin Anda berikan.<\/span><\/p>\n

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

Sebelumnya sudah ditentukan nih <\/span>rules<\/span><\/i> apa yang diinginkan dari <\/span>triggers<\/span><\/i> yang terjadi. Baru di tahap inilah, Anda memberikan <\/span>feedback<\/span><\/i> atau respon dari <\/span>triggers<\/span><\/i> tersebut.<\/span><\/p>\n

Di sini, Anda menunjukkan pada pengunjung apa yang terjadi ketika mereka klik, <\/span>refresh<\/span><\/i> maupun <\/span>scroll<\/span><\/i> halaman website Anda.<\/span><\/p>\n

4. Loops and Modes<\/b><\/h3>\n

Unsur terakhir yang ada di dalam <\/span>micro interaction<\/span><\/i> adalah <\/span>loops and modes<\/span><\/i>. Nah, unsur yang satu ini menentukan <\/span>rules<\/span><\/i> baru nih dari fitur <\/span>micro interaction<\/span><\/i> yang Anda buat.<\/span><\/p>\n

Rules<\/span><\/i> baru ini dibuat untuk keadaan jika kondisinya berubah. Misalnya nih kalau di Instagram, <\/span>loops and modes<\/span><\/i> ini bisa Anda lihat saat Anda me-<\/span>refresh<\/span><\/i> halaman.<\/span><\/p>\n

Saat Anda me-<\/span>refresh<\/span><\/i> halaman beberapa kali dalam satu waktu, Instagram akan memberikan pesan bahwa belum ada <\/span>update<\/span><\/i> terbaru lagi nih dalam beberapa menit tersebut.<\/span><\/p>\n

Nah, inilah yang dinamakan <\/span>loops and modes<\/span><\/i>. <\/span>Rules<\/span><\/i> dan <\/span>feedback<\/span><\/i>-nya berubah karena keadaannya pun yang juga berubah.<\/span><\/p>\n

Cara Menambahkan Micro Interaction pada UI Website\u00a0<\/b><\/h2>\n

Dalam pembahasan di atas soal unsur, Anda sudah tahu nih bahwa <\/span>micro interaction<\/span><\/i> tidak bisa dibuat secara asal-asalan.<\/span><\/p>\n

Anda tidak bisa menambahkan <\/span>micro interaction<\/span><\/i> hanya karena supaya UI website lebih menarik. <\/span>Micro interaction<\/span><\/i> harus memiliki tujuan yang jelas supaya ini bisa meningkatkan <\/span>user experience<\/span><\/i> para pengunjung.<\/span><\/p>\n

Nah, ada beberapa cara nih yang bisa Anda lakukan untuk membuat <\/span>micro interaction<\/span><\/i> yang tepat pada UI website.<\/span><\/p>\n

1. Analisis Kebutuhan User<\/b><\/h3>\n

Cara pertama yang harus Anda lakukan untuk membuat <\/span>micro interaction<\/span><\/i> yang berdampak baik pada <\/span>micro interaction<\/span><\/i> adalah menganalisa kebutuhan dari para <\/span>user<\/span><\/i>.<\/span><\/p>\n

Cobalah lihat apa yang menjadi kesulitan <\/span>user<\/span><\/i> saat menjelajahi atau menggunakan website Anda. Misalnya <\/span>user<\/span><\/i> kesulitan saat membuat <\/span>password<\/span><\/i> karena tidak tahu apakah sudah tepat atau belum.<\/span><\/p>\n

Nah, jika Anda sudah menemukan kesulitan <\/span>user<\/span><\/i>, Anda bisa membuat <\/span>list<\/span><\/i> fitur apa saja yang bisa memudahkan supaya <\/span>experience<\/span><\/i>-nya semakin baik di website Anda.<\/span><\/p>\n

2. Membuat Animasi yang Fungsional<\/b><\/h3>\n

Jika Anda sudah menemukan apa yang menjadi kesulitan <\/span>user<\/span><\/i> dan fitur solusinya, sekarang saatnya Anda membuat <\/span>micro interaction<\/span><\/i> yang fungsional.<\/span><\/p>\n

Anda bisa membuatnya dalam bentuk animasi, <\/span>swipe<\/span><\/i>, <\/span>data input<\/span><\/i>, <\/span>current system status<\/span><\/i> dan sebagainya. Tentunya jangan lupa untuk menyesuaikan dengan kebutuhan <\/span>user<\/span><\/i>, ya.<\/span><\/p>\n

Untuk membuat animasi ini, pastikan pula sudah memasukkan keempat unsur <\/span>micro interaction<\/span><\/i> yang ada.<\/span><\/p>\n

3. Buatlah Micro Interaction yang Fun<\/b><\/h3>\n

Salah satu hal yang harus Anda perhatikan saat membuat fitur <\/span>micro interaction<\/span><\/i> pada UI website adalah <\/span>experience<\/span><\/i> yang <\/span>enjoy<\/span><\/i>.<\/span><\/p>\n

Artinya, fitur <\/span>micro interaction<\/span><\/i> yang Anda buat haruslah memberikan pengalaman yang menyenangkan nih bagi <\/span>user<\/span><\/i>.<\/span><\/p>\n

4. Gunakan Bahasa Manusia<\/b><\/h3>\n

Nah, ini nih yang sering dilupakan oleh para <\/span>web developer<\/span><\/i>, yaitu untuk menggunakan bahasa manusia dalam tiap teks yang ada di website.<\/span><\/p>\n

Ini penting supaya <\/span>user<\/span><\/i> paham dengan apa yang terjadi atau apa yang harus mereka lakukan di website Anda.<\/span><\/p>\n

Misalnya dalam pesan <\/span>error<\/span><\/i>. Alih-alih menggunakan bahasa teknis yang sulit dipahami, Anda bisa menggunakan bahasa percakapan sehari-hari.<\/span><\/p>\n

Contohnya seperti <\/span>\u201cYah, halaman yang kamu cari nggak ada nih! Coba refresh atau kembali ke halaman utama, ya.\u201d<\/b>.<\/span><\/p>\n

Baca juga:\u00a07 Tips UX Writing untuk Website, Wajib Tahu Supaya UX Makin Efektif!<\/a><\/strong><\/p><\/blockquote>\n

Sudah Ada Micro Interaction Ui di Website Belum?<\/b><\/h2>\n

Micro interaction<\/span><\/i> memang bukan fitur yang wajib ada di UI website. Tapi, peranannya cukup penting nih untuk meningkatkan <\/span>user experience<\/span><\/i> website Anda.<\/span><\/p>\n

Ada berbagai bentuk <\/span>micro interaction<\/span><\/i> yang bisa Anda gunakan di UI website, kok. Mulai dari animasi, <\/span>swipe<\/span><\/i>, animasi <\/span>loading<\/span><\/i> dan sebagainya.<\/span><\/p>\n

Nah, untuk Anda yang juga ingin meningkatkan <\/span>user experience<\/span><\/i> website, Anda bisa nih membuat <\/span>micro interaction<\/span><\/i> di semua bagian website.<\/span><\/p>\n

Tidak perlu khawatir kalau Anda tidak bisa membuatnya sendiri. Tim Bikin.Website bisa membantu Anda untuk mewujudkannya, kok!<\/span><\/p>\n

Hubungi Tim Bikin.Website Di Sini!<\/a><\/p>\n

Kalau begitu, semoga artikel kali ini bisa membantu Anda ya untuk semakin meningkatkan <\/span>user experience <\/span><\/i>website. Jangan lupa <\/span>share<\/span><\/i> hasil dari <\/span>micro interaction<\/span><\/i> website Anda di kolom komentar, ya!<\/span><\/p>\n","protected":false},"excerpt":{"rendered":"

Dari berbagai sumber di internet, kita sudah belajar banyak cara untuk meningkatkan UX website. Mulai dari membuat navigasi yang jelas, loading cepat sampai ke tampilan website yang enak di mata. Tapi, dari segala cara ini, ada satu hal kecil yang ngaruh banget untuk meningkatkan UX website. Yup, yaitu dengan menambahkan micro interaction pada UI website. […]<\/p>\n","protected":false},"author":8,"featured_media":3031,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_links_to":"","_links_to_target":""},"categories":[981,3,982,409,835],"tags":[1020,1049],"class_list":["post-3027","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-optimasi-website","category-tips","category-wawasan","category-dev-website","category-website","tag-cara-meningkatkan-ux-website","tag-micro-interaction-ui"],"yoast_head":"\nMicro Interaction, Unsur Kecil di UI yang Meningkatkan UX - Bikin.Website<\/title>\n<meta name=\"description\" content=\"Meski kecil, nyatanya micro interaction pada UI bisa memberi dampak yang luar biasa untuk user experience website, lho!\" \/>\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\/micro-interaction-ui\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Micro Interaction, Unsur Kecil di UI yang Meningkatkan UX - Bikin.Website\" \/>\n<meta property=\"og:description\" content=\"Meski kecil, nyatanya micro interaction pada UI bisa memberi dampak yang luar biasa untuk user experience website, lho!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/bikin.website\/blog\/micro-interaction-ui\/\" \/>\n<meta property=\"og:site_name\" content=\"Bikin.Website\" \/>\n<meta property=\"article:published_time\" content=\"2023-06-26T03:01:30+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/bikin.website\/blog\/wp-content\/uploads\/2023\/06\/micro-interaction-ui.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=\"6 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/bikin.website\\\/blog\\\/micro-interaction-ui\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/bikin.website\\\/blog\\\/micro-interaction-ui\\\/\"},\"author\":{\"name\":\"Severina Ratih\",\"@id\":\"https:\\\/\\\/bikin.website\\\/blog\\\/#\\\/schema\\\/person\\\/aa838f6f33fc51efa6b5c41f140ef040\"},\"headline\":\"Micro Interaction, Unsur Kecil di UI yang Meningkatkan UX\",\"datePublished\":\"2023-06-26T03:01:30+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/bikin.website\\\/blog\\\/micro-interaction-ui\\\/\"},\"wordCount\":1224,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/bikin.website\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/bikin.website\\\/blog\\\/micro-interaction-ui\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/bikin.website\\\/blog\\\/wp-content\\\/uploads\\\/2023\\\/06\\\/micro-interaction-ui.jpg\",\"keywords\":[\"cara meningkatkan UX website\",\"micro interaction ui\"],\"articleSection\":[\"Optimasi Website\",\"Tips\",\"Wawasan\",\"Web Dev\",\"website\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/bikin.website\\\/blog\\\/micro-interaction-ui\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/bikin.website\\\/blog\\\/micro-interaction-ui\\\/\",\"url\":\"https:\\\/\\\/bikin.website\\\/blog\\\/micro-interaction-ui\\\/\",\"name\":\"Micro Interaction, Unsur Kecil di UI yang Meningkatkan UX - Bikin.Website\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/bikin.website\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/bikin.website\\\/blog\\\/micro-interaction-ui\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/bikin.website\\\/blog\\\/micro-interaction-ui\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/bikin.website\\\/blog\\\/wp-content\\\/uploads\\\/2023\\\/06\\\/micro-interaction-ui.jpg\",\"datePublished\":\"2023-06-26T03:01:30+00:00\",\"description\":\"Meski kecil, nyatanya micro interaction pada UI bisa memberi dampak yang luar biasa untuk user experience website, lho!\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/bikin.website\\\/blog\\\/micro-interaction-ui\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/bikin.website\\\/blog\\\/micro-interaction-ui\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/bikin.website\\\/blog\\\/micro-interaction-ui\\\/#primaryimage\",\"url\":\"https:\\\/\\\/bikin.website\\\/blog\\\/wp-content\\\/uploads\\\/2023\\\/06\\\/micro-interaction-ui.jpg\",\"contentUrl\":\"https:\\\/\\\/bikin.website\\\/blog\\\/wp-content\\\/uploads\\\/2023\\\/06\\\/micro-interaction-ui.jpg\",\"width\":1333,\"height\":992,\"caption\":\"micro interaction ui\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/bikin.website\\\/blog\\\/micro-interaction-ui\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/bikin.website\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Micro Interaction, Unsur Kecil di UI yang Meningkatkan UX\"}]},{\"@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":"Micro Interaction, Unsur Kecil di UI yang Meningkatkan UX - Bikin.Website","description":"Meski kecil, nyatanya micro interaction pada UI bisa memberi dampak yang luar biasa untuk user experience website, lho!","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\/micro-interaction-ui\/","og_locale":"en_US","og_type":"article","og_title":"Micro Interaction, Unsur Kecil di UI yang Meningkatkan UX - Bikin.Website","og_description":"Meski kecil, nyatanya micro interaction pada UI bisa memberi dampak yang luar biasa untuk user experience website, lho!","og_url":"https:\/\/bikin.website\/blog\/micro-interaction-ui\/","og_site_name":"Bikin.Website","article_published_time":"2023-06-26T03:01:30+00:00","og_image":[{"width":1333,"height":992,"url":"https:\/\/bikin.website\/blog\/wp-content\/uploads\/2023\/06\/micro-interaction-ui.jpg","type":"image\/jpeg"}],"author":"Severina Ratih","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Severina Ratih","Est. reading time":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/bikin.website\/blog\/micro-interaction-ui\/#article","isPartOf":{"@id":"https:\/\/bikin.website\/blog\/micro-interaction-ui\/"},"author":{"name":"Severina Ratih","@id":"https:\/\/bikin.website\/blog\/#\/schema\/person\/aa838f6f33fc51efa6b5c41f140ef040"},"headline":"Micro Interaction, Unsur Kecil di UI yang Meningkatkan UX","datePublished":"2023-06-26T03:01:30+00:00","mainEntityOfPage":{"@id":"https:\/\/bikin.website\/blog\/micro-interaction-ui\/"},"wordCount":1224,"commentCount":0,"publisher":{"@id":"https:\/\/bikin.website\/blog\/#organization"},"image":{"@id":"https:\/\/bikin.website\/blog\/micro-interaction-ui\/#primaryimage"},"thumbnailUrl":"https:\/\/bikin.website\/blog\/wp-content\/uploads\/2023\/06\/micro-interaction-ui.jpg","keywords":["cara meningkatkan UX website","micro interaction ui"],"articleSection":["Optimasi Website","Tips","Wawasan","Web Dev","website"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/bikin.website\/blog\/micro-interaction-ui\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/bikin.website\/blog\/micro-interaction-ui\/","url":"https:\/\/bikin.website\/blog\/micro-interaction-ui\/","name":"Micro Interaction, Unsur Kecil di UI yang Meningkatkan UX - Bikin.Website","isPartOf":{"@id":"https:\/\/bikin.website\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/bikin.website\/blog\/micro-interaction-ui\/#primaryimage"},"image":{"@id":"https:\/\/bikin.website\/blog\/micro-interaction-ui\/#primaryimage"},"thumbnailUrl":"https:\/\/bikin.website\/blog\/wp-content\/uploads\/2023\/06\/micro-interaction-ui.jpg","datePublished":"2023-06-26T03:01:30+00:00","description":"Meski kecil, nyatanya micro interaction pada UI bisa memberi dampak yang luar biasa untuk user experience website, lho!","breadcrumb":{"@id":"https:\/\/bikin.website\/blog\/micro-interaction-ui\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/bikin.website\/blog\/micro-interaction-ui\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/bikin.website\/blog\/micro-interaction-ui\/#primaryimage","url":"https:\/\/bikin.website\/blog\/wp-content\/uploads\/2023\/06\/micro-interaction-ui.jpg","contentUrl":"https:\/\/bikin.website\/blog\/wp-content\/uploads\/2023\/06\/micro-interaction-ui.jpg","width":1333,"height":992,"caption":"micro interaction ui"},{"@type":"BreadcrumbList","@id":"https:\/\/bikin.website\/blog\/micro-interaction-ui\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/bikin.website\/blog\/"},{"@type":"ListItem","position":2,"name":"Micro Interaction, Unsur Kecil di UI yang Meningkatkan UX"}]},{"@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\/3027","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=3027"}],"version-history":[{"count":4,"href":"https:\/\/bikin.website\/blog\/wp-json\/wp\/v2\/posts\/3027\/revisions"}],"predecessor-version":[{"id":3032,"href":"https:\/\/bikin.website\/blog\/wp-json\/wp\/v2\/posts\/3027\/revisions\/3032"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/bikin.website\/blog\/wp-json\/wp\/v2\/media\/3031"}],"wp:attachment":[{"href":"https:\/\/bikin.website\/blog\/wp-json\/wp\/v2\/media?parent=3027"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/bikin.website\/blog\/wp-json\/wp\/v2\/categories?post=3027"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/bikin.website\/blog\/wp-json\/wp\/v2\/tags?post=3027"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}