Skip to content

April 9, 2015

How to navigate moments, collections, and years views in Photos for iPhone or iPad

by John_A

Photos for OS X uses the same hierarchy as Photos for iOS — intelligently grouping images and videos into moments, collections, and years.

That lets Photos for OS X show you small moments in time and space, like yesterday at the park, but also collections of moments marked by larger changes, like that party across town or that week at the beach, and even an entire year all at once. That way you can quickly zoom out, drill down, or scrub through to find exactly the photos and videos you want to look at, edit, or share. And all it takes is a few clicks and swipes!

Note: You can’t manually add an item to a specific moment, collection, or year — not without some metadata hackery, at least. They just take whatever you bring in and intelligently sort them into the right time and place.

How to move between Moments, Collections, and Years smart groups

  1. Launch Photos for Mac.
  2. Click the Back button to move from a photo to moments, moments to collections or collections to years.
  3. Click on the Forward button move from years to collections or collections to moments.
  4. Click on a section of a year to move to that collections, or a section of a collection to move to that moment, or an item in a moment to move to that image or video.
  5. Tap an arrow key to move between photos and videos in a moment.
  6. Click on a photo or video to select it or double-click on a photo or video to go to it.

How to scrub through and quickly jump to a picture or video in Collections or Years

Because of the volume of photos in collections or years view the thumbnails are small and can be hard to see. Luckily there’s a scrubbing gesture that not only lets you get a better look, it also lets you jump immediately to that picture or video so you don’t have to click all the way through.

  1. Click and hold down on the year or collection view.
  2. Move your mouse or trackpad pointer around, in any direction, to get a larger thumbnail preview.
  3. Let go when you get to the picture or video you want, and you’ll be taken directly to it.

<!–*/

<!–*/

<!–*/

.devicebox
background-color: #5CB8DB;
border: 1px solid #E2E9EB;
float: right;
display: block;
margin: 0 0px 10px 10px;
max-width: 350px;
overflow: hidden;
width: 50%;

.devicebox h3
background: #8D98BD;
font-family: “camptonmedium”,sans-serif;
font-size: 20px;
margin-bottom: 0;
margin-top: 0;
padding: 0;
text-align: center;

.devicebox h3 a
display: block;
line-height: 30px;
padding: 0 10px;

.devicebox h3 a:hover
background: #7e88aa;
text-decoration: none;

.devicebox .video
margin: auto;

.devicebox p,
.entry-content .devicebox p > img,
.devicebox img
margin: 0px;
max-width: 100%;
padding: 0px;

div .devicebox *,
div .devicebox li,
div .devicebox a:active,
div .devicebox a:hover,
div .devicebox a:link,
div .devicebox a:visited
color: #fff;

.devicebox a:hover
text-decoration: underline;

.devicebox p,
.devicebox ul li,
.devicebox ol li
font-size: 16px;
padding: initial;

.devicebox ul
margin: 0;
padding: 0.5em 1em 1em 30px;

.devicebox ul li
display: list-item;
line-height: 24px;
list-style: disc outside none;

.devicebox ul li:before
display: none;

.devicebox p ~ p
padding: 0px 15px 15px;
line-height: 1.25;

.devicebox p:first-of-type + p
padding: 15px;

div *:last-of-type + .devicebox,
div *:last-of-type + div ~ .devicebox
float: none;
margin: 0 auto 30px;
max-width: 700px;
min-height: 225px;
position: relative;
width: 100%;

div *:last-of-type + .devicebox .video,
div *:last-of-type + div ~ .devicebox .video
bottom: 0px;
left: 50%;
position: absolute;
right: 0px;
top: 30px;

div *:last-of-type + .devicebox .video_iframe,
div *:last-of-type + div ~ .devicebox .video_iframe
height: 100%;
padding: 0px;

div *:last-of-type + .devicebox h3 + p,
div *:last-of-type + div ~ .devicebox h3 + p
bottom: 0;
left: 50%;
overflow: hidden;
position: absolute;
right: 0;
top: 30px;
width: 50%

div *:last-of-type + .devicebox h3 + p img,
div *:last-of-type + div ~ .devicebox h3 + p img
float: right;
height: 100%;
width: auto;

div *:last-of-type + .devicebox ul,
div *:last-of-type + div ~ .devicebox ul,
div *:last-of-type + .devicebox p,
div *:last-of-type + div ~ .devicebox p
width: 43%;

@media all and (max-width: 500px)
.devicebox
float: none;
margin: 0 0 30px;
max-width: 100%;
width: 100%;

div *:last-of-type + .devicebox .video,
div *:last-of-type + div ~ .devicebox .video
left: 0;
position: relative;
top: 0;

div *:last-of-type + .devicebox .video_iframe,
div *:last-of-type + div ~ .devicebox .video_iframe
padding-bottom: 56.25%;

div *:last-of-type + .devicebox h3 + p,
div *:last-of-type + div ~ .devicebox h3 + p
left: 0;
position: relative;
top: 0;

div *:last-of-type + .devicebox ul,
div *:last-of-type + div ~ .devicebox ul
width: auto;

/*–>*/

/*–>*/

/*–>*/

Read more from News

Leave a comment

Note: HTML is allowed. Your email address will never be published.

Subscribe to comments