{"id":12738,"date":"2023-05-02T10:21:52","date_gmt":"2023-05-02T01:21:52","guid":{"rendered":"https:\/\/designcompass.org\/?p=12738"},"modified":"2023-05-02T10:21:55","modified_gmt":"2023-05-02T01:21:55","slug":"google-io-2023-preview","status":"publish","type":"post","link":"https:\/\/designcompass.org\/en\/2023\/05\/02\/google-io-2023-preview\/","title":{"rendered":"Google I\/O 2023 Preview: Googling Websites and Keynote Topics"},"content":{"rendered":"<p class=\"wp-block-paragraph\">May 10, 2023 at 10am Google I\/O opens. Introducing new features of Android, web, Generative AI, and Google Cloud with the main topics of mobile, web, AI, and cloud.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Keynotes and technical sessions are available on VOD. Afterwards, self-paced codelabs and workshops allow you to see and apply the latest technologies and announcements. I\/O Adventure Chat lets you chat with Google experts and other developers. You can meet various people and watch together on the community page.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Anyone can participate online without a separate ticket. If you register separately, you can receive schedules and the latest news and updates.<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe title=\"All paths lead to I\/O\" width=\"800\" height=\"450\" src=\"https:\/\/www.youtube.com\/embed\/gRHMGy_ISj8?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"1024\" src=\"https:\/\/designcompass.org\/wp-content\/uploads\/2023\/05\/google-io-preview-03-1024x1024.png\" alt=\"\" class=\"wp-image-12739\" srcset=\"https:\/\/designcompass.org\/wp-content\/uploads\/2023\/05\/google-io-preview-03-1024x1024.png 1024w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/05\/google-io-preview-03-300x300.png 300w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/05\/google-io-preview-03-100x100.png 100w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/05\/google-io-preview-03-600x600.png 600w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/05\/google-io-preview-03-150x150.png 150w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/05\/google-io-preview-03-768x768.png 768w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/05\/google-io-preview-03-1536x1536.png 1536w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/05\/google-io-preview-03-924x924.png 924w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/05\/google-io-preview-03-671x671.png 671w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/05\/google-io-preview-03-1320x1320.png 1320w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/05\/google-io-preview-03.png 1600w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">\u00a9 Google<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"1024\" src=\"https:\/\/designcompass.org\/wp-content\/uploads\/2023\/05\/google-io-preview-04-1024x1024.png\" alt=\"\" class=\"wp-image-12740\" srcset=\"https:\/\/designcompass.org\/wp-content\/uploads\/2023\/05\/google-io-preview-04-1024x1024.png 1024w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/05\/google-io-preview-04-300x300.png 300w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/05\/google-io-preview-04-100x100.png 100w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/05\/google-io-preview-04-600x600.png 600w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/05\/google-io-preview-04-150x150.png 150w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/05\/google-io-preview-04-768x768.png 768w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/05\/google-io-preview-04-1536x1536.png 1536w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/05\/google-io-preview-04-924x924.png 924w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/05\/google-io-preview-04-671x671.png 671w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/05\/google-io-preview-04-1320x1320.png 1320w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/05\/google-io-preview-04.png 1600w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">\u00a9 Google<\/figcaption><\/figure>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>designer&#039;s eye<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Several media are predicting that Google will unveil a new device. Expect to hear about the Pixel 7A, a cheaper version of the Pixel 7, the Pixel tablet, and the upcoming Pixel 8. We also look forward to the new version of Android 14.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The I\/O webpage exhibits a Google-like tone and manner. Uses a graphic style with an emphasis on outlines. The smooth motion that conveys a pleasant atmosphere naturally is attractive. In this I\/O, we introduce the vision of Material You. Motion features, new color customization features, updates to the Flutter library, and more, the story is ready. We will also share how to apply Material U when creating Android apps using Jetpack Compose, a development tool released by Google in 2018.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"1024\" src=\"https:\/\/designcompass.org\/wp-content\/uploads\/2023\/05\/google-io-preview-05-1024x1024.png\" alt=\"\" class=\"wp-image-12741\" srcset=\"https:\/\/designcompass.org\/wp-content\/uploads\/2023\/05\/google-io-preview-05-1024x1024.png 1024w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/05\/google-io-preview-05-300x300.png 300w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/05\/google-io-preview-05-100x100.png 100w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/05\/google-io-preview-05-600x600.png 600w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/05\/google-io-preview-05-150x150.png 150w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/05\/google-io-preview-05-768x768.png 768w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/05\/google-io-preview-05-1536x1536.png 1536w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/05\/google-io-preview-05-924x924.png 924w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/05\/google-io-preview-05-671x671.png 671w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/05\/google-io-preview-05-1320x1320.png 1320w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/05\/google-io-preview-05.png 1600w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">\u00a9 Google<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"1024\" src=\"https:\/\/designcompass.org\/wp-content\/uploads\/2023\/05\/google-io-preview-06-1024x1024.png\" alt=\"\" class=\"wp-image-12742\" srcset=\"https:\/\/designcompass.org\/wp-content\/uploads\/2023\/05\/google-io-preview-06-1024x1024.png 1024w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/05\/google-io-preview-06-300x300.png 300w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/05\/google-io-preview-06-100x100.png 100w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/05\/google-io-preview-06-600x600.png 600w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/05\/google-io-preview-06-150x150.png 150w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/05\/google-io-preview-06-768x768.png 768w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/05\/google-io-preview-06-1536x1536.png 1536w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/05\/google-io-preview-06-924x924.png 924w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/05\/google-io-preview-06-671x671.png 671w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/05\/google-io-preview-06-1320x1320.png 1320w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/05\/google-io-preview-06.png 1600w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">The DJ interaction on the homepage is also fun.<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"1024\" src=\"https:\/\/designcompass.org\/wp-content\/uploads\/2023\/05\/google-io-preview-09-1024x1024.png\" alt=\"\" class=\"wp-image-12746\" srcset=\"https:\/\/designcompass.org\/wp-content\/uploads\/2023\/05\/google-io-preview-09-1024x1024.png 1024w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/05\/google-io-preview-09-300x300.png 300w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/05\/google-io-preview-09-100x100.png 100w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/05\/google-io-preview-09-600x600.png 600w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/05\/google-io-preview-09-150x150.png 150w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/05\/google-io-preview-09-768x768.png 768w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/05\/google-io-preview-09-1536x1536.png 1536w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/05\/google-io-preview-09-924x924.png 924w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/05\/google-io-preview-09-671x671.png 671w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/05\/google-io-preview-09-1320x1320.png 1320w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/05\/google-io-preview-09.png 1600w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">\u00a9 Google<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"1024\" src=\"https:\/\/designcompass.org\/wp-content\/uploads\/2023\/05\/google-io-preview-10-1024x1024.png\" alt=\"\" class=\"wp-image-12747\" srcset=\"https:\/\/designcompass.org\/wp-content\/uploads\/2023\/05\/google-io-preview-10-1024x1024.png 1024w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/05\/google-io-preview-10-300x300.png 300w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/05\/google-io-preview-10-100x100.png 100w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/05\/google-io-preview-10-600x600.png 600w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/05\/google-io-preview-10-150x150.png 150w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/05\/google-io-preview-10-768x768.png 768w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/05\/google-io-preview-10-1536x1536.png 1536w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/05\/google-io-preview-10-924x924.png 924w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/05\/google-io-preview-10-671x671.png 671w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/05\/google-io-preview-10-1320x1320.png 1320w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/05\/google-io-preview-10.png 1600w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">\u00a9 Google<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"1024\" src=\"https:\/\/designcompass.org\/wp-content\/uploads\/2023\/05\/google-io-preview-11-1024x1024.png\" alt=\"\" class=\"wp-image-12748\" srcset=\"https:\/\/designcompass.org\/wp-content\/uploads\/2023\/05\/google-io-preview-11-1024x1024.png 1024w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/05\/google-io-preview-11-300x300.png 300w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/05\/google-io-preview-11-100x100.png 100w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/05\/google-io-preview-11-600x600.png 600w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/05\/google-io-preview-11-150x150.png 150w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/05\/google-io-preview-11-768x768.png 768w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/05\/google-io-preview-11-1536x1536.png 1536w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/05\/google-io-preview-11-924x924.png 924w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/05\/google-io-preview-11-671x671.png 671w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/05\/google-io-preview-11-1320x1320.png 1320w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/05\/google-io-preview-11.png 1600w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">\u00a9 Google<\/figcaption><\/figure>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Editor&#039;s Note<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">It is expected that this will be an AI-driven announcement. We&#039;ve had a fierce battle with Microsoft, but we haven&#039;t noticed a big change in users&#039; search experience yet. I think it&#039;s because the search results are limited to text, and it&#039;s a dead-end experience that makes it difficult to dig deeper into information.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">I am also curious about the process of using Material Design for development. There are many companies that build multiple design systems on their own, but the difficulty of building is higher than expected, so it takes a long time from a simple UI Kit to a complete system linked with development. Can design systems take it to the next level? I&#039;m excited to see what role Material Design can play.<\/p>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">More and Sources<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/io.google\/2023\/intl\/ko\/\">https:\/\/io.google\/2023\/intl\/ko\/<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/io.google\/2023\/program\/\">https:\/\/io.google\/2023\/program\/<\/a><\/li>\n<\/ul>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<script async=\"\" src=\"https:\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js?client=ca-pub-4130900524608986\" crossorigin=\"anonymous\"><\/script>\n<ins class=\"adsbygoogle\" style=\"display:block\" data-ad-format=\"autorelaxed\" data-ad-client=\"ca-pub-4130900524608986\" data-ad-slot=\"2908097030\"><\/ins>\n<script>\n     (adsbygoogle = window.adsbygoogle || []).push({});\n<\/script>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Similar posts<\/h2>\n\n\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">recent posts<\/h2>","protected":false},"excerpt":{"rendered":"<p>2023\ub144 5\uc6d4 10\uc77c \uc624\uc804 10\uc2dc Google I\/O\uac00 \uc5f4\ub9bd\ub2c8\ub2e4. \ubaa8\ubc14\uc77c, \uc6f9, AI, \ud074\ub77c\uc6b0\ub4dc\ub97c \ub300\uc8fc\uc81c\ub85c \uc548\ub4dc\ub85c\uc774\ub4dc, \uc6f9, Generative AI, \uad6c\uae00 \ud074\ub77c\uc6b0\ub4dc\uc758 \uc0c8\ub85c\uc6b4 \uae30\ub2a5\uc744 \uc18c\uac1c\ud569\ub2c8\ub2e4. \uae30\uc870 \uc5f0\uc124, \uae30\uc220 \uc138\uc158\uc744 VOD\ub85c \ubcfc \uc218 \uc788\uc2b5\ub2c8\ub2e4. \uc774\ud6c4 \uc790\uae30 \uc8fc\ub3c4\ud615 Codelab\uacfc \uc6cc\ud06c\uc20d\uc744 \ud1b5\ud574 \ucd5c\uc2e0 \uae30\uc220\uacfc \ubc1c\ud45c \uc0ac\ud56d\uc744 \ud655\uc778\ud558\uace0 \uc801\uc6a9\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. I\/O \uc5b4\ub4dc\ubca4\uccd0 \ucc44\ud305\uc73c\ub85c Google \uc804\ubb38\uac00 \ubc0f \ub2e4\ub978 \uac1c\ubc1c\uc790\uc640 \ub300\ud654\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":12750,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":"","jetpack_post_was_ever_published":false},"categories":[4,621],"tags":[69,185,370,377,467,596,597,717,758,763],"aesthetic":[],"industry":[],"class_list":["post-12738","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-news","category-service","tag-69","tag-185","tag-ui","tag-ux","tag-ui-ux","tag-interaction","tag-597","tag-717","tag-758","tag-763"],"acf":[],"publishpress_future_action":{"enabled":false,"date":"2026-09-20 18:01:21","action":"change-status","newStatus":"draft","terms":[],"taxonomy":"category","extraData":[]},"publishpress_future_workflow_manual_trigger":{"enabledWorkflows":[]},"jetpack_featured_media_url":"https:\/\/designcompass.org\/wp-content\/uploads\/2023\/05\/google-io-preview-02.png","_links":{"self":[{"href":"https:\/\/designcompass.org\/en\/wp-json\/wp\/v2\/posts\/12738","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/designcompass.org\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/designcompass.org\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/designcompass.org\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/designcompass.org\/en\/wp-json\/wp\/v2\/comments?post=12738"}],"version-history":[{"count":0,"href":"https:\/\/designcompass.org\/en\/wp-json\/wp\/v2\/posts\/12738\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/designcompass.org\/en\/wp-json\/wp\/v2\/media\/12750"}],"wp:attachment":[{"href":"https:\/\/designcompass.org\/en\/wp-json\/wp\/v2\/media?parent=12738"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/designcompass.org\/en\/wp-json\/wp\/v2\/categories?post=12738"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/designcompass.org\/en\/wp-json\/wp\/v2\/tags?post=12738"},{"taxonomy":"aesthetic","embeddable":true,"href":"https:\/\/designcompass.org\/en\/wp-json\/wp\/v2\/aesthetic?post=12738"},{"taxonomy":"industry","embeddable":true,"href":"https:\/\/designcompass.org\/en\/wp-json\/wp\/v2\/industry?post=12738"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}