Get to know Cover Sheet, iOS 11’s new Notification Center

iOS 11 handles notifications a bit differently than iOS 10, moving all notifications to a new Cover Sheet that looks exactly like your Lock screen.

Notifications are crucial to iOS. In fact, some apps can be used purely as notification engines — I hardly ever open Dark Sky or ESPN, because their push notifications tell me everything I need to know. In iOS 11, everything’s a little different, but once you get used to it, you might actually prefer the new way.

If you are using the iOS 11 public or developer beta, it’s worth your time to reexamine your choices in Settings > Notifications to make better use of the new system. Let’s walk through all the changes.

Apple occasionally offers updates to iOS, watchOS, tvOS, and macOS as closed developer previews or public betas for iPhone, iPad, Apple TV and Mac (sadly, no public beta for the Apple Watch). While the betas contain new features, they also contain pre-release bugs that can prevent the normal use of your iPhone, iPad, Apple Watch, Apple TV, or Mac, and are not intended for everyday use on a primary device. That’s why we strongly recommend staying away from developer previews unless you need them for software development, and using the public betas with caution. If you depend on your devices, wait for the final release.

The new Cover Sheet

As before, you can see your notifications in iOS 11 by swiping down from the very top edge of the screen. In iOS 10, that showed you a two-paned view of Notification Center and your Today widgets, and you could swipe between them.

In iOS 11, however, you’ll see what looks like your Lock screen. The date and time are on top, just like on your Lock screen, and then you’ll see the list of notifications stacked below it. Instead of a black background, you’ll see your Lock screen wallpaper. This is called the Cover Sheet.

The new Cover Sheet shows your new notifications, and then you can swipe up for the rest of the history, organized chronologically.

Notifications on the Cover Sheet are organized chronologically by date. New ones appear on the top, and you can swipe up to see the full history. There’s no longer an option to group notifications by app, or limit how many appear from each app. By default, notifications on the Cover Sheet show a preview of the content (the new email, text, Slack message, etc.), but you can change that behavior in Settings > Notifications. Tap Show Previews, and you can change it from Always to When Unlocked or Never. You can then override that universal setting for individual apps—there’s a Show Previews option at the very bottom of each app’s settings menu.

Previously, you could swipe on an individual banner in Notification Center to clear it, or tap it to open that app. In iOS 11, you can still tap a notification to open that item in the app, but the swiping behavior is different. If you swipe from the Cover Sheet, it’s just like swiping on your lock screen: your Today widgets are kept to the left of the Cover Sheet, and your Camera is on the right.

Pressing a notification in iOS 11 expands it and often gives you some buttons. Notifications for the Gmail app, for example, include Archive and Reply buttons. In this expanded view, you can still tap the notification itself to open it in the corresponding app.

The notifications in the Cover Sheet are grouped by day, with an X button you can tap to clear them day by day. Press the X for a Clear All Notifications pop-up to wipe the entire slate clean.

Per-app settings

Every app you have installed on your iPhone or iPad is listed in Settings > Notifications, and you can tweak the settings individually for each app. The settings are a little different in iOS 11 than in iOS 10, so it’s a good (albeit tedious) idea to revisit at least the apps you use the most. Here’s what you’ll find in each app’s notification settings.

  1. First, you can disallow notifications altogether with the Allow Notifications switch.
  2. The Sounds toggle allows the app to play a sound every time it gets a notification, even if your phone is locked, but not when it’s silenced or in Do Not Disturb mode. Use it judiciously!
  3. The option to Badge App Icon will create those red badges on an app’s icon that display the number of notification waiting inside.
  4. In the next section, labeled Alerts, you can choose where your notifications will show up. Show Cover Sheet allows them to appear on your Cover Sheet whether or not your phone is locked.
  5. Show in History means the notifications won’t pop up on your Cover Sheet as they come in when your phone is locked, but they’ll still show up in the full list of notifications when you swipe up from the Cover Sheet, or when your device is unlocked.
  6. Show as Banners only affects how the notifications are displayed along the top of the screen when they come in while you’re actively using your device. If this option is turned on, you can also choose if the banners should be Temporary (the default), or persistent.

How is that Alerts section different from what came before?. Previously, iOS differentiated between “alerts” (pop-ups with buttons that didn’t go away until you interacted with them) and “banners” (a pop-up without buttons that would appear briefly and then vanish). In iOS 11, every notification is called a banner, but you can choose whether the banners should be temporary or persistent.

Both temporary and persistent banners look the same, but a persistent banner will stay on the top of the screen until you swipe it up to dismiss it, press on it it for more info, or tap it to open the app. So a persistent banner in iOS 11 acts just like an alert in iOS 10, only you have to press it to see any relevant buttons.

Maximum flexibility

So that’s a lot of settings, but the end result is extreme flexibility. I interact with different kinds of apps in different ways, and the freedom to put their notifications exactly where I want them is great.

For example, I have Dark Sky send me the forecast every morning. It’s set to show previews always and appear in Cover Sheet and History, but not as a banner, because I don’t want it interrupting me if I happen to be using my iPhone for something else when the notification comes in. I just know it’s always in the Cover Sheet when I want it.

Snapchat notifications, on the other hand, I have set to show as banners so I get a pop-up if I’m using my iPhone at the time — that way I can open the app to reply immediately and get a little chat going. But I also have Show on Cover Sheet and Show in History turned off, so my Cover Sheet doesn’t stack up with old Snapchat notifications. Instead, Badge App Icon is turned on, so I’ll notice I have messages waiting that way.

Oh, one more thing: Notifications don’t show up on your Cover Sheet while you’re using iOS 11’s new Do Not Disturb While Driving feature. But they’ll all appear at once as soon as you end your drive.

Questions?

Revisiting each app’s notification settings can take forever if you have a lot of apps, but iOS 11 makes your efforts worthwhile. What do you think of the new Notifications settings? Did it take you a while to get used to Cover Sheet? The comments are open!

<!–*/

<!–*/

img {
width: 100%;
height: auto;
}
.devicebox ul {
display: table;
margin: 0 0 10px;
width: 100%;
}
.devicebox ul li {
background: #f7f7f7;
margin: 2px 0;
padding: 4px 15px;
}
.devicebox ul li:hover {
background: #fff;
}
.devicebox ul li:before {
display: none;
}
.devicebox p ~ p {
line-height: 1.25;
}
.devicebox p:first-of-type + p {
padding: 15px;
}
.devicebox a.buy-link {
border-radius: 5px;
display: inline-block;
font: 14px/31px “Proxima Nova Extrabld”,Helvetica,Arial,sans-serif;
text-align: center;
}
.devicebox a.buy-link,
.devicebox a.buy-link:link,
.devicebox a.buy-link:active,
.devicebox a.buy-link:visited {
background: #37B5D7;
color: #FFF;
}
.devicebox a.buy-link:hover {
background: #2694B2;
text-decoration: none;
}
.devicebox a.buy-link:before {
content: “\e61e”;
font: 40px/0 “ac_iconset” !important;
margin: 0 3px 0 -8px;
vertical-align: middle;
}
@media all and (min-width: 1025px), all and (max-width: 800px) and (min-width: 660px) {
/* div:not(.columns-3) excludes help menu content */
.article-body-wrap > div:not(.columns-3) > *:first-child:not(.sticky-wrapper) .devicebox {
padding: 20px 0 25px;
}
.article-body-wrap > div:not(.columns-3) > *:first-child:not(.sticky-wrapper) .devicebox .video {
float: left;
margin: 0 30px 0 0;
width: calc(100% – 375px);
}
.article-body-wrap > div:not(.columns-3) > *:first-child:not(.sticky-wrapper) .devicebox h3 + p {
bottom: 37px;
display: block;
overflow: hidden;
position: absolute;
top: 60px;
width: calc(100% – 375px);
}
.article-body-wrap > div:not(.columns-3) > *:first-child:not(.sticky-wrapper) .devicebox p img,
.article-body-wrap > div:not(.columns-3) > *:first-child:not(.sticky-wrapper) .devicebox p > img {
position: absolute;
top: 50%;
transform: translateY(-50%);
}
.article-body-wrap > div:not(.columns-3) > *:first-child:not(.sticky-wrapper) .devicebox p:nth-child(n+3),
.article-body-wrap > div:not(.columns-3) > *:first-child:not(.sticky-wrapper) .devicebox ul {
box-sizing: border-box;
margin-left: calc(100% – 345px);
width: 340px;
}
.article-body-wrap > div:not(.columns-3) > *:first-child:not(.sticky-wrapper) .devicebox p.list-head {
margin-top: -5px;
}
}
@media all and (max-width: 1024px) and (min-width: 801px), all and (max-width: 660px) {
.devicebox h3 {
text-align: center;
}
.devicebox ul,
.devicebox p {
display: block;
}
}
@media all and (max-width: 800px) and (min-width: 660px) {
.devicebox {
padding: 20px 0 25px;
}
.devicebox .video {
float: left;
margin: 0 30px 0 0;
width: calc(100% – 375px);
}
.devicebox h3 + p {
bottom: 37px;
display: block;
overflow: hidden;
position: absolute;
top: 60px;
width: calc(100% – 375px);
}
.devicebox p img,
.devicebox p > img {
position: absolute;
top: 50%;
transform: translateY(-50%);
}
.devicebox p:nth-child(n+3),
.devicebox ul {
box-sizing: border-box;
margin-left: calc(100% – 345px);
width: 340px;
}
.devicebox p.list-head {
margin-top: -5px;
}
}
@media all and (min-width: 1025px), all and (max-width: 800px) and (min-width: 661px), all and (max-width: 500px) {
/* 2x buy buttons */
.devicebox a.buy-link {
width: calc(50% – 2.5px);
margin: 0 5px 5px 0;
}
.devicebox a.buy-link:nth-of-type(even) {
margin: 0 0 5px 0;
}
.devicebox a.buy-link:last-of-type:nth-of-type(odd) {
width: 100%;
}
}
@media all and (max-width: 1024px) and (min-width: 801px), all and (max-width: 659px) and (min-width: 501px) {
/* 3x buy buttons */
.devicebox a.buy-link {
width: calc(100%/3 – 10px/3);
margin: 0 5px 5px 0;
}
.devicebox a.buy-link:nth-of-type(3n):not(:nth-last-of-type(2)) {
margin: 0 0 5px 0;
}
.devicebox a.buy-link:only-child {
width: 100%;
margin: 0 0 5px 0;
}
.devicebox a.buy-link:nth-last-of-type(2):nth-of-type(3n+1),
.devicebox a.buy-link:nth-last-of-type(2):nth-of-type(3n+1) ~ a.buy-link,
.devicebox a.buy-link:nth-last-of-type(4):nth-of-type(3n+1),
.devicebox a.buy-link:nth-last-of-type(4):nth-of-type(3n+1) ~ a.buy-link {
width: calc(50% – 2.5px);
}
.devicebox a.buy-link:nth-last-of-type(2):nth-of-type(3n+1) ~ a.buy-link,
.devicebox a.buy-link:nth-last-of-type(4):nth-of-type(3n+1) ~ a.buy-link:nth-last-of-type(odd) {
margin: 0 0 5px 0;
}
}
@media all and (max-width: 800px) {
.devicebox {
margin: 0 0 30px;
max-width: none;
width: auto;
}
}
@media all and (max-width: 500px) {
.devicebox {
margin: 0 0 30px;
max-width: none;
width: auto;
}
.devicebox a.buy-link:before {
display: none;
}
}
.page-admin .devicebox {max-width: 350px;}
.page-admin .devicebox .video_iframe {position: relative; height: 0; padding-bottom: 56.9%;}
.page-admin .devicebox .video_iframe iframe {width: 100%; height: 100%; position: absolute;}

/*–>*/

/*–>*/

/*–>*/

from iMore – The #1 iPhone, iPad, and iPod touch blog http://ift.tt/2u4jsQX

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s