{"id":9918,"date":"2017-11-11T19:52:45","date_gmt":"2017-11-11T19:52:45","guid":{"rendered":"https:\/\/rsoftsolution.com\/blog\/imagining-instagram-stories-first.html"},"modified":"2017-11-11T19:52:45","modified_gmt":"2017-11-11T19:52:45","slug":"imagining-instagram-stories-first","status":"publish","type":"post","link":"https:\/\/www.rbsitsoftwaresolution.in\/blog\/imagining-instagram-stories-first.html","title":{"rendered":"Imagining Instagram: Stories-first"},"content":{"rendered":"


\n<\/p>\n

<\/p>\n

\t<\/p>\n

D.J. Sherrets<\/a> is a product designer in New York City and previously worked at Google.<\/p>\n

Time spent by people watching Instagram Stories \u2014 which is temporary sharing with private replies that launched in August 2016 \u2014 could someday significantly surpass time spent in the Instagram Feed, which is the permanent stream of photos and videos with comments that launched in October 2010. Although numbers comparing sharing and time spent between Stories and Feed are not available, there\u2019s more to be done. <\/span><\/p>\n

This feels credible to me for reasons such as Stories is \u201clargely video,\u201d <\/span>according to the Instagram CEO<\/span><\/a>, and video sharing and watching videos on Instagram are going up over time as a percentage of both time spent and total posts.<\/span><\/p>\n

As of June<\/span><\/a>, video watch-time on Instagram is up 80 percent year-over-year and the number of videos shared is up 4x. From June 2016 to April 2017, Instagram grew monthly active users <\/span>by<\/span><\/a> 40 percent<\/span><\/a>. Before Stories launched, there was a question about a per user Feed photo sharing <\/span>decrease<\/span><\/a>. A year after Stories launched, people younger than 25 spent 32 minutes per day on Instagram on average, and people 25 years and older spent more than <\/span>24 minutes<\/span><\/a> per day. That compares to 21 minutes per day on average for all Instagram users in October 2014. <\/span>Instagram Stories currently has more than 300 million daily active users, and that compares to Instagram\u2019s total 500 million daily active users in September.<\/span><\/p>\n

I often visit Instagram only to watch Stories without scrolling through the Feed. I believe Stories-first is happening with how Instagram is used, but Instagram is not yet designed to be Stories-first. At a minimum, the Feed must be improved to the standard of Stories, and Stories must be featured equal to its significant current and expected usage.<\/span><\/p>\n

\"\"<\/p>\n

How would you imagine Instagram would work if Stories were made first, and Feed didn\u2019t exist? And what if only now Feed were designed and introduced? Viewing Stories full-screen makes sense, which may help explain why it\u2019s \u201clargely video.\u201d However, the scrolling technique used in Feed today obscures that video because the top or bottom is cut off during scrolls, <\/span>and scrolling can require more than one gesture \u2014 such as swipe up and then press to stop \u2014 just to get the next post on the screen<\/span>. This can cause the user to miss the beginning of the video and also split their focus, while taking more time than necessary. So I felt a need to create a new design.<\/span><\/p>\n

How could Instagram change from Feed-first to Stories-first? Today, Feed scrolling is the primary focus of Instagram\u2019s design. When opening the app, the Feed uses 68.29 percent of screen space on iPhone 7 Plus. Meanwhile, Stories is displayed as one horizontal row below the top of the app, assigned 22.55 percent of screen space.<\/span><\/p>\n

\"\"<\/p>\n

\"\"<\/p>\n

Let\u2019s first consider the differences between Instagram Stories and Instagram Feed, and how they could become more similar or different:<\/span><\/p>\n

Stories core:<\/span><\/p>\n

A: Delete in 24 hours
<\/span>B: Replies are private messages
<\/span>C: Shows who viewed your Story<\/span><\/p>\n

Feed core:<\/span><\/p>\n

D: Permanently shared unless deleted
<\/span>E: Hearts and comments are visible to anyone who can view the post<\/span><\/p>\n

Stories current design:<\/span><\/p>\n

A: Small circle profile photo or thumbnail
<\/span>B: One-tap to next post, or swipe left to next Story
<\/span>C: Photo shown for 3 seconds, and video shown once
<\/span>D: Swipe up to privately reply, or swipe down to close<\/span><\/p>\n

Feed current design:<\/span><\/p>\n

E: Full-width of video\/photo is shown, and conforms to dimensions 1:1 for square, 1.91:1 for landscape or 4:5 for portrait
<\/span>F: Name\/profile photo appear outside of the video\/photo with caption\/comments\/buttons
G: Scroll up to view more Feed posts<\/span><\/p>\n

Imagine combining features across Stories and Feed. What if Stories included comments? Or if Feed was one tap to advance? Applying learnings from how Stories appears to have made video the focus, a new approach to Feed may increase how many videos are shared, increase the ratio of videos-to-photos shared and increase how long people want to watch videos on Instagram.<\/span><\/p>\n

Please let me know your comments\/feedback about my design by <\/span>messaging here<\/span><\/a>. In addition to the video and gif above, I also show below how each feature works in my design.<\/span><\/p>\n

My design for Stories-first with Feed<\/h2>\n

Generally, I think this approach could help bring together the user experiences of Feed and Stories, while preserving the distinctions that make each useful.<\/span><\/p>\n

Feed and Stories always one swipe away<\/b><\/p>\n

Easily switch between Stories and Feed and vice versa at any time. Imagine if you could open the app, tap on Feed and watch for a while what your friends have been sharing and commenting. Then with just one swipe down, you can return to the main screen, which shows up to thee rows of five Stories each. Then you can tap on friends\u2019 Stories you want to watch for a while and send back private replies for some. Then switch back to Feed to check out more updates, and so on.<\/span><\/p>\n

Below, you start each side at the fifth Feed Story, then open the NYC Story, then go to the sixth Feed Story. A bar appears in the middle when finished, and indicates that Stories-first is faster:<\/span><\/p>\n

\"\"<\/p>\n

You can switch to view three big thumbnails of Stories per row, then view more Stories or go back to the Feed. Today, Instagram shows these larger previews of recent Stories sometimes when you scroll in the Feed, but not at the top of the app.<\/span><\/p>\n

\"\"<\/p>\n

Full-screen Feed posts with one tap to next post<\/b><\/p>\n

This is a much faster and easier way to look at content, and it can be done simply with one hand holding the phone. Tap through multiple videos\/photos included in an album post. Feed still shows only one post, and focus remains on ranking Feed based on content shared. In contrast, Stories shows all of someone\u2019s posts for that day. <\/span><\/p>\n

There is no sharing of who viewed each Feed post, so a distinction between Feed and Stories is preserved. Cropping\/editing tools of Feed posts would now be included as editing options after making a video\/photo in Camera and after selecting from Camera Roll. Note that any dimension video\/photo can be posted to the Feed, including using full width\/height of available space. <\/span><\/p>\n

Press on the Feed post to show only the videos\/photos, then release to show text and buttons over the videos\/photos again. You also can opt to show no animation from right to left when a new Feed post is shown, so the focus can remain on the content, without needing to look at the animation.<\/span><\/p>\n

Press then swipe up to \u2018heart\u2019<\/b><\/p>\n

The gesture replaces double-tap to heart so one tap is to advance. Note that if you swipe up and the heart appears, then you can still swipe down and the heart will not have been sent. A heart is only sent upon release of press after swipe up.<\/span><\/p>\n

\"\"<\/p>\n

Watch Feed in 2\u00d72 full screen and tap a Feed post to expand to full size<\/b><\/p>\n

Showing a 2\u00d72 of Feed posts lets you view four posts per screen, so you can scan a bunch of posts to decide what to view. Tap on the right side to go to the next 2\u00d72, or tap on the left edge to return.<\/span><\/p>\n

\"\"<\/p>\n

Just tap on a Feed post in a 2\u00d72 to open to full screen of that post, so there\u2019s a clearer view of the post.<\/span><\/p>\n

\"\"<\/p>\n

Tap Profile, then tap to open Grid, then one-tap to next post<\/b><\/p>\n

This is a fast way to check out profile posts with just one tap, so the design of viewing Profile and viewing Feed are compatible.<\/span><\/p>\n

\"\"<\/p>\n

Turn on Stories comments and require approval for comments before sharing<\/b><\/p>\n

You can choose which posts you may want to share to view responses. Comments in Stories provide a space to share responses among viewers. While knowing the default is the comments are deleted with the Story, this may inspire people to share more comments. <\/span><\/p>\n

A purpose of the option to review all comments before posting is for the person posting to feel more control over the comments added to their content. <\/span><\/p>\n

Turn on or off comments by using the camera, then tapping Next for the selector.<\/span><\/p>\n

\"\"<\/p>\n

Tap on the comment icon to reply with a comment on a Story, or swipe up to privately reply. So even with comments on, there remains a default focus on private replies.<\/span><\/p>\n

\"\"<\/p>\n

\"\"<\/p>\n

Choose each Story video\/photo to expire after 6 hours, 24 hours, 1 week, 1 month or 6 months<\/b><\/p>\n

You can change the expiration time for each Story you share in order to control the amount of time the Stories appear. The default time remains 24 hours.<\/span><\/p>\n

Remove read Stories when tap Feed, and Feed moves up to the first row if no more unread Stories<\/b><\/p>\n

So the design is flexible even if there are only a few Stories to view. <\/span>At most there are four versions of the layout that could appear: 1 Stories row, 2 Stories rows, 3 Stories rows, and 3 Stories rows with a preview of the fourth Stories row.<\/span><\/p>\n

Closing after watching 16 Stories:<\/span><\/p>\n

\"\"<\/p>\n

Closing after watching the last unread Story:<\/span><\/p>\n

\"\"<\/p>\n

\"\"<\/p>\n

Turn off auto-play Stories<\/b><\/p>\n

Only watch the Stories you tap. Turning off auto-play can last until you turn it back on. Or, another approach is that turning off auto-play can last for the current session or 24 hours, then will return to auto-play for the next Story.<\/span><\/p>\n

\"\"<\/p>\n

Make a playlist of Stories to watch now<\/b><\/p>\n

Easily pick which Stories you want to watch.<\/span><\/p>\n

\"\"<\/p>\n

Swipe right to open camera over Home, or tap bottom-row camera to open \u2014 and swipe down to close camera<\/b><\/p>\n

This provides a consistent way to swipe down to close the camera.<\/span><\/p>\n

\"\"<\/p>\n

Make multiple videos\/photos without stopping<\/b><\/p>\n

This helps bring default function of the phone\u2019s camera app into the app for making a bunch of videos\/photos when needed in the moment. Use the \u201cMulti\u201d camera option, then tap thumbnail or swipe up to decide which videos\/photos to select. Media would be stored in the camera roll or cloud.<\/span><\/p>\n

\"\"<\/p>\n

Main design conclusion<\/h2>\n

Plainly, there are many important possibilities to explore. Meanwhile, I believe my approach outlined here could significantly benefit people today. And the purpose is to design and share ideas with people who can inspire change. There could be continued development, such as with trying the design with people in the app. <\/span><\/p>\n

Looking forward, augmented reality could increasingly expand the canvas for information and interaction to everyone, everywhere \u2014 but over the coming years, what won\u2019t change about sharing? Sharing the lived experience is a core desire. In some broad definition, it is what makes us alive. And people will want increasing ways to share across dimensions of time, people, place, format, feelings, identity and more. Really, the story of sharing itself \u2014 including what, how and why \u2014 is still being told. As ever.<\/span><\/p>\n

For higher resolution videos of the ideas above, please visit my <\/span>Facebook Page<\/span><\/a>.<\/span><\/p>\n

\"\"<\/p>\n

Disclosure: DJ Sherrets is a shareholder of Facebook stock.<\/span><\/p>\n

<\/p>\n

Article source: http:\/\/feedproxy.google.com\/~r\/techcrunch\/social\/~3\/Av_BsQE3UvY\/<\/p>","protected":false},"excerpt":{"rendered":"

D.J. Sherrets is a product designer in New York City and previously worked at Google. Time spent by people watching Instagram Stories \u2014 which is temporary sharing with private replies <\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2}},"categories":[3],"tags":[10,7,14,15,6,12,11],"class_list":["post-9918","post","type-post","status-publish","format-standard","hentry","category-latest-update","tag-computer-news","tag-downloads","tag-microsoft-download-news","tag-networking-updates","tag-technology-update","tag-wordpress-plugin-download","tag-wordpress-theme-download"],"aioseo_notices":[],"aioseo_head":"\n\t\t\n\t\n\t\n\t\n\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t