{"id":14944,"date":"2023-06-08T09:33:07","date_gmt":"2023-06-08T00:33:07","guid":{"rendered":"https:\/\/designcompass.org\/?p=14944"},"modified":"2023-06-08T10:24:36","modified_gmt":"2023-06-08T01:24:36","slug":"ios17-usability","status":"publish","type":"post","link":"https:\/\/designcompass.org\/en\/2023\/06\/08\/ios17-usability\/","title":{"rendered":"iOS17 usability update: quick and easy before you even turn it on"},"content":{"rendered":"<p>At WWDC23, details about the new iOS 17 were revealed. We have released a variety of features that allow you to use the main features of various apps faster and more conveniently. We&#039;ve rounded up some of the impressive changes that will be coming soon.<\/p>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">\ud83d\udc41\ufe0f Designer Eye<\/h3>\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\/06\/ios17-usability-02-1024x1024.png\" alt=\"\" class=\"wp-image-14958\" srcset=\"https:\/\/designcompass.org\/wp-content\/uploads\/2023\/06\/ios17-usability-02-1024x1024.png 1024w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/06\/ios17-usability-02-300x300.png 300w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/06\/ios17-usability-02-150x150.png 150w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/06\/ios17-usability-02-768x768.png 768w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/06\/ios17-usability-02-1536x1536.png 1536w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/06\/ios17-usability-02-12x12.png 12w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/06\/ios17-usability-02-600x600.png 600w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/06\/ios17-usability-02-924x924.png 924w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/06\/ios17-usability-02-671x671.png 671w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/06\/ios17-usability-02-1320x1320.png 1320w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/06\/ios17-usability-02-100x100.png 100w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/06\/ios17-usability-02.png 1600w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">\u00a9 Apple<\/figcaption><\/figure>\n\n\n\n<p><strong>Widget &amp; Activity<\/strong><\/p>\n\n\n\n<p>You can display the progress of various activities in your app. They can be displayed as widgets and dynamic islands. Appears on iPhone StandBy, iPad lock screen, Mac desktop.<\/p>\n\n\n\n<p><a href=\"https:\/\/developer.apple.com\/videos\/play\/wwdc2023\/10184\/\">https:\/\/developer.apple.com\/videos\/play\/wwdc2023\/10184\/<\/a><\/p>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\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\/06\/ios17-usability-03-1024x1024.png\" alt=\"\" class=\"wp-image-14951\" srcset=\"https:\/\/designcompass.org\/wp-content\/uploads\/2023\/06\/ios17-usability-03-1024x1024.png 1024w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/06\/ios17-usability-03-300x300.png 300w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/06\/ios17-usability-03-150x150.png 150w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/06\/ios17-usability-03-768x768.png 768w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/06\/ios17-usability-03-1536x1536.png 1536w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/06\/ios17-usability-03-12x12.png 12w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/06\/ios17-usability-03-600x600.png 600w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/06\/ios17-usability-03-924x924.png 924w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/06\/ios17-usability-03-671x671.png 671w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/06\/ios17-usability-03-1320x1320.png 1320w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/06\/ios17-usability-03-100x100.png 100w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/06\/ios17-usability-03.png 1600w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">\u00a9 Apple<\/figcaption><\/figure>\n\n\n\n<p><strong>App Shortcut<\/strong><\/p>\n\n\n\n<p>You can display frequently used functions in apps through Spotlight and Siri. We also shared how to design shortcuts so that they appear as popular items in Spotlight. You can customize the visual appearance of your shortcuts.<\/p>\n\n\n\n<p><a href=\"https:\/\/developer.apple.com\/videos\/play\/wwdc2023\/10193\/\">https:\/\/developer.apple.com\/videos\/play\/wwdc2023\/10193\/<\/a><\/p>\n\n\n\n<p><a href=\"https:\/\/developer.apple.com\/videos\/play\/wwdc2023\/10102\/\">https:\/\/developer.apple.com\/videos\/play\/wwdc2023\/10102\/<\/a><\/p>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\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\/06\/ios17-usability-04-1-1024x1024.png\" alt=\"\" class=\"wp-image-14952\" srcset=\"https:\/\/designcompass.org\/wp-content\/uploads\/2023\/06\/ios17-usability-04-1-1024x1024.png 1024w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/06\/ios17-usability-04-1-300x300.png 300w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/06\/ios17-usability-04-1-150x150.png 150w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/06\/ios17-usability-04-1-768x768.png 768w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/06\/ios17-usability-04-1-1536x1536.png 1536w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/06\/ios17-usability-04-1-12x12.png 12w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/06\/ios17-usability-04-1-600x600.png 600w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/06\/ios17-usability-04-1-924x924.png 924w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/06\/ios17-usability-04-1-671x671.png 671w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/06\/ios17-usability-04-1-1320x1320.png 1320w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/06\/ios17-usability-04-1-100x100.png 100w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/06\/ios17-usability-04-1.png 1600w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">\u00a9 Apple<\/figcaption><\/figure>\n\n\n\n<p><strong>Tip Kit TipKit<\/strong><\/p>\n\n\n\n<p>It provides a function that informs users how to use it. Design onboarding, tutorial experiences. You can control where and when they are exposed. You can make them open according to specific rules.<\/p>\n\n\n\n<p><a href=\"https:\/\/developer.apple.com\/videos\/play\/wwdc2023\/10229\/\">https:\/\/developer.apple.com\/videos\/play\/wwdc2023\/10229\/<\/a><\/p>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\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\/06\/ios17-usability-06-1024x1024.png\" alt=\"\" class=\"wp-image-14953\" srcset=\"https:\/\/designcompass.org\/wp-content\/uploads\/2023\/06\/ios17-usability-06-1024x1024.png 1024w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/06\/ios17-usability-06-300x300.png 300w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/06\/ios17-usability-06-150x150.png 150w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/06\/ios17-usability-06-768x768.png 768w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/06\/ios17-usability-06-1536x1536.png 1536w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/06\/ios17-usability-06-12x12.png 12w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/06\/ios17-usability-06-600x600.png 600w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/06\/ios17-usability-06-924x924.png 924w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/06\/ios17-usability-06-671x671.png 671w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/06\/ios17-usability-06-1320x1320.png 1320w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/06\/ios17-usability-06-100x100.png 100w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/06\/ios17-usability-06.png 1600w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">\u00a9 Apple<\/figcaption><\/figure>\n\n\n\n<p><strong>Animated Symbols<\/strong><\/p>\n\n\n\n<p>SF Symbols are moving. You can see the animation in the SF Symbols app on macOS. Symbols are customizable and can be applied in multiple colors. You can add different versions, such as a version with the icon inside a circle, a version with a circle outside it, and a version with a slash through it.<\/p>\n\n\n\n<p><a href=\"https:\/\/developer.apple.com\/videos\/play\/wwdc2023\/10257\/\">https:\/\/developer.apple.com\/videos\/play\/wwdc2023\/10257\/<\/a><\/p>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\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\/06\/ios17-usability-07-1024x1024.png\" alt=\"\" class=\"wp-image-14954\" srcset=\"https:\/\/designcompass.org\/wp-content\/uploads\/2023\/06\/ios17-usability-07-1024x1024.png 1024w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/06\/ios17-usability-07-300x300.png 300w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/06\/ios17-usability-07-150x150.png 150w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/06\/ios17-usability-07-768x768.png 768w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/06\/ios17-usability-07-1536x1536.png 1536w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/06\/ios17-usability-07-12x12.png 12w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/06\/ios17-usability-07-600x600.png 600w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/06\/ios17-usability-07-924x924.png 924w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/06\/ios17-usability-07-671x671.png 671w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/06\/ios17-usability-07-1320x1320.png 1320w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/06\/ios17-usability-07-100x100.png 100w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/06\/ios17-usability-07.png 1600w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">\u00a9 Apple<\/figcaption><\/figure>\n\n\n\n<p><strong>Other useful improvements<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>You can search for recipes by tapping a food item in the image.<\/li>\n\n\n\n<li>Extended image cutout function<\/li>\n\n\n\n<li>Recognizes pets as people in photos.<\/li>\n\n\n\n<li>New drawing tools such as Freeform watercolor brushes, calligraphy pens, highlighters, variable width pens, and rulers.<\/li>\n\n\n\n<li>Apply nude filter to naked photos and videos. A pop-up will appear asking if you want to view sensitive photos.<\/li>\n\n\n\n<li>Mail app supports auto-filling of one-time verification codes. You can also automatically delete your verification code.<\/li>\n\n\n\n<li>A pronoun field is added to Contacts.<\/li>\n\n\n\n<li>We provide new wallpapers.<\/li>\n\n\n\n<li>Apple Music playlists to make with friends<\/li>\n\n\n\n<li>Shareplay can respond to Now playing songs<\/li>\n\n\n\n<li>Introduction of crossfade option<\/li>\n\n\n\n<li>Words have also been introduced to Apple News.<\/li>\n\n\n\n<li>Audio story access<\/li>\n\n\n\n<li>Multiple timers are provided.<\/li>\n\n\n\n<li>You can view the previous day&#039;s weather in the Weather app.<\/li>\n<\/ul>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">\ud83d\udcd5 Editor&#039;s Notes<\/h3>\n\n\n\n<p>It is full of useful and convenient features. Previously, we focused on creating an environment where you can focus only on a specific app by providing modes tailored to various contexts, but this time we focus on the most important flow in the existing user experience to provide you with the fastest way to use features. I think there is no end to usability improvement.<\/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:\/\/www.apple.com\/ios\/ios-17-preview\/\" target=\"_blank\" rel=\"noreferrer noopener\">https:\/\/www.apple.com\/ios\/ios-17-preview\/<\/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>WWDC23\uc5d0\uc11c \uc0c8\ub85c\uc6b4 iOS 17\uc5d0 \ub300\ud55c \uc0c1\uc138\ud55c \ub0b4\uc6a9\uc774 \uacf5\uac1c\ub410\uc2b5\ub2c8\ub2e4. \ub2e4\uc591\ud55c \uc571\uc758 \uc8fc\uc694 \uae30\ub2a5\uc744 \ub354 \ube60\ub974\uace0 \ud3b8\ub9ac\ud558\uac8c \uc0ac\uc6a9\ud560 \uc218 \uc788\ub294 \ub2e4\uc591\ud55c \uae30\ub2a5\uc744 \uacf5\uac1c\ud588\uc2b5\ub2c8\ub2e4. \uc0c8\ub86d\uac8c \uc801\uc6a9\ub420 \uc778\uc0c1\uc801\uc778 \ubcc0\ud654\ub97c \uc815\ub9ac\ud588\uc2b5\ub2c8\ub2e4. \ud83d\udc41\ufe0f&nbsp;\ub514\uc790\uc774\ub108\uc758 \ub208 \uc704\uc82f\uacfc \ud65c\ub3d9 Widget &amp; Activity \uc571\uc758 \ub2e4\uc591\ud55c \ud65c\ub3d9 \uc9c4\ud589\uc0c1\ud669\uc744 \ud45c\uc2dc\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \uc704\uc82f\uacfc \ub2e4\uc774\ub0b4\ubbf9 \uc544\uc77c\ub79c\ub4dc\ub85c \ud45c\uc2dc\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \uc544\uc774\ud3f0 StandBy, iPad \uc7a0\uae08 \ud654\uba74, \ub9e5 \ub370\uc2a4\ud06c\ud0d1\uc5d0 \ud45c\uc2dc\ub429\ub2c8\ub2e4. https:\/\/developer.apple.com\/videos\/play\/wwdc2023\/10184\/ [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":14948,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[4,621],"tags":[69,185,370,377,467,596,597,717,758,763],"class_list":["post-14944","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":[],"jetpack_featured_media_url":"https:\/\/designcompass.org\/wp-content\/uploads\/2023\/06\/ios17-usability-08.png","publishpress_future_action":{"enabled":false,"date":"2026-05-21 07:59:30","action":"change-status","newStatus":"draft","terms":[],"taxonomy":"category","extraData":[]},"publishpress_future_workflow_manual_trigger":{"enabledWorkflows":[]},"_links":{"self":[{"href":"https:\/\/designcompass.org\/en\/wp-json\/wp\/v2\/posts\/14944","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=14944"}],"version-history":[{"count":0,"href":"https:\/\/designcompass.org\/en\/wp-json\/wp\/v2\/posts\/14944\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/designcompass.org\/en\/wp-json\/wp\/v2\/media\/14948"}],"wp:attachment":[{"href":"https:\/\/designcompass.org\/en\/wp-json\/wp\/v2\/media?parent=14944"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/designcompass.org\/en\/wp-json\/wp\/v2\/categories?post=14944"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/designcompass.org\/en\/wp-json\/wp\/v2\/tags?post=14944"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}